Πώς να δημιουργήσετε ένα λογότυπο με το Adobe Illustrator βήμα προς βήμα

Το λογότυπο είναι ένα από τα πιο αντιπροσωπευτικά οπτικά στοιχεία μιας μάρκας, είναι ικανό να μεταδίδει στο κοινό ποια είναι η ουσία του και είναι ένα πολύ ισχυρό σύμβολο. Σε αυτό το σεμινάριο θα σας δείξω τα βασικά εργαλεία που προσφέρει το Illustrator για το σχεδιασμό λογότυπων και θα σας διδάξω πώς να αξιοποιήσετε στο έπακρο από αυτά. Αν θέλετε να μάθετε πώς να δημιουργήσετε ένα λογότυπο με το Adobe Illustrator, δεν μπορείτε να χάσετε αυτήν την ανάρτηση!

Λογότυπο, ισότυπο ή εικονότυπο

Διαφορά μεταξύ λογότυπου, εικονότυπου και ισοτύπου Illustrator

Κανονικά, χρησιμοποιούμε τη λέξη λογότυπο για να αναφερθούμε στο σύμβολο που αντιπροσωπεύει μια επωνυμία. Ωστόσο, αυτός ο όρος δεν χρησιμοποιείται πλήρως. Πριν ξεκινήσουμε να σχεδιάζουμε, ας το ξεκαθαρίσουμε.

  • El logo είναι το σύμβολο που αντιπροσωπεύει τη μάρκα και αποτελείται από εικόνες και κείμενο (ή τυπογραφία).
  • Όταν το σύμβολο αποτελείται μόνο από μια εικόνα, χωρίς κείμενο, είναι πιο σωστό να χρησιμοποιείτε τον όρο ισότυπος.
  • Υπάρχουν μάρκες που μερικές φορές χρησιμοποιούν ανεξάρτητα τα διαφορετικά μέρη του λογοτύπου τους. Για παράδειγμα, η Nike αντιπροσωπεύεται συχνά αποκλειστικά από το βουρκώνω. Όταν η εικόνα του λογότυπου σχετίζεται με την επωνυμία χωρίς να χρειάζεται να συνοδεύονται από την τυπογραφία, μπορούμε να το αναφέρουμε ως εικονότυπος.

Δημιουργήστε νέο έγγραφο στο Illustrator και παρατηρήστε το μοντέλο

Αναλύστε το μοντέλο για να δημιουργήσετε λογότυπο στο Illustrator

Ας δημιουργήσουμε ένα νέο έγγραφο. Θα δώσουμε τον πίνακα εργασίας α Μέγεθος Α4, έτσι δεν θα έχουμε έλλειψη χώρου εργασίας. Έχω αλλάξει το λειτουργία χρώματος σε RGB.

Θα ξεκινήσουμε με ένα απλό λογότυπο που έχω σχεδιάσει προηγουμένως. Κοιτάζοντας αυτό το μοντέλο, θα δούμε βήμα προς βήμα πώς το δημιούργησα και με ποια εργαλεία. Το δικό τους είναι ότι παίρνετε μια ιδέα για το πώς μπορείτε να αξιοποιήσετε στο έπακρο τις προσφορές του Illustrator. Αναλύοντας το λογότυπο, το βλέπουμε αυτό Αποτελείται από ένα σύνολο συνδυασμένων σχημάτων και κειμένου.

Δημιουργήστε όλα τα απαραίτητα σχήματα στο Adobe Illustrator

Το σώμα της κουκουβάγιας

Χρησιμοποιήστε το εργαλείο άμεσης επιλογής για να επεξεργαστείτε το σχήμα στο Illustartor

Ας επικεντρωθούμε πρώτα στα σχήματα. Στη γραμμή εργαλείων, θα βρείτε το εργαλείο σχημάτων. Κάνοντας κλικ σε αυτό, μας δίνει την επιλογή να δημιουργήσουμε ορθογώνια, ελλείψεις, αστέρια, πολύγωνα ή τμήματα γραμμών. Σε αυτήν την περίπτωση, χρειαζόμαστε δημιουργήστε ένα ορθογώνιο. Επιλέξτε το εργαλείο και σύροντας το ποντίκι δημιουργήστε ένα ορθογώνιο που είναι περίπου οι διαστάσεις που βλέπετε στην παραπάνω εικόνα.

