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

Πώς να Vectorize μια εικόνα στο Adobe Illustrator

Διαφήμιση Υπάρχουν δύο τύποι ψηφιακής εικόνας: rasters και vectors. Οι εικόνες ράστερ αποτελούνται από μεμονωμένα εικονοστοιχεία και περιέχουν τεράστιες ποσότητες λεπτομερειών. Ωστόσο, δεν μπορείτε να τα μεγεθύνετε χωρίς να χάσετε την ποιότητα. Μια εικόνα φορέα κατασκευάζεται από γραμμές και σχήματα. Είναι συνήθω

Διαφήμιση

Υπάρχουν δύο τύποι ψηφιακής εικόνας: rasters και vectors.

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

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

Όταν έχετε ένα raster γραφικό που είναι πολύ μικρό για τις ανάγκες σας, η λύση είναι να μετατρέψετε την εικόνα σε ένα διάνυσμα - μια διαδικασία που ονομάζεται vectorize. Και μπορείτε να το κάνετε αυτό στο Adobe Illustrator. Είναι μια γρήγορη και απλή διαδικασία και παράγει εξαιρετικά αποτελέσματα. Δείτε πώς μπορείτε να μετατρέψετε μια εικόνα σε ένα διανυσματικό χρησιμοποιώντας το Adobe Illustrator.

Τι είναι μια εικόνα Vector;

Μια εικόνα διάνυσμα είναι μια κλιμακούμενη εικόνα που αποτελείται από τιμές και όχι pixels.

Οι περισσότερες εικόνες που βρίσκονται online είναι εικόνες ράστερ (δείτε διαφορετικούς τύπους αρχείων, επεξηγήσεις JPEG, GIF ή PNG) Τύποι αρχείων εικόνας Εξηγούμενες και δοκιμασμένες εικόνες JPEG, GIF ή PNG Τύποι αρχείων εικόνας Επεξήγηση και δοκιμασία Γνωρίζετε τις διαφορές μεταξύ αρχείων JPEG, GIF, PNG, και άλλα αρχεία εικόνας; Ξέρετε πότε πρέπει να χρησιμοποιήσετε ένα αντί για το άλλο; Μη φοβάστε, το MakeUseOf εξηγεί τα πάντα! Διαβάστε περισσότερα). Οι εικόνες ράστερ χρησιμοποιούν τετράγωνα εικονοστοιχεία (bits of color) για τη μετάδοση μιας εικόνας. Τα διανυσματικά γραφικά μεταδίδουν χρώμα χρησιμοποιώντας κλιμακούμενα πολύγωνα χρώματος. Δεδομένου ότι οι εικόνες φορέα χρησιμοποιούν δυναμικά τμήματα χρωμάτων σε αντίθεση με στατικά τετράγωνα, παρέχουν τέλειες γραμμές και τραγανή χρώματα.

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

Μόλις μάθετε πώς μπορείτε να μετατρέψετε ένα αρχείο JPG σε ένα διάνυσμα στο Adobe Illustrator, θα μπορείτε να προσαρμόζετε οτιδήποτε βρίσκεστε στο μέγεθος που θέλετε-χωρίς να χάσετε την ποιότητα της εικόνας.

Βήμα 1: Επιλέξτε μια εικόνα για να μετατρέψετε σε Vector

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

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

πώς να μετατρέψετε τις εικόνες σε φορέα στον εικονογράφο

Θα χρησιμοποιήσουμε την εικόνα του Ryu από την σειρά Street Fighter παραπάνω. Λειτουργεί ως τέλειο παράδειγμα για διάφορους λόγους. Για ένα, είναι ένα θέμα. Επίσης, προσφέρεται για μια μορφή εικόνας φορέα καλά, καθώς είναι ένας αναγνωρίσιμος χαρακτήρας. Η μορφή εικόνων διανυσμάτων χρησιμοποιείται συνήθως για λογότυπα ή αναγνωρίσιμες εικόνες.

Βήμα 2: Επιλέξτε μια προεπιλεγμένη ρύθμιση εικόνας

Το Illustrator διαθέτει ένα ειδικό εργαλείο που σας επιτρέπει να δημιουργείτε διανυσματικές εικόνες. Ονομάζεται Image Trace και έρχεται με μια σειρά προεπιλογών που κάνουν το μεγαλύτερο μέρος της εργασίας αυτόματα. Σε γενικές γραμμές, θα πρέπει να χρησιμοποιήσετε την προεπιλεγμένη ρύθμιση Image Trace που μοιάζει περισσότερο με τον τύπο της εικόνας που μετατρέπετε.

Οι επιλογές σας είναι:

  • Φωτογραφία υψηλής πιστότητας και φωτογραφία χαμηλής πιστότητας . Αυτά παράγουν πολύ λεπτομερείς και ελαφρώς λιγότερο λεπτομερείς εικόνες φορέα αντίστοιχα. Ιδανικό για φωτογραφίες ή σύνθετα έργα τέχνης, όπως το παράδειγμα εικόνας που χρησιμοποιούμε.
  • 3 χρώματα, 6 χρώματα και 16 χρώματα . Αυτές οι προεπιλογές εξάγουν εικόνες διανύσματος με τρία, έξι ή 16 χρώματα. Είναι τέλεια για λογότυπα ή έργα τέχνης με πολλά επίπεδα χρώμα.
  • Αποχρώσεις του γκρι . Αυτή η προεπιλογή παράγει μια λεπτομερή εικόνα του γκρι.
  • Ασπρόμαυρο λογότυπο . Αυτό δημιουργεί ένα απλό λογότυπο με δύο χρώματα - ασπρόμαυρο.
  • Σκιασμένη τέχνη, σιλουέτες, γραμμική τέχνη και τεχνικό σχέδιο . Αυτά χρησιμοποιούνται καλύτερα για συγκεκριμένους τύπους εικόνων και δημιουργούν ασπρόμαυρα, κυρίως γραμμικά σχέδια.

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

πώς να μετατρέψετε τις εικόνες σε φορέα στον εικονογράφο

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

Βήμα 3: Δημιουργία διάνυσμα εικόνας με ίχνος εικόνας

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

Ένα κοντινό πλάνο μιας προ-διανυσματικής εικόνας που δείχνει τα εικονοστοιχεία

Σημειώστε την pixelation. Εδώ είναι η εικόνα μετά τη διαδικασία:

Ένα κοντινό πλάνο μιας εικόνας μετά τη διαδικασία διάνυσμα

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

Με τη σμίκρυνση, η εικόνα πρέπει να φαίνεται σχεδόν η ίδια. Εδώ είναι η γενική εικόνα μας πριν από την επεξεργασία.

Μια εικόνα προτού γίνει vectored

Εδώ είναι η εικόνα μας μετά την επεξεργασία:

Μία εικόνα μετά την υλοποίηση

Ενώ η κορυφή της εικόνας μπορεί να εμφανιστεί πιο έντονη σε ορισμένες περιπτώσεις, η ποιότητα της διάνυσμα εικόνας μας είναι ακόμα αρκετά εντυπωσιακή.

Βήμα 4: Προσαρμόστε την εικόνα που παρακολουθήσατε

Αφού εντοπίσετε την εικόνα, ανοίξτε τον Πίνακα ανίχνευσης εικόνας για να ρυθμίσετε την μετατροπή.

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

επιλογές ανίχνευσης εικόνας

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

Βήμα 5: Χρώματα Ungroup

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

Κάντε κλικ στο κουμπί Ανάπτυξη

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

Κάντε κλικ στην επιλογή Ομαδοποίηση στο μενού δεξί κλικ

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

Βήμα 6: Επεξεργαστείτε τη διάνυσή σας

Μετά τη μετατροπή μιας εικόνας ράστερ σε ένα διάνυσμα, έχετε ελεύθερη εμβέλεια για να επεξεργαστείτε την εικόνα. Ξεκινήστε διαγράφοντας οποιεσδήποτε ομάδες χρωμάτων θέλετε. Μπορείτε να επιλέξετε ολόκληρες ομάδες χρωμάτων κάνοντας κλικ σε ένα σχήμα και επικεφαλίδα στην επιλογή Select> Same> Fill Colour . Αυτό θα επιλέξει όλες τις ομάδες με το ίδιο χρώμα με αυτό που επιλέξατε με το εργαλείο άμεσης επιλογής ( A ).

Επιλέγοντας απευθείας ένα σχήμα φορέα

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

Βήμα 7: Αποθηκεύστε την εικόνα σας

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

Μια εικόνα που έχει διανυσματικά με διαφορετικό χρώμα φόντου

Τώρα είμαστε έτοιμοι για το τελικό βήμα στη μετατροπή μιας εικόνας σε ένα διάνυσμα στο Illustrator: σώζοντας την εικόνα σε μια διανυσματική μορφή για να διατηρήσουμε την ποιότητά της. Υπάρχουν διάφορες μορφές διανυσματικών εικόνων για να επιλέξετε μεταξύ: PDF, AI, EPS, SVG και άλλων. Θα χρησιμοποιήσουμε τη μορφή SVG . Όταν τελειώσετε με την εικόνα σας, πηγαίνετε στο Αρχείο> Εξαγωγή> Εξαγωγή ως .

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

Αποθήκευση ως SVG

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

Μην συμβιβαστείτε, διάνυσμα!

Τώρα ξέρετε πώς να μετατρέψετε μια εικόνα σε ένα διάνυσμα στο Illustrator. Βαθμολογήστε τη νέα σας δημιουργία σε οποιαδήποτε διάσταση επιθυμείτε.

Εικόνα διάνυσμα σε πολλά μεγέθη

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

Και τι εάν δεν έχετε Illustrator, ή προτιμάτε να χρησιμοποιήσετε κάτι άλλο; Μπορείτε να εργαστείτε με διανυσματικά γραφικά στο Photoshop Δημιουργία και Εργασία με Γραφικά Vector στο Photoshop Δημιουργία και Εργασία με Γραφικά Vector στο Photoshop Το Photoshop είναι μια εκπληκτικά ικανή εναλλακτική λύση για το Illustrator για διανυσματικά γραφικά. Εδώ είναι ένα εισαγωγικό φροντιστήριο σχετικά με τον τρόπο δημιουργίας διανυσματικών γραφικών στο Photoshop. Διαβάστε περισσότερα και υπάρχουν και πολλές φανταστικές εναλλακτικές λύσεις Illustrator που βασίζονται σε προγράμματα περιήγησης. Οι 8 καλύτερες εναλλακτικές λύσεις εικονογράφησης Adobe Illustrator με βάση το δωρεάν πρόγραμμα περιήγησης Οι 8 καλύτερες εναλλακτικές λύσεις εικονογράφησης Adobe με βάση το δωρεάν πρόγραμμα περιήγησης Αν το Adobe Illustrator είναι υπερβολικά ακριβό για τον προϋπολογισμό σας, υπάρχουν πολλά δωρεάν οι εναλλακτικές λύσεις Adobe Illustrator που βασίζονται σε πρόγραμμα περιήγησης που μπορείτε να δοκιμάσετε. Διαβάστε περισσότερα που μπορείτε να δοκιμάσετε. Μπορείτε να πάρετε παρόμοια αποτελέσματα σε πολλά από αυτά.

Εξερευνήστε περισσότερα σχετικά με: Adobe Illustrator, Συμβουλές επεξεργασίας εικόνας, Vector Graphics.