Τα διανυσματικά γραφικά χρησιμοποιούνται σε λογότυπα, εικονογραφήσεις, καθώς και εικόνες. Αν και αυτό μπορεί να μην είναι εμφανές σε άτομα που δεν εργάζονται με την επεξεργασία φωτογραφιών, οι διανυσματικές εικόνες διαδραματίζουν ουσιαστικό ρόλο στο σχεδιασμό ιστοτόπων, τη γραφιστική και το εμπορικό μάρκετινγκ. Ως επί το πλείστον, οι διανυσματικές εικόνες δημιουργούνται από την αρχή. Ωστόσο, μπορείτε να δοκιμάσετε να μετατρέψετε οποιαδήποτε εικόνα σε διανυσματική εικόνα.
Bitmap και διανυσματικές εικόνες
Για να κατανοήσετε πλήρως πώς να "διανυσματοποιήσετε" μια εικόνα, θα πρέπει να κατανοήσετε τη διαφορά μεταξύ των εικόνων bitmap και των διανυσματικών εικόνων.
Εικόνες Bitmap
Οι εικόνες bitmap που εμφανίζονται συχνά και είναι αρκετά βασικές για αρχή, εκφράζονται μέσω bitmap (.JPEG, .PNG). Αυτό σημαίνει ότι χρησιμοποιούν pixel σε στήλες και σειρές από διαφορετικά χρώματα και διαφορετικές αποχρώσεις του ίδιου χρώματος για να εμφανίσουν την εικόνα. Προσθέστε έναν μεγάλο αριθμό μικροσκοπικών pixel και θα έχετε μια καθαρή εικόνα. Όσο μικρότερα είναι τα pixel, τόσο πιο καθαρή θα είναι η εικόνα.
Ωστόσο, αυτό είναι που κάνει τις εικόνες bitmap να εξαρτώνται από την ανάλυση. Κάθε φορά που προσπαθείτε να αλλάξετε το μέγεθος της εικόνας, η ποιότητα θα αλλάξει. Αυτό δεν είναι ιδανικό για ιστότοπο και γραφικό σχεδιασμό. Για παράδειγμα, όταν χρειάζεται να αλλάξετε το μέγεθος της εικόνας πολλές φορές (στρώσεις, κ.λπ.) ισχύει το ίδιο και για το εμπορικό μάρκετινγκ.
διανυσματικές εικόνες
Το όλο θέμα των διανυσματικών εικόνων είναι να λύσουν την εξάρτηση της ανάλυσης. Επειδή βασίζονται σε μονοπάτια, οι διανυσματικές εικόνες μπορούν εύκολα να κλιμακωθούν. Αυτό σημαίνει ότι αποτελούνται από μαθηματικές εξισώσεις, που σημαίνει ότι η εικόνα αποτελείται ουσιαστικά από σειρές δεδομένων που ένα πρόγραμμα υπολογιστή μπορεί να αναγνωρίσει και να εμφανίσει. Αν και είναι πλήρως επεκτάσιμες και εύκολες στην επεξεργασία, οι διανυσματικές εικόνες δεν φαίνονται ποτέ φωτορεαλιστικές. Από την άλλη πλευρά, τα στοιχεία και τα σχήματα των διανυσματικών εικόνων μπορούν να αναπροσαρμοστούν και να αλλάξουν μέγεθος, χωρίς να καταστρέψουν/καταστρέψουν την εικόνα.
Μετατροπή σε διανυσματικές εικόνες
Για να μετατρέψετε μια εικόνα bitmap σε διανυσματική εικόνα, θα πρέπει να χρησιμοποιήσετε λογισμικό επεξεργασίας βίντεο ή εικόνας. Κατά κύριο λόγο, το Adobe Illustrator είναι ένα διανυσματικό πρόγραμμα επεξεργασίας γραφικών που μπορείτε να χρησιμοποιήσετε, αλλά μπορείτε επίσης να δημιουργήσετε διανυσματικά μια εικόνα χρησιμοποιώντας το Photoshop και το Gimp + Inkscape, καθώς και πολλά άλλα προγράμματα επεξεργασίας φωτογραφιών.
Εικονογράφος
Το Illustrator αναπτύχθηκε στην πραγματικότητα από την Adobe ειδικά για διανυσματικές εικόνες. Αν και χρησιμοποιείται συνήθως για τη δημιουργία διανυσματικών εικόνων από την αρχή, μπορεί επίσης να σας βοηθήσει να μετατρέψετε την εικόνα bitmap σε διάνυσμα. Η διανυσματοποίηση εικόνων στο Adobe Illustrator είναι αρκετά απλή.
Αρχικά, ανοίξτε το bitmap που θέλετε να μετατρέψετε στο Illustrator. Τώρα, πηγαίνετε στο Ζωντανό ίχνος επιλογή, που βρίσκεται στον Πίνακα Ελέγχου. Πλοηγηθείτε στο Προκαθορισμένες ρυθμίσεις και επιλογές ανίχνευσης και πρόσβαση στο μενού. Οι υπάρχουσες επιλογές σάς επιτρέπουν να επιλέξετε ποια ρύθμιση θέλετε να χρησιμοποιήσετε για να "διανυσματοποιήσετε" την εικόνα. Ίσως θέλετε να δημιουργήσετε μια διαφορετική διαδρομή για κάθε χρώμα. Για να το κάνετε αυτό, κάντε κλικ Επεκτείνουν σε επιλογές.
Επιστρέψτε στο μενού Tracing Presets and Options και μεταβείτε στο Επιλογές ανίχνευσης. Από εδώ, μπορείτε να προσαρμόσετε κάθε διαδρομή και τις ρυθμίσεις της όπως Θολούρα, Τρόπος, και Κατώφλι. Τώρα, απλώς κάντε κλικ Προεπισκόπηση και θα δείτε πώς οι αλλαγές επηρεάζουν τη διανυσματική εικόνα που μόλις δημιουργήσατε. Τροποποιήστε τις διαδρομές και παίξτε με τις ρυθμίσεις μέχρι να έχετε μια διανυσματική εικόνα που ταιριάζει στις ανάγκες σας.
Photoshop
Από προεπιλογή, το Photoshop είναι ένα εργαλείο που χρησιμοποιείται για τον χειρισμό εικόνων bitmap. Τούτου λεχθέντος, το Photoshop μπορεί, πράγματι, να διανυσματοποιήσει εικόνες. Μπορεί να μην είναι τόσο απλό και απλό όσο όταν χρησιμοποιείτε το Illustrator, αλλά είναι δυνατό.
Ανοίξτε την εν λόγω εικόνα στο Photoshop. Στη συνέχεια, μεταβείτε στο Παράθυρο μενού και μετά σε Μονοπάτια. Στη γραμμή επιλογών, θα έχετε τρία εργαλεία για να διαλέξετε: Στυλό (για ευθείες γραμμές), Μπεζιέ (για καμπύλες), και Ελεύθερη μορφή (ελεύθερο σχέδιο με το χέρι). Χρησιμοποιήστε το Μαγνητικό στυλό εργαλείο για την παρακολούθηση των μεταπτώσεων φωτεινότητας και χρωμάτων στην εικόνα.
Για να ξεκινήσετε, σχεδιάστε διανυσματικά μονοπάτια έως ότου δείτε μια ιχνογραφημένη μετατροπή σχημάτων και μονοπατιών στις εικόνες σας στην οθόνη. Τύπος Εισαγω να τελειώσει το μονοπάτι. Χρησιμοποιήστε το Στέγη εισόδου, Λάσο, και Μαγικό ραβδί εργαλεία για να επιλέξετε τις υπόλοιπες διαδρομές. Για να επιλέξετε μια διανυσματική διαδρομή, μεταβείτε στο Μονοπάτια πίνακα και επιλέξτε Δημιουργία διαδρομής εργασίας.
Τώρα, πρέπει να ορίσετε ανοχή για τα μονοπάτια. Όσο μικρότερα είναι τα επίπεδα ανοχής ενός μονοπατιού, τόσο πιο στενά το μονοπάτι θα προσκολλάται σε ό,τι έχετε χαράξει. Χρησιμοποιήστε μεγάλα επίπεδα για ομαλές μεταβάσεις. Προσέξτε, ωστόσο, εάν δεν ονομάσετε κάθε διαδρομή και αποδεχτείτε το προεπιλεγμένο όνομά της, κάθε νέα ενέργεια θα αντικαταστήσει την προηγούμενη κατά τη σχεδίαση διανυσμάτων.
Τέλος, εξάγετε τις διανυσματικές διαδρομές που έχετε δημιουργήσει από το Photoshop στο Illustrator. Κάντε αυτό κάνοντας κλικ Αρχείο ->Εξαγωγή ->Paths to Illustrator.
Gimp + Inkscape
Το Gimp είναι ένα δωρεάν, ανοιχτού κώδικα εργαλείο επεξεργασίας φωτογραφιών. Επίσης δωρεάν και ανοιχτού κώδικα, το Inkscape είναι ένα διανυσματικό πρόγραμμα επεξεργασίας γραφικών.
Αρχικά, ανοίξτε τη φωτογραφία στο Gimp και μεταβείτε στο Επιλογή ορθογωνίου εργαλείο. Περιγράψτε το τμήμα της εικόνας που θέλετε να διανυσματοποιήσετε με αυτό το εργαλείο. μεταβείτε στο Εικόνα μενού και μετά κάντε κλικ Περικοπή στην επιλογή. Αυτό θα αφαιρέσει τα πάντα γύρω από την περιοχή που επιλέξατε. Επιστρέψτε στο μενού Εικόνα και κάντε κλικ Αυτόματη περικοπή να «σφιχτούν τα πράγματα».
Τώρα, εξάγετε το αρχείο στο Inkscape. Κάντε αυτό πηγαίνοντας στο Gimp's Αρχείο μενού στην κύρια επάνω γραμμή εργαλείων και επιλέγοντας Εξαγωγή ως. Μην αλλάξετε καμία ρύθμιση εξαγωγής.
Τώρα, φορτώστε το αρχείο στο Inkscape, κάντε κλικ στην εικόνα για να το επιλέξετε, μεταβείτε στο Μονοπάτι μενού και κάντε κλικ Trace Bitmap. Στο παράθυρο που ανοίγει, εισαγάγετε τις ρυθμίσεις που προτιμάτε και κάντε κλικ Εκσυγχρονίζω. Κάντε κλικ στο κουμπί Ενημέρωση μετά από κάθε αλλαγή σε αυτό το παράθυρο και κάντε κλικ Εντάξει όταν είναι έτοιμο. Για να κάνετε κάποιες πιο λεπτές ρυθμίσεις, επιλέξτε το Επεξεργασία μονοπατιών κατά κόμβους εργαλείο και δοκιμάστε το Break Path εργαλείο εάν κάποιοι κόμβοι χρειάζονται διαχωρισμό.
Τέλος, αποθηκεύστε την εικόνα σας ως διανυσματικό αρχείο και αυτό είναι!
Διανυσματοποίηση εικόνων
Για οτιδήποτε χρειάζεστε μια διανυσματική εικόνα, υπάρχουν εργαλεία που μπορούν να σας βοηθήσουν. Παρόλο που το Adobe Illustrator και το Photoshop είναι τα πιο ισχυρά, η δωρεάν εναλλακτική λύση Gimp + Inkscape μπορεί να είναι εξίσου αποτελεσματική αν είστε αρκετά υπομονετικοί.
Τι εργαλείο χρησιμοποιείτε για τη διανυσματική διαμόρφωση των εικόνων σας; Ξεκινάς πάντα από το μηδέν; Μη διστάσετε να συζητήσετε στα σχόλια παρακάτω.