Δημιουργία στυλιζαρισμένου γραφικού στο Illustrator

01 από 19

Δημιουργία στυλιζαρισμένου γραφικού από μια φωτογραφία στο Illustrator

Κείμενο και εικόνες © Sandra Trainor

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

Παρόλο που χρησιμοποιώ το Illustrator CS6 , θα πρέπει να είστε σε θέση να ακολουθήσετε μαζί με οποιαδήποτε αρκετά πρόσφατη έκδοση. Απλά κάντε δεξί κλικ στον παρακάτω σύνδεσμο για να αποθηκεύσετε ένα αρχείο πρακτικής στον υπολογιστή σας, στη συνέχεια ανοίξτε το αρχείο στο Illustrator. Για να αποθηκεύσετε το αρχείο με ένα νέο όνομα, επιλέξτε Αρχείο> Αποθήκευση ως, μετονομάστε το αρχείο, "ice_skates", κάντε τη μορφή αρχείου Adobe Illustrator και κάντε κλικ στην επιλογή Αποθήκευση.

Κατεβάστε το αρχείο πρακτικής: st_ai-stylized_practice_file.png

02 από 19

Μέγεθος Artboard

Κείμενο και εικόνες © Sandra Trainor

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

Στον πίνακα "Εργαλεία" θα επιλέξω το εργαλείο Artboard και, στη συνέχεια, κάντε κλικ σε μία από τις γωνίες του Arboard και τραβήξτε το μόνο μέσα στις άκρες της φωτογραφίας. Θα κάνω το ίδιο με την αντίθετη λαβή και στη συνέχεια πατήστε το πλήκτρο Escape για να βγείτε από τη λειτουργία Edit Artboard.

03 του 19

Μετατροπή σε κλίμακα του γκρι

Κείμενο και εικόνες © Sandra Trainor

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

04 του 19

Μειώστε την φωτογραφία

Κείμενο και εικόνες © Sandra Trainor

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

05 από 19

Μετονομασία επιπέδων

Κείμενο και εικόνες © Sandra Trainor

Στον πίνακα "Επίπεδα", θα κάνω κλικ στο Layer 1, το οποίο θα μου δώσει ένα πεδίο κειμένου για να πληκτρολογήσετε ένα νέο όνομα. Θα πληκτρολογήσω το όνομα "Πρότυπο". Στη συνέχεια, θα κάνω κλικ στο κουμπί Δημιουργία νέου επιπέδου. Από προεπιλογή, το νέο επίπεδο ονομάζεται "Επίπεδο 2". Θα κάνω κλικ στο όνομα και έπειτα πληκτρολογήστε στο πεδίο κειμένου "Dark Tones".

06 από 19

Αφαιρέστε το χρώμα πλήρωσης και περιγράμματος

Κείμενο και εικόνες © Sandra Trainor

Με το επιλεγμένο επίπεδο Dark Tones, θα κάνω κλικ στο εργαλείο Pen, που βρίσκεται στον πίνακα "Εργαλεία". Επίσης στον πίνακα "Εργαλεία" εμφανίζονται τα πλαίσια "Γεμίστε" και "Ακύρωση". Θα κάνω κλικ στο πλαίσιο Συμπλήρωση και στο κουμπί Κανένα κάτω από αυτό, στη συνέχεια στο κουτί Stroke και κανένα.

07 από 19

Παρακολουθήστε γύρω από τους τόνους σκούρου χρώματος

Κείμενο και εικόνες © Sandra Trainor

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

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

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

08 από 19

Επιλέξτε τα μονοπάτια

Κείμενο και εικόνες © Sandra Trainor

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

09 από 19

Εφαρμόστε μια συμπλήρωση σκούρου χρώματος

Κείμενο και εικόνες © Sandra Trainor

Με το επιλεγμένο στρώμα Dark Tones στον πίνακα "Επίπεδα", θα κάνω διπλό κλικ στο πλαίσιο "Συμπληρώστε" στον πίνακα "Εργαλεία", ο οποίος θα ανοίξει τον επιλογέα χρωμάτων. Για να δηλώσετε έναν πολύ σκούρο τόνο μπλε, θα πληκτρολογήσω τα πεδία τιμών RGB, 0, 0 και 51. Όταν κάνω κλικ στο OK, τα σχήματα θα γεμίσουν με αυτό το χρώμα.

Στον πίνακα "Επίπεδα" θα κάνω κλικ στο εικονίδιο ματιού στα αριστερά στο στρώμα Σκοτεινές αποχρώσεις για να μην είναι ορατό.

10 από 19

Παρακολουθήστε γύρω από τους μεσαίους τόνους

Κείμενο και εικόνες © Sandra Trainor

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

Με το εργαλείο "Στυλό" που έχει επιλεγεί, θα κάνω κλικ στο κουμπί "Συμπληρώστε" και "Κανένα". Στη συνέχεια θα εντοπίσω όλους τους μεσαίους τόνους με τον ίδιο τρόπο που εντοπίσαμε γύρω από όλους τους σκούρους τόνους. Σε αυτή τη φωτογραφία, τα πτερύγια φαίνεται να έχουν μεσαίο τόνο, και επίσης μέρος της φτέρνας και μερικές από τις σκιές. Θα χρησιμοποιήσω την "καλλιτεχνική μου άδεια" για να περιορίσω τις σκιές κοντά στα άγκιστρα. Και, θα αγνοήσω τις μικρές λεπτομέρειες, όπως τα σημάδια ραφής και ραψίματος.

Αφού τελειώσω τον εντοπισμό γύρω από τους μεσαίους τόνους, θα κάνω κλικ στον κύκλο-στόχο για το επίπεδο μεσαίων τόνων.

11 από 19

Εφαρμόστε μια πλήρωση χρώματος μεσαίου τόνου

Κείμενο και εικόνες © Sandra Trainor

Με το επιλεγμένο επίπεδο μεσαίων τόνων και επίσης τα σχεδιαζόμενα μονοπάτια, θα κάνω διπλό κλικ στο πλαίσιο Συμπλήρωση στον πίνακα "Εργαλεία". Στο Color Picker, θα πληκτρολογήσω τα πεδία τιμών RGB, 102, 102 και 204. Αυτό θα μου δώσει έναν μεσαίο τόνο μπλε. Στη συνέχεια θα κάνω κλικ στο OK.

Θα κάνω κλικ στο εικονίδιο του ματιού για το επίπεδο μεσαίων τόνων. Τώρα, το στρώμα Dark Tones και το Middle Tones θα πρέπει να είναι αόρατα.

12 από 19

Παρακολουθήστε γύρω από τους ήχους φωτός

Κείμενο και εικόνες © Sandra Trainor

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

Στον πίνακα "Επίπεδα" θα δημιουργήσω ένα νέο επίπεδο και θα το ονομάσω "Φωτεινοί τόνοι". Στη συνέχεια θα κάνω κλικ και σύρετε αυτό το στρώμα για να το τοποθετήσετε ανάμεσα στο στρώμα Dark Tones και το στρώμα Template.

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

13 από 19

Εφαρμόστε μια πλήρωση χρώματος φωτός

Κείμενο και εικόνες © Sandra Trainor

Στον πίνακα "Επίπεδα" θα βεβαιωθώ ότι έχει επιλεγεί το επίπεδο φωτεινών τόνων και επίσης οι σχεδιαζόμενες διαδρομές. Στη συνέχεια θα κάνω διπλό κλικ στο πλαίσιο Συμπλήρωση στον πίνακα "Εργαλεία" και στο "Χρώμα επιλογής" θα πληκτρολογήσω τα πεδία τιμών RGB 204, 204 και 255. Αυτό θα μου δώσει ένα μεσαίο τόνο μπλε. Στη συνέχεια θα κάνω κλικ στο OK.

Θα κάνω κλικ στο εικονίδιο του ματιού για το στρώμα φωτεινών τόνων, καθιστώντας το αόρατο.

14 από 19

Παρακολουθήστε γύρω από τα κυριώτερα σημεία

Κείμενο και εικόνες © Sandra Trainor

Τα κυριότερα σημεία είναι τα λίγα φωτεινότερα λευκά μέρη ενός αντικειμένου ή ενός αντικειμένου, όπου φωτίζονται έντονα.

Στον πίνακα "Επίπεδα" θα δημιουργήσω ένα νέο επίπεδο και θα το ονομάσω "highlights". Αυτό το στρώμα πρέπει να καθίσει πάνω από τα υπόλοιπα. Αν δεν μπορώ να το κάνω κλικ και να το σύρετε στη θέση του.

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

15 από 19

Εφαρμόστε μια λευκή συμπλήρωση

Κείμενο και εικόνες © Sandra Trainor

Με τα σχεδιαζόμενα μονοπάτια, θα κάνω διπλό κλικ στο πλαίσιο Συμπλήρωση στον πίνακα "Εργαλεία", ο οποίος θα ανοίξει τον επιλογέα χρωμάτων. Θα πληκτρολογήσω τα πεδία τιμών RGB, 255, 255 και 255. Όταν κάνω κλικ στο OK, τα σχήματα θα γεμίσουν με καθαρό λευκό.

16 από 19

Προβολή συνδυασμένων επιπέδων

Κείμενο και εικόνες © Sandra Trainor

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

17 από 19

Κάντε μια πλατεία

Κείμενο και εικόνες © Sandra Trainor

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

Για να δημιουργήσετε ένα τετράγωνο, θα επιλέξω το εργαλείο Rectangle (Ορθογώνιο) από τον πίνακα Tools (Εργαλεία), κάντε διπλό κλικ στο πλαίσιο Fill και στο Color Picker θα πληκτρολογήσω 51, 51 και 153 για τις τιμές RGB και στη συνέχεια κάντε κλικ στο OK. Θα κρατήσω στη συνέχεια το πλήκτρο Shift καθώς κάνω κλικ και σύρετε για να δημιουργήσετε ένα τετράγωνο που περιβάλλει τα παγοπέδιλα.

18 από 19

Αλλαγή μεγέθους Artboard

Κείμενο και εικόνες © Sandra Trainor
Θα κάνω κλικ στο εργαλείο Artboard και θα αλλάξω το μέγεθος του Arboard μετακινώντας τις λαβές προς τα μέσα μέχρι να έχει το ίδιο μέγεθος με το τετράγωνο. Θα πατήσω το Escape για έξοδο από τη λειτουργία Artboard, επιλέξτε Αρχείο, Αποθήκευση και τελειώσω! Έχω τώρα ένα στυλιζαρισμένο γραφικό χρησιμοποιώντας μονοχρωματικό χρωματικό σχέδιο. Για να κάνετε μια έκδοση χρησιμοποιώντας περισσότερα χρώματα, συνεχίστε στο επόμενο βήμα.

19 από 19

Κάντε άλλη έκδοση

Κείμενο και εικόνες © Sandra Trainor

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

Θέλω να παραμείνει το στρώμα "Στιγμιότυπα" το ίδιο, οπότε θα αφήσω αυτό το στρώμα μόνο και θα κάνω κλικ στον κύκλο "Στόχος" για το στρώμα φωτεινών τόνων. Στη συνέχεια θα πραγματοποιήσω διπλό κλικ στο πλαίσιο Συμπλήρωση και στο Color Picker θα μετακινήσω το ρυθμιστικό χρώματος στη γραμμή χρωμάτων μέχρι να φτάσει σε μια κίτρινη περιοχή και, στη συνέχεια, κάντε κλικ στο κουμπί OK. Θα πραγματοποιήσω αλλαγές στο επίπεδο μεσαίων ήχων και στο σκούρο τόνο με τον ίδιο τρόπο. επιλέγοντας διαφορετικό χρώμα για το καθένα. Όταν τελειώσω, θα επιλέξω Αρχείο> Αποθήκευση. Έχω τώρα μια δεύτερη έκδοση, και μπορεί να κάνει ένα τρίτο, τέταρτο, και ούτω καθεξής, απλά επαναλαμβάνοντας τα παραπάνω βήματα.