Εκτός από το Photoshop, μπορείτε επίσης να δημιουργήσετε vexel art στο Illustrator. Εκεί υπάρχει ακόμη και μια λειτουργία ιχνογράφησης που μπορεί να αυτοματοποιήσει εν μέρει τη δουλειά σας, αλλά αυτό είναι μια άλλη ιστορία και δεν είναι το θέμα αυτού του σεμιναρίου. Και κάτι ακόμα: εκτός από τον παράγοντα της τάσης, οι εικόνες Vexel έχουν ένα πολύ χρήσιμο χαρακτηριστικό. Μπορούν να μεγεθυνθούν σε οποιοδήποτε μέγεθος χωρίς να θολώνουν τα περιγράμματα - λογικό. Δεν δουλεύουμε με pixels, αλλά με σχήματα που περιγράφονται με διανύσματα και αυτά μπορούν να κλιμακωθούν χωρίς προβλήματα.
Βήμα 1
Για λόγους σύγκρισης, έχω τοποθετήσει τις εικόνες πριν και μετά η μία δίπλα στην άλλη, ώστε να μπορείτε να δείτε όλη την έκταση της εργασίας. Για τον αρχάριο, αυτή είναι μια αρκετά περίπλοκη εργασία, αλλά με κάθε εικόνα του Vexel αποκτάτε εμπειρία και γίνεστε καλύτεροι και ταχύτεροι. Συμβουλή: Αν θέλετε να δημιουργήσετε μια εικόνα Vexel, αντιγράψτε την αρχική, ώστε να μπορείτε να συγκρίνετε τα χρώματα και τα σχήματα της διανυσματικής εικόνας με την αρχική καθώς εργάζεστε.
Βήμα 2
Ξεκινήστε εντοπίζοντας το περίγραμμα της εικόνας από πάνω προς τα κάτω. Στην περίπτωσή μας, αυτό είναι σημαντικό καθώς πρέπει να λάβουμε υπόψη τη δομή των φτερών του πουλιού. Επιλέξτε το εργαλείο lasso και εντοπίστε το πάνω μέρος του ράμφους.
Βήμα 3
Κάντε δεξί κλικ και επιλέξτε την επιλογή Create work path (Δημιουργία διαδρομής εργασίας).
Βήμα 4
Επιλέξτε την ανοχή στον ακόλουθο διάλογο. Μια μικρή ανοχή περίπου 1-3 είναι ιδανική για μικρές λεπτομέρειες, τότε η διαδρομή δημιουργείται ακριβώς σύμφωνα με την επιλογή και δεν απλοποιείται αυθαίρετα από το πρόγραμμα.
Βήμα 5
Το ράμφος του πουλιού δεν είναι μονόχρωμο, αλλά έχει διάφορα χρώματα που μπορείτε να εμφανίσετε με μια διαβάθμιση στη διανυσματική έκδοση. Στην παλέτα επιπέδων, επιλέξτε την επιλογή Gradient (Κλίση ) για να γεμίσετε τη διαδρομή.
Βήμα 6
Αρχικά επιλέξτε τον τύπο διαβάθμισης από μαύρο σε άσπρο και ορίστε την κατάλληλη γωνία στο διάλογογεμίσματος διαβάθμισης.
Βήμα 7
Μπορείτε να προσθέσετε οποιοδήποτε χρώμα στην κλίση, η οποία προς το παρόν είναι ασπρόμαυρη. Κάντε διπλό κλικ στη γραμμή κλίσης και ορίστε τα χρώματα κόκκινο και κίτρινο στο διάλογο Edit gradents (Επεξεργασία κλίσεων ), όπως φαίνεται στο στιγμιότυπο οθόνης.
Βήμα 8
Μπορείτε επίσης να δημιουργήσετε το κάτω μέρος του ράμφους με τον ίδιο τρόπο που περιγράφεται στα βήματα 2 έως 7. Δώστε προσοχή στη σειρά των επιπέδων. Η αρχή της τοποθέτησης των στρώσεων είναι πολύ απλή. Η στρώση με το κάτω μέρος του ράμφους βρίσκεται κάτω από τη στρώση με το πάνω μέρος.
Βήμα 9
Δημιουργήστε μερικά σχήματα στο πάνω και κάτω μέρος του ράμφους που να τονίζουν τη δομή του ράμφους. Μπορείτε να τα δημιουργήσετε με το εργαλείο lasso και να τα μετατρέψετε σε μονοπάτι.
Βήμα 10
Τα σχήματα που δημιουργήθηκαν δεν γεμίζονται μεδιαβαθμίσεις, αλλά με ένα χρώμα. Για να το κάνετε αυτό, επιλέξτε την επιλογή Solid color (Στερεό χρώμα) στην παλέτα επιπέδων.
Βήμα 11
Στο στιγμιότυπο οθόνης μπορείτε να δείτε από πόσα επίπεδα γεμίσματος αποτελείται η διανυσματική έκδοση του ράμφους. Το στόμα έχει γεμίσει με μαύρο χρώμα. Ουσιαστικά, μπορείτε να σταματήσετε τις επεξηγήσεις εδώ, επειδή οι τεχνικές θα επαναλαμβάνονται πλέον λίγο-πολύ. Αυτό όμως δεν θα ήταν δίκαιο, γιατί υπάρχουν μερικές ακόμη συμβουλές που θα κάνουν τη δουλειά σας ευκολότερη και δεν θέλω να σας τις αποκρύψω.
Βήμα 12
Για καλύτερη επισκόπηση, έχει νόημα να συνδυάσετε τα επίπεδα γεμίσματος που ταιριάζουν θεματικά μεταξύ τους σε ομάδες επιπέδων. Μπορείτε να επιλέξετε τις στρώσεις που συνθέτουν το ράμφος κρατώντας πατημένο το πλήκτρο Shift και να τις συνδυάσετε σε μια ομάδα χρησιμοποιώντας το συνδυασμό πλήκτρων Ctrl+G. Ονομάστε την ομάδα "ράμφος".
Βήμα 13
Κάντε κλικ στη στρώση φόντου και δημιουργήστε μια επιλογή του κεφαλιού του πουλιού χρησιμοποιώντας το εργαλείο lasso. Χρησιμοποιήστε την επιλογή Add to Selection (Προσθήκη στην επιλογή) για το εργαλείο lasso, ώστε να μην χρειάζεται να επιλέξετε το σχήμα με τη μία, αλλά να μπορείτε να δημιουργήσετε την επιλογή πιο εύκολα τμηματικά. Μετατρέψτε την επιλογή σε μονοπάτι, επιλέξτε ανοχή 2 και γεμίστε το σχήμα με μπλε χρώμα.
Βήμα 14
Αν δεν είστε ικανοποιημένοι με το σχήμα της διαδρομής, μπορείτε να σύρετε τα σημεία αγκύρωσης της διαδρομής και να προσαρμόσετε το σχήμα. Για να το κάνετε αυτό, επιλέξτε το εργαλείο άμεσης επιλογής και το εργαλείο επιλογής διαδρομής.
Βήμα 15
Για να αποτρέψετε το σχεδιασμένο σχήμα του κεφαλιού από το να καλύψει άλλες λεπτομέρειες, όπως τα μάτια και τα φτερά, μπορείτε να μειώσετε προσωρινά την αδιαφάνεια της στρώσης γεμίσματος στο 50% περίπου.
Βήμα 16
Σχεδιάστε τα σχήματα με ελαφρώς πιο ανοιχτό μπλε χρώμα στο πάνω και πίσω μέρος του κεφαλιού. Βεβαιωθείτε ότι τα επίπεδα που ανήκουν στο κεφάλι δεν επικαλύπτουν την ομάδα επιπέδων με το ράμφος.
Βήμα 17
Μπορείτε να χρησιμοποιήσετε την ίδια τεχνική για το φτέρωμα στο κεφάλι του πουλιού. Σχεδιάστε πολλά μικρά "φτερά" με το εργαλείο lasso (επιλογή Add to selection) και στη συνέχεια μετατρέψτε τα όλα μαζί σε μονοπάτι. Στη συνέχεια γεμίστε τη διαδρομή με ένα σκούρο μπλε χρώμα.
Βήμα 18
Όταν ολοκληρώσετε όλα τα σχήματα του κεφαλιού, μπορείτε να επαναφέρετε την αδιαφάνεια της κάτω στρώσης με το περίγραμμα του κεφαλιού στο 100%. Συνδυάστε τα επίπεδα του κεφαλιού σε μια ομάδα επιπέδων.
Βήμα 19
Ξεκινήστε με τη μοντελοποίηση των ματιών. Για να μπορείτε να αναγνωρίσετε τα πάντα στην αρχική εικόνα κάτω από την ομάδα με το κεφάλι, μειώστε την αδιαφάνεια ολόκληρης της ομάδας του κεφαλιού σε περίπου 30-50%. Δημιουργήστε τα πιο σκούρα σχήματα κάτω από τα μάτια.
Βήμα 20
Δημιουργήστε το σχήμα του βολβού του ματιού και γεμίστε το με σκούρο κόκκινο χρώμα.
Βήμα 21
Δημιουργήστε άλλα σχήματα, όπως την κόρη του ματιού, η οποία θα γεμίσει με μαύρο χρώμα, ένα ελαφρύ αντανακλαστικό στην κόρη, το οποίο μπορείτε να γεμίσετε με λευκό χρώμα. Συνδυάστε τα επίπεδα του ματιού σε μια άλλη ομάδα επιπέδων.
Βήμα 22
Όπως έχει ήδη περιγραφεί, δημιουργήστε τα επίπεδα με τα οποία θα διανυσματοποιήσετε το λαιμό του πουλιού.
Βήμα 23
Μπορείτε να παίξετε λίγο με τις λεπτομέρειες όπου τα πράγματα είναι ιδιαίτερα πολύχρωμα, όπως το στήθος του πουλιού. Δημιουργήστε πρώτα το βασικό σχήμα, όπως κάνατε με το κεφάλι, και στη συνέχεια το σχήμα με τα φτερά, το οποίο γεμίζετε με ένα ελαφρώς πιο σκούρο χρώμα.
Βήμα 24
Στη συνέχεια, αντιγράψτε τη στρώση με τη δομή άλλες τρεις φορές. Κλιμακώστε τα αντίγραφα της στρώσης γεμίσματος με τη δομή, μετακινήστε τα ελαφρώς σε σχέση με την πρώτη στρώση με τη δομή και αλλάξτε το χρώμα του γεμίσματος κάνοντας διπλό κλικ στη μικρογραφία της στρώσης γεμίσματος. Όταν ολοκληρώσετε τη διανομή των δομών, μπορείτε να συγχωνεύσετε τις στρώσεις σε μια ομάδα στρώσεων.
Βήμα 25
Για τα μεγαλύτερα φτερά, μπορείτε επίσης να διευκολύνετε τη δουλειά σας δουλεύοντας με αντίγραφα των στρώσεων γεμίσματος. Δημιουργήστε πρώτα μια στρώση γεμίσματος με το σχήμα ενός φτερού και με μια διαβάθμιση από ανοιχτό πράσινο σε σκούρο πράσινο.
Βήμα 26
Δημιουργήστε ένα αντίγραφο της στρώσης γεμίσματος και μετακινήστε το σε μια άλλη θέση. Με αυτόν τον τρόπο μπορείτε να δημιουργήσετε έναν μεγάλο αριθμό κλωνοποιημένων φτερών. Για να μην μοιάζουν πολύ μεταξύ τους, μπορείτε να περιστρέψετε ορισμένα από τα επίπεδα σχήματος χρησιμοποιώντας την εντολή Free Transform (Ελεύθερος μετασχηματισμός ).
Βήμα 27
Συνδέστε τα επίπεδα φτερών σε μια ομάδα επιπέδων.
Βήμα 28
Για να δώσετε στα φτερά λίγη περισσότερη δομή, μπορείτε να χρησιμοποιήσετε ένα άλλο τέχνασμα. Διπλασιάστε την ομάδα στρώσεων με τα φτερά και μειώστε την έτσι ώστε η δομή της ομάδας φτερών να είναι ελαφρώς μετατοπισμένη από την αρχική.
Βήμα 29
Δημιουργήστε μια μάσκα στρώματος στην ομάδα στρώματος με τα μειωμένα φτερά και επιλέξτε το εργαλείο διαβάθμισης με την επιλογή Foreground transparent, foreground color black. Σχεδιάστε μια διαβάθμιση μάσκας, όπως φαίνεται με το βέλος στο στιγμιότυπο οθόνης.
Βήμα 30
Όπως βλέπετε, μπορείτε να μετατρέψετε ολόκληρο το σχέδιο του πουλιού και του κλαδιού σε διανύσματα με τον τρόπο που περιγράψαμε στα προηγούμενα βήματα. Είναι σημαντικό να χωρίσετε τη δομή των επιπέδων σε ομάδες επιπέδων- έτσι θα έχετε καλύτερη εποπτεία.
Βήμα 31
Για να δημιουργήσετε το φόντο της εικόνας, χρησιμοποιήστε τις ίδιες τεχνικές που έχω περιγράψει σε αυτό το σεμινάριο. Αν χρησιμοποιήσετε το εργαλείο Custom Shape (Προσαρμοσμένο σχήμα ), μπορείτε να αποκτήσετε πρόσβαση στη βιβλιοθήκη του Photoshop, όπου υπάρχουν πολλά ενδιαφέροντα μοτίβα για το σχεδιασμό σας. Μπορείτε επίσης να αποθηκεύσετε τα δικά σας μοτίβα και να τα χρησιμοποιήσετε.
Βήμα 32
Αν θέλετε να αποτρέψετε ένα σχήμα που βρίσκεται πάνω σε ένα άλλο από το να περάσει τα όριά του (στο παράδειγμά μας, πρόκειται για ένα ελεύθερα σχεδιασμένο σχήμα που δεν πρέπει να ξεπεράσει τα όρια του τετραγώνου), χρησιμοποιήστε την επιλογή της μάσκας αποκοπής, την οποία μπορείτε να ενεργοποιήσετε κάνοντας κλικ ανάμεσα σε δύο επίπεδα κρατώντας πατημένο το πλήκτρο Alt .
Και κάπως έτσι μοιάζει η τελική εικόνα.