Πώς μπορούμε να φτάσουμε από αυτό το ορθογώνιο στο σχήμα που αποτελεί το σώμα της κουκουβάγιας; Πρέπει να το παραμορφώσουμε, και για αυτό έχουμε το εργαλείο άμεσης επιλογής στη γραμμή εργαλείων. Όταν το επιλέξετε, θα δείτε ότι στις γωνίες του ορθογωνίου ένα είδος χειριστές (οι κύκλοι). Εάν τραβήξετε απευθείας σε οποιοδήποτε από αυτά, θα δείτε ότι οι γωνίες στρέφονται. Για να παραμορφώσετε μια μόνο γωνία, απλώς κάντε κλικ μία φορά και μετά τραβήξτε. Θα δείτε ότι αυτή η γωνία κινείται και τα υπόλοιπα παραμένουν όπως ήταν.

Θα ξεκινήσουμε από την κάτω αριστερή γωνία, θα πάρουμε τη λαβή στο όριο. Θα συνεχίσουμε προς τα επάνω αριστερά και τελικά θα στρογγυλοποιήσουμε την πάνω δεξιά. Με αυτόν τον τρόπο θα έχετε το επιθυμητό σχήμα.

Το μάτι της κουκουβάγιας

Ευθυγραμμίστε το εργαλείο στο Illustrator

Ευρύ για να κοιτάξετε προσεκτικά το μοντέλο. Τα μάτια αποτελούνται από το ίδιο σχήμα με το σώμα και για δύο κύκλους, το ένα μέσα στο άλλο. Θα δημιουργήσουμε ένα μικρότερο ορθογώνιο και θα το παραμορφώσουμεΕίναι όπως κάναμε στο προηγούμενο βήμα. Τώρα, θα δημιουργήσουμε τους κύκλους. Επίλεξε το εργαλείο έλλειψης. Για να δημιουργήσουμε έναν τέλειο κύκλο πρέπει να πατήσουμε το πλήκτρο μετατόπιση ενώ σύρετε, αλλιώς θα μπορούσε να παραμορφωθεί και να είναι περισσότερο έλλειψη παρά κύκλο.

Μόλις έχουμε όλα τα στοιχεία του ματιού, είναι καιρός να το συναρμολογήσουμε. Για οποιαδήποτε εργασία σχεδιασμού που κάνετε στο Illustrator το εργαλείο ευθυγράμμισης είναι βασικό. Μπορεί να μην το έχετε ορατό, μπορείτε πάντα να έχετε πρόσβαση σε αυτό παράθυρο>να ευθυγραμμιστεί. Θα σας βοηθήσει αυτόματα να ευθυγραμμίσετε διαφορετικά στοιχεία. Μπορείτε να αναφέρετε τον πίνακα γραφικών, την επιλογή ή ένα βασικό αντικείμενο. Για να ευθυγραμμίσετε, απλά πρέπει να επιλέξετε πολλά αντικείμενα και eορίστε μια επιλογή ευθυγράμμισης. Εάν θέλετε να επιλέξετε ένα αντικείμενο αναφοράς, κάντε την επιλογή και κάντε κλικ στο αντικείμενο που θέλετε να μετατρέψετε σε βασικό αντικείμενο χωρίς να πατήσετε κανένα πλήκτρο. Θα κεντράρουμε τον μαθητή μέσα στο εξωτερικό μέρος του ματιού.

Αντιγράψτε και αναστρέψτε για να δημιουργήσετε το άλλο μάτι

Διπλότυπο και αναστροφή λογότυπου στο Illustrator

Εάν παρατηρήσετε, το άλλο μάτι είναι ακριβώς το ίδιο αλλά στην αντίθετη θέση. Για να μην χρειαστεί να επαναλάβουμε ολόκληρη τη διαδικασία, αυτό που θα κάνουμε είναι διπλό τα ήδη δημιουργημένα. Μπορείτε να το κάνετε με την εντολή + c (αντιγραφή) και, στη συνέχεια, την εντολή + v (επικόλληση) ή μπορείτε να επιλέξετε πατήστε το πλήκτρο επιλογής και σύρετε. Για να το αντιστρέψετε, κάντε κλικ σε αυτό και στον πίνακα ιδιοτήτων, στην ενότητα "μετασχηματισμός", στα σύμβολα που αναφέρονται στην παραπάνω εικόνα, μπορείτε να αναστρέψετε το σχήμα, σε αυτήν την περίπτωση χρειαζόμαστε να είναι οριζόντιος.

Δημιουργήστε το φτερό με το εργαλείο ανίχνευσης ή στυλό

Εργαλείο Pen και Pathfinder

Ας επιστρέψουμε στο μεγάλο σχήμα, θα δείτε ότι έχει ένα είδος φτερούγας. Είναι στην πραγματικότητα το ίδιο σχήμα που χρησιμοποιούμε για το σώμα, τοποθετείται πίσω και περιστρέφεται. Θα εκμεταλλευτώ αυτήν την ευκαιρία για να το εξηγήσω δύο εξαιρετικά χρήσιμα εργαλεία για τη δημιουργία λογότυπου: το εργαλείο πένας και το pathfinder.

La εργαλείο πένας Το έχετε στη γραμμή εργαλείων και μπορεί να χρησιμοποιηθεί για τη δημιουργία της πτέρυγας. Η χρήση του είναι πολύ απλή. Απλά κάντε κλικ για να δημιουργήσετε κορυφές και οι γραμμές θα σχεδιαστούν αυτόματα για να τις ενώσετε.

Ένας άλλος τρόπος για να χτίσετε το πτέρυγα είναι χρησιμοποιώντας το pathfinder. Εάν δεν το έχετε ορατό, θα το βρείτε στην καρτέλα παραθύρου> pathfinder. Με αυτό το εργαλείο μπορείτε να συνδυάσετε ή να αφαιρέσετε εξαρτήματα. Σε αυτήν την περίπτωση πρέπει να ορίσουμε την επιλογή: λιγότερο μπροστά. Αντιγράψτε το σχήμα του σώματος, τοποθετήστε το πίσω σχηματίζοντας το φτερό και επαναλάβετε το αντίγραφο, πιέστε λιγότερο μπροστά και διαγράψτε την περίσσεια. Θα έχουμε ήδη το φτερό μας. Μόλις δημιουργηθούν όλα τα σχήματα, μπορείτε να συγκεντρώσετε το λογότυπο.

Χρώμα και κλίση για το λογότυπό σας στο Illustrator

εφαρμόστε ντεγκραντέ στο λογότυπό σας στο Illustrator

Μέχρι στιγμής δεν έχουμε αγγίξει το θέμα του χρώματος. Είναι σημαντικό ότι όταν σχεδιάζετε το λογότυπό σας, προσέχετε το χρώμα, επιλέξτε τόνους που εναρμονίζονται και αντιπροσωπεύουν το πνεύμα της μάρκας. Έχω επιλέξει ένα ροζ, θα αφήσω τον παραπάνω κωδικό χρώματος σε περίπτωση που σας ταιριάζει. Τα μάτια δεν είναι γεμάτα, είναι μια λευκή γραμμή με πάχος 0,25.

Το ροζ μέρος του σώματος δεν είναι επίπεδο χρώμα, έχει υποβαθμισμένο. Υπάρχουν αντικρουόμενες απόψεις για λογότυπα με ή χωρίς κλίση. Πριν από τη χρήση τους υπήρχε κίνδυνος επειδή η διαβάθμιση θα μπορούσε να χαθεί κατά τη μεταφόρτωσή της στον Ιστό. Ωστόσο, αυτό είναι ένα πρόβλημα που ξεπεράστηκε. Πολλές μάρκες χρησιμοποιούν ντεγκραντέ στα λογότυπά τους, μάρκες τόσο αναγνωρίσιμες όσο το Instagram. Μου αρέσουν προσωπικά γιατί, αν χρησιμοποιηθούν καλά, προσθέτουν ένταση στο λογότυπο.

Για να εφαρμόσουμε ντεγκραντέ, πρέπει να επιλέξουμε το εργαλείο ντεγκραντέ και να κάνουμε διπλό κλικ στο αντικείμενο. Μπορούμε να συντομεύσουμε πατώντας το G στο πληκτρολόγιο και κάνοντας διπλό κλικ. Στον πίνακα ιδιοτήτων, σε κλίση, μπορείτε να επιλέξετε τον τύπο της διαβάθμισης και να εμφανίσετε ένα μενού για να το τροποποιήσετε στα τρία σημεία. Σε αυτήν την περίπτωση έχουμε επιλέξει μια κλίση που κυμαίνεται από μαύρο σε λευκό και έχουμε αλλάξει το μαύρο σε ροζ και το λευκό που θα αντικαταστήσουμε με ένα πολύ πολύ ανοιχτό ροζ, σχεδόν λευκό. Μετακινώντας τη ράβδο που εμφανίζεται στο σχήμα και τα σημεία, μπορείτε να τροποποιήσετε τη θέση και τη δομή της κλίσης.

Τυπογραφία στο λογότυπο

Το κείμενο δεν έχει επιπλοκές, είναι γραμμένο με τη γραμματοσειρά Oswlad Medium, την οποία μπορείτε να κατεβάσετε δωρεάν στο Google Fonts. Το έχουμε δώσει 17 βαθμούς και έχουμε επιλέξει τον ίδιο ροζ τόνο. Έτσι θα φαινόταν!

Πώς να προσαρμόσετε τις γραμματοσειρές στο Adobe Illustrator

μετατρέψτε το κείμενο σε εγκεφαλικό επεισόδιο στο Illustrator

Ας μιλήσουμε περισσότερα για την τυπογραφία! Οι γραμματοσειρές μπορούν να μετατραπούν σε εγκεφαλικά επεισόδια, διάλειμμα, παραμόρφωση και μπορούμε να παίξουμε μαζί τους. Είμαι πολύ απρόθυμος να το κάνω, αλλά hey, η δημιουργία λογότυπων είναι ένας καλός πόρος και πρέπει να το γνωρίζετε. Ας δούμε ένα παράδειγμα:

Ας επιλέξουμε τη γραμματοσειρά Black File και θα γράψω αυτό το όνομα. Όπως είναι τώρα, δεν μπορούμε να κάνουμε λίγα. Πρέπει να μετατρέψουμε την τυπογραφία σε εγκεφαλικό επεισόδιο. Γι'αυτό, το επιλέγουμε με το εργαλείο επιλογής και πηγαίνουμε στην καρτέλα κειμένου> δημιουργία περιλήψεων. Πριν το κάνετε αυτό, βεβαιωθείτε ότι το κείμενο είναι καλά γραμμένο, γιατί δεν θα μπορείτε πλέον να το επεξεργαστείτε!

πώς να δημιουργήσετε λογότυπο με το adobe Illustrator

Δημιουργώντας τα περιγράμματα, μπορείτε να χειριστείτε το κείμενό σας όπως οποιοδήποτε άλλο εγκεφαλικό επεισόδιο. Όπως έχουμε κάνει με τα σχήματα, με το εργαλείο άμεσης επιλογής πρόκειται να καμπυλώσουμε τα άκρα του i και θα μετατρέψουμε το σημείο του δεύτερου «i» σε ένα είδος φύλλου, στο οποίο πρόκειται να δώσω αυτό το τυρκουάζ τόνος. Το ενδιαφέρον είναι ότι ολόκληρη η λέξη θα μπορούσε να χρησιμοποιηθεί ως λογότυπο ή το «i» ως ανεξάρτητος τύπος εικόνας.

Δοκιμάστε τα λογότυπά σας με mockups στο Photoshop

Τελικό αποτέλεσμα πώς να δημιουργήσετε λογότυπο με το Photoshop

Μια καλή ιδέα για να δείτε αν λειτουργεί το λογότυπό σας είναι να δημιουργήσετε κοροϊδεύσεις με το Photoshop. Είναι ο καλύτερος τρόπος για να δείτε γρήγορα πώς θα φαίνεται στην πραγματικότητα και πώς θα μπορούσε να εφαρμοστεί. Τι πιστεύετε;


Γίνε ο πρώτος που θα σχολιάσει

Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.