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

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

Σε αυτό το άρθρο, θα μάθετε περισσότερα για τις διανυσματικές εικόνες και διάφορους τρόπους για να δημιουργήσετε μια διανυσματική εικόνα στο Adobe Illustrator.

Πιθανότατα γνωρίζετε ήδη ότι το Adobe Illustrator είναι διάσημο για την κατασκευή διανυσματικών γραφικών. Αλλά τι είναι ένα διάνυσμα; Πώς μπορείτε να ξέρετε αν μια εικόνα είναι διάνυσμα;

Τι είναι η διανυσματική εικόνα;

Μια τεχνική εξήγηση θα ήταν η εξής: πρόκειται για μια εικόνα φτιαγμένη από μαθηματικούς τύπους όπως σημεία, γραμμές και καμπύλες. Πράγμα που σημαίνει ότι μπορείτε να αλλάξετε το μέγεθος της εικόνας χωρίς να χάσετε την ανάλυση. Μερικοί συνηθισμένοι τύποι διανυσματικών αρχείων είναι οι εξής .ai , .eps , .pdf , .svg .

Ακούγεται μπερδεμένο; Επιτρέψτε μου να σας το κάνω πιο εύκολο. Βασικά, όλες οι επεξεργάσιμες εικόνες είναι διανυσματικές εικόνες. Όταν δημιουργείτε ένα σχέδιο από το μηδέν στο Adobe Illustrator, είναι διανυσματικό, εκτός αν το ραστεροποιήσετε. Για παράδειγμα, μπορεί να είναι ένα σχήμα, μια ιχνογραφημένη εικόνα, περιγεγραμμένο κείμενο και ένα επαγγελματικό λογότυπο.

Υπάρχουν πολλοί τρόποι για να δημιουργήσετε μια διανυσματική εικόνα στο Adobe Illustrator, αλλά θα τους χωρίσω σε δύο βασικές κατηγορίες: διανυσματοποίηση μιας εικόνας ράστερ και δημιουργία ενός διανύσματος από το μηδέν.

Διανυσματοποίηση μιας εικόνας

Μπορείτε να μετατρέψετε μια εικόνα ράστερ σε διανυσματική εικόνα χρησιμοποιώντας το εργαλείο στυλό ή τη λειτουργία εντοπισμού εικόνας. Η πιο γρήγορη και εύκολη επιλογή είναι σίγουρα ο εντοπισμός εικόνας, και μπορείτε να το κάνετε από το παράθυρο Ιδιότητες >, Γρήγορες ενέργειες πάνελ.

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

Σημείωση: τα στιγμιότυπα οθόνης από αυτό το σεμινάριο προέρχονται από την έκδοση Adobe Illustrator CC 2022 Mac. Οι εκδόσεις Windows ή άλλες εκδόσεις μπορεί να έχουν διαφορετική εμφάνιση.

Ίχνη εικόνας

Βήμα 1: Περικόψτε την εικόνα στην περιοχή που θέλετε να διανυσματοποιήσετε.

Βήμα 2: Επιλέξτε την εικόνα και επιλέξτε Ίχνη εικόνας από το Ιδιότητες >, Γρήγορες ενέργειες πάνελ.

Επιλέξτε ένα αποτέλεσμα ανίχνευσης.

Για παράδειγμα, αν επιλέξετε το Μαύρο και άσπρο λογότυπο , θα μοιάζει κάπως έτσι.

Εάν δεν είστε ικανοποιημένοι με την εμφάνιση, μπορείτε να ανοίξετε τον πίνακα Image Trace για να προσαρμόσετε περισσότερες ρυθμίσεις. Κατώφλι .

Φαίνεσαι καλύτερα;

Βήμα 4: Επιλέξτε την εικόνα και κάντε κλικ στο Επεκτείνετε το από το Γρήγορες ενέργειες Τώρα η εικόνα σας είναι επεξεργάσιμη και μπορείτε να δείτε τα σημεία και τις γραμμές.

Αλλάξτε το χρώμα για να δείτε πώς φαίνεται 🙂

Μη διστάσετε να δοκιμάσετε μερικές επιλογές. Ας δούμε ένα άλλο αποτέλεσμα ανίχνευσης. Έτσι θα φαινόταν αν επιλέγατε 16 χρώματα στο Βήμα 2.

Αν το επεκτείνετε, θα δείτε τις επεξεργάσιμες διαδρομές.

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

Πολύ περίπλοκο; Τι θα λέγατε να δημιουργήσετε ένα απλούστερο σχέδιο με το εργαλείο πένας.

Εργαλείο στυλό

Το εργαλείο στυλό σας δίνει μεγάλη ελευθερία για να γίνετε δημιουργικοί. Παρόλο που χρησιμοποιούμε το εργαλείο στυλό για να εντοπίσουμε το περίγραμμα, αλλά ποιος λέει ότι πρέπει να ακολουθήσετε τις γραμμές; Μπορούμε να φτιάξουμε ένα απλό διανυσματικό σχέδιο με γραμμές.

Βήμα 1: Επιστρέψτε στην αρχική εικόνα και μειώστε την αδιαφάνεια σε περίπου 70%, ώστε να μπορείτε να δείτε πιο καθαρά τη διαδρομή του εργαλείου πένας. Κλειδώστε την εικόνα σε περίπτωση που τη μετακινήσετε κατά λάθος.

Βήμα 2: Επιλέξτε το Εργαλείο στυλό (P) από τη γραμμή εργαλείων, επιλέξτε ένα χρώμα διαγράμμισης και αλλάξτε το Fill σε none.

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

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

Τώρα ας δουλέψουμε σε μερικές λεπτομέρειες. Προφανώς, αν το χρωματίσετε τώρα, θα φαίνεται πολύ βασικό.

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

Βήμα 5: Διαγράψτε την αρχική εικόνα και έχετε τη διανυσματική εικόνα σας. Μπορείτε να αποθηκεύσετε την εικόνα ως png για μελλοντική χρήση.

Κάνοντας ένα διάνυσμα από το μηδέν

Υπάρχουν τόσοι πολλοί τρόποι για να φτιάξετε ένα διάνυσμα από το μηδέν. Μπορείτε να φτιάξετε γραμμές, να δημιουργήσετε σχήματα, να χρησιμοποιήσετε το πινέλο για να σχεδιάσετε κ.λπ. Μερικά δημοφιλή εργαλεία για τη δημιουργία σχημάτων είναι το εργαλείο στυλό, τα εργαλεία σχημάτων (Ελλειψοειδές, Ορθογώνιο, Πολύγωνο κ.λπ.) και το εργαλείο Shape Builder.

Επιτρέψτε μου να σας δείξω πώς να φτιάξετε έναν ανανά από το μηδέν σε λιγότερο από πέντε λεπτά.

Βήμα 1: Χρησιμοποιήστε το εργαλείο στυλό για να σχεδιάσετε το μέρος του κεφαλιού, μπορεί να είναι τόσο απλό όσο αυτό.

Βήμα 2: Χρησιμοποιήστε το Εργαλείο έλλειψης (L) για να σχεδιάσετε το σώμα του ανανά και σύρετέ το για να συνδέσετε το κεφάλι. Θα πρέπει να υπάρχουν δύο σημεία που επικαλύπτονται.

Βήμα 3: Επιλέξτε και τα δύο σχήματα και επιλέξτε το Εργαλείο Shape Builder ( Εναλλαγή + M ).

Κάντε κλικ και σύρετε μέσω της κεφαλής και του επικαλυπτόμενου τμήματος του ελλειψοειδούς σχήματος για να συνδυάσετε τα σχήματα.

Αυτό το βήμα είναι να διαχωρίσετε το κεφάλι και το σώμα για να γεμίσετε το χρώμα.

Βήμα 4: Προσθέστε χρώμα και στα δύο σχήματα και έχετε έναν απλό ανανά.

Βήμα 5: Χρησιμοποιήστε το Εργαλείο τμημάτων γραμμής (\) να σχεδιάσετε μερικές ευθείες γραμμές για να προσθέσετε κάποιες λεπτομέρειες.

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

Ανακεφαλαιώνοντας

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

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