Πώς να φτιάξετε ένα λογότυπο στο Photoshop

Πώς να φτιάξετε ένα λογότυπο στο Photoshop

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

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

1tb εσωτερικός σκληρός δίσκος για φορητό υπολογιστή

Όταν πρόκειται να σχεδιάσετε το δικό σας λογότυπο, ίσως χρειαστεί να αρχίσετε να σκέφτεστε την ταυτότητα και το στυλ της επωνυμίας. Για περισσότερη έμπνευση, κατευθυνθείτε στον επαγγελματικό οδηγό μας στο σχεδιασμός λογότυπου , που σας λέει όλα όσα πρέπει να γνωρίζετε για τον κόσμο των λογότυπων.



01. Δημιουργήστε έναν νέο καμβά

λογότυπο σχεδίασης στο Photoshop

Ορίστε τη γραμμή πλέγματος σας κάθε 50 pixel

Ανοίξτε το Photoshop και δημιουργήστε ένα νέο έγγραφο. Χρησιμοποίησα ένα μέγεθος καμβά 500px x 500px, αλλά και τα μεγαλύτερα μεγέθη θα λειτουργούσαν εξίσου καλά. Μπορείτε να αλλάξετε το μέγεθος του καμβά ανά πάσα στιγμή. Μεταβείτε στο Photoshop> Προτιμήσεις για να ορίσετε μια γραμμή πλέγματος κάθε 50 εικονοστοιχεία. Στη συνέχεια, ενεργοποιήστε τα πλέγματα, στον καμβά, πατώντας cmd + ' ή Προβολή> Εμφάνιση στη γραμμή επιλογών. Βεβαιωθείτε ότι το Snap to Grid είναι ενεργοποιημένο, στην περιοχή View> Snap to.

02. Σχεδιάστε ένα βασικό σχήμα

λογότυπο σχεδίασης στο Photoshop

Δημιουργήστε ένα σχήμα βέλους

Επιλέξτε το εργαλείο πένας στη γραμμή εργαλείων ή πατώντας Π και βεβαιωθείτε ότι έχει ρυθμιστεί σε Σχήμα στα αριστερά της γραμμής Επιλογών και όχι Διαδρομή. Χρησιμοποιήστε το στυλό για να σχεδιάσετε ένα σχήμα κεφαλής βέλους, ξεκινώντας από το κέντρο του καμβά και χρησιμοποιώντας διασταυρώσεις γραμμής πλέγματος για τα άλλα σημεία σας. Η ονομασία των επιπέδων δεν είναι απαραίτητη για αυτό το έργο, αλλά μπορεί να είναι χρήσιμη σε πιο περίπλοκα έγγραφα, όπου υπάρχουν πολλά επίπεδα.

03. Αντιγράψτε και επεξεργαστείτε το σχήμα

λογότυπο σχεδίασης στο Photoshop

Αντιγράψτε το επίπεδο σας, ώστε να μπορείτε να επεξεργαστείτε το σχήμα

Αντιγράψτε το επίπεδο πατώντας cmd + Ι και κάντε κλικ στο νέο επίπεδο για να το επιλέξετε. Χρησιμοποιήστε το εργαλείο άμεσης επιλογής, συντόμευση ΠΡΟΣ ΤΗΝ , για να κάνετε κλικ στο πάνω μέρος του βέλους, που βρίσκεται στο κέντρο του καμβά. Μετακινήστε αυτό το σημείο προς τα κάτω μερικά τετράγωνα πλέγματος, κρατώντας το πλήκτρο Shift για να το κρατήσετε κλειδωμένο στον άξονα y.

04. Προσθέστε χρώμα με κλίση

λογότυπο σχεδίασης στο Photoshop

Οι ντεγκραντέ εξακολουθούν να είναι σε τάση στο σχεδιασμό λογότυπων, οπότε προσθέστε μία στο λογότυπό σας

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

05. Ομαδοποιήστε και αντιγράψτε τα επίπεδα σας

λογότυπο σχεδίασης στο Photoshop

Τακτοποιήστε τα πράγματα ομαδοποιώντας τα επίπεδα σας

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

Αντιγράψτε αυτήν την ομάδα και χρησιμοποιήστε τη συνάρτηση Free Transform για να περιστρέψετε τη νέα ομάδα ενενήντα μοίρες, κρατώντας πατημένο το πλήκτρο Shift για περιστροφή σε βήματα δεκαπέντε μοιρών. Μπορείτε να αποκτήσετε πρόσβαση στο Free Transform χρησιμοποιώντας cmd + Τ ή στην ενότητα Επεξεργασία> Δωρεάν μετασχηματισμός. Τώρα μετακινήστε τη δεύτερη ομάδα προς τα πάνω, έως ότου αντικατοπτρίζει το αρχικό σχήμα, χρησιμοποιώντας το κέντρο του καμβά ως γραμμή συμμετρίας.

06. Μεταμορφώστε τα σχήματα

λογότυπο σχεδίασης στο Photoshop

Το Χ σηματοδοτεί το σημείο. Μπορεί

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

07. Ομαδοποίηση, αντίγραφο, επανάληψη

λογότυπο σχεδίασης στο Photoshop

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

Χρησιμοποιώντας την ίδια μέθοδο από το βήμα # 5 για να ομαδοποιήσετε τα επίπεδα μαζί, αντιγράψτε την ομάδα και περιστρέψτε κατά ενενήντα μοίρες. Το νέο σχήμα θα πρέπει να μοιάζει με ένα είδος σταυρού.

08. Σχεδιάστε έναν κύκλο με το εργαλείο σχήματος

λογότυπο σχεδίασης στο Photoshop

Χαράξτε λίγο χώρο στο λογότυπό σας προσθέτοντας έναν κύκλο

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

θήκη macbook pro και κάλυμμα πληκτρολογίου

09. Σχεδιάστε ένα ορθογώνιο και ευθυγραμμίστε το στο κέντρο

λογότυπο σχεδίασης στο Photoshop

Κάντε χώρο για κείμενο με ορθογώνιο

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

Οι πιο προχωρημένοι χρήστες θα μπορούσαν να χρησιμοποιήσουν αυτό το ορθογώνιο για να αφαιρέσουν από τα παρακάτω σχήματα, χρησιμοποιώντας το Layer> Combine σχήματα, αλλά προς το παρόν θα εμμείνουμε στη χρήση του ως λευκού μπλοκ.

10. Προσθέστε το κείμενό σας

λογότυπο σχεδίασης στο Photoshop

Θα ονομάσουμε το λογότυπό μας «νιφάδα χιονιού». Μην προσβάλλετε

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

11. Επιλέξτε την κατάλληλη γραμματοσειρά

λογότυπο σχεδίασης στο Photoshop

Το να αποκτήσετε τη σωστή γραμματοσειρά για την επωνυμία σας είναι το κλειδί

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

12. Ρυθμίστε το kerning σας

λογότυπο σχεδίασης στο Photoshop

Μην ξεχάσετε να διαμορφώσετε το κείμενό σας

Πυρήνας του κειμένου. Αυτό σημαίνει προσαρμογή της οριζόντιας απόστασης μεταξύ μεμονωμένων γραμμάτων, μεγιστοποίηση της αναγνωσιμότητας της λέξης. Μπορείτε να το κάνετε αυτό στην καρτέλα Τύπος, με την ένδειξη V | A, ή κάνοντας κλικ μεταξύ των γραμμάτων και πατώντας τα παντα + αριστερά ή τα παντα + σωστά. Για περισσότερα σχετικά με το kerning, δείτε την ανάρτησή μας στο πώς να πληκτρολογήσετε kern .

13. Προσθέστε τελικά στοιχεία και εξαγάγετε

λογότυπο σχεδίασης στο Photoshop

Μην ξεχάσετε να αποθηκεύσετε ως αρχείο psd ώστε να μπορείτε να επεξεργαστείτε το λογότυπό σας αργότερα

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

Όταν είστε ευχαριστημένοι, αποθηκεύστε την εικόνα σε όποια μορφή θέλετε. Χρησιμοποίησα το RGB jpg εδώ για μορφή ιστού, αλλά επίσης το έσωσα ως psd ώστε να μπορώ να επιστρέψω και να κάνω αλλαγές.

Διαβάστε περισσότερα: