Πώς να φτιάξετε ένα διανυσματικό σχέδιο από μια φωτογραφία στο Photoshop. Δημιουργήστε μια διανυσματική εικόνα στο Photoshop. ⇡ SVG-Edit - διαδικτυακό διανυσματικό πρόγραμμα επεξεργασίας

Όποιος συνεργάζεται με συντάκτες γραφικώνμερικές φορές πρέπει να αντιμετωπίσετε τόσο διανυσματικά όσο και ράστερ γραφικά.

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

1) Απλώς σύρετε το AI ή Αρχείο EPSστο PHOTOSHOP. Βλέπουμε:

2) Το μέγεθος είναι πολύ σημαντικό εδώ - τελικά, μέσα Εικόνα Photoshopθα γίνει ραστεροποιημένο και θα είναι δύσκολο να αυξηθεί το μέγεθος χωρίς απώλεια ποιότητας. Επομένως, είναι καλύτερο να πάρετε το μεγάλο μέγεθος αμέσως.

3) Όταν ανοίξαμε το αρχείο μας, όλες οι εικόνες ήταν σε ένα στρώμα. Για να εργαστείτε ξεχωριστά με καθένα από αυτά, θα πρέπει να χρησιμοποιήσετε μια επιλογή, για παράδειγμα, το Rectangular Marquee Tool, και στη συνέχεια να κόψετε σε ένα νέο στρώμα.

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

5) Σε αυτό το παράδειγμα, αντέγραψα ένα από τα κρανία και μετά το μετέτρεψα σε έξυπνο αντικείμενο και τέντωσα και τα δύο αντικείμενα. Ενώ δεν φαίνεται καμία διαφορά

6) Αλλά ας κάνουμε μεγέθυνση στην εικόνα. Η διαφορά είναι εμφανής!

7) Το μόνο που μένει να κάνετε είναι να τοποθετήσετε τα πάντα σωστά). Μπορείτε να χρησιμοποιήσετε ιδιότητες επιπέδου (Εικόνα> Προσαρμογές) και επιλογές ανάμειξης (Δεξί κλικ> Επιλογές ανάμειξης).

Ακόμα, γιατί είναι καλύτερο να ανοίγουμε διανυσματικές εικόνες σε διανυσματικά προγράμματα επεξεργασίας;

Γιατί εδώ μπορείς να αλλάξεις όχι μόνο μεγέθη, σωστές γραμμές, χρώματα, κάτι που δεν είναι πάντα εύκολο στο Photoshop, ειδικά για έναν αρχάριο.
Τέλος, θα πρέπει να γνωρίζετε ότι στο Photoshop μπορείτε να εισαγάγετε μια εικόνα απευθείας από το Illustrator - απλώς επιλέξτε την επιθυμητή εικόνα στο Illustrator, Ctrl + C, και μετά Ctrl + Vστο Photodhop.
Επιπλέον, η διαδικασία είναι πανομοιότυπη με αυτή που περιγράφηκε παραπάνω.

Τελικό αποτέλεσμα

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

Για να δημιουργήσετε μια πραγματικά δροσερή εικόνα, πρέπει να επιλέξετε το επιθυμητό πρόγραμμακαι ακολουθήστε ορισμένους κανόνες. Εάν θέλετε να σχεδιάσετε μια διανυσματική απεικόνιση, θα πρέπει να έχετε κατά νου ότι για αυτό χρησιμοποιούνται τέτοιοι επεξεργαστές, όπως π.χ. Adobe Illustratorή CorelDraw... Ωστόσο, Photoshopέχει επαρκή κεφάλαια για την ανάπτυξη διανυσματικών εικονογραφήσεων. Θα το δείξω ξεκάθαρα στο μάθημά μου για το πώς να μεταφράσω ένα σχέδιο σε διάνυσμα. Έχω επιλέξει ένα σκίτσο μιας γάτας ως βάση για την εικονογράφηση. Αποφάσισα να απεικονίσω μια μπλε γάτα με ροζ λουλούδια στα πόδια της.

Βήμα 1

Ας ξεκινήσουμε δημιουργώντας το φόντο. Σχεδιάστε το σχήμα χρησιμοποιώντας το Εργαλείο επιλογής () (στο Σχηματίστε στρώματα(Σχήμα στρώματος)). Ρυθμίσεις - (Fill Opacity) = 0% ... Τώρα χρησιμοποιήστε μια επικάλυψη διαβάθμισης: (( Στυλ επιπέδου - Επικάλυψη κλίσης)) για να γεμίσετε το δημιουργημένο σχήμα. Όλες οι ρυθμίσεις είναι προεπιλεγμένες, χρειάζεται μόνο να αλλάξετε τη γωνία (θα καθορίσω τον βαθμό) και την κλίση. Προσθήκη Εγκεφαλικό(Stroke) ((Layer Style - Stroke)). Χρησιμοποιούμε όλες τις προεπιλεγμένες ρυθμίσεις, εκτός από το πλάτος μέσα 1 px και χρώματα.

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

2. Διαδικασία. Πρώτα, κάντε δεξί κλικ και κάντε ένα από τα δύο πράγματα: α) Αντιγραφή. Στη συνέχεια στο Photoshop "e Edit - Paste. Σε αυτή τη μέθοδο το Photoshop αφήνει το στρώμα φόντου κλειδωμένο και επικολλά την εικόνα σε ένα νέο επίπεδο Layer 1 πάνω από το φόντο. Κάντε διπλό κλικ στη λέξη Layer 1 για να επιλέξετε το κείμενο και να ονομάσετε το επίπεδο πιο κατάλληλα. Για παράδειγμα, «η εικόνα».

β) Αποθήκευση εικόνας όπως στη βίδα. Στη συνέχεια, στο Photoshop File - Ανοίξτε το [File - Open] και βρείτε πού αποθηκεύσατε την εικόνα. Ίσως στην επιφάνεια εργασίας; .. Προσέξτε, στην παλέτα στρώσεων, το εικονίδιο της εικόνας δείχνει ότι η εικόνα είναι "ευρετηριασμένη" [με λίγα λόγια, είναι gif]. Σημειώστε επίσης ότι είναι μπλοκαρισμένο. Για να το διορθώσετε, απλώς μεταβείτε στο Image - Mode - RGB color [Image - Model - RGB] και έτσι μεταφέρετε το κλειδωμένο στρώμα στο στρώμα φόντου. Κάνοντας διπλό κλικ στο επίπεδο φόντου θα το μετατρέψει στο επεξεργάσιμο επίπεδο. [Μετονομάστε το Layer 0 πιο φιλικό ... Για παράδειγμα, "theimage".]

Τώρα ας δημιουργήσουμε ένα αντίγραφο του επιπέδου theimage. Εάν χρησιμοποιείτε Photoshop 7 ή CS, δημιουργήστε ένα νέο σύνολο επιπέδων για να διατηρήσετε όλα τα μεμονωμένα αντικείμενα. Απλώς κάντε κλικ στο εικονίδιο του φακέλου στο κάτω μέρος της παλέτας στρώσεων, κάντε διπλό κλικ στο Σετ 1 και ονομάστε το όπως το δικό μου.

3. Ισχυρό εργαλείο στυλό. Ας ξεκινήσουμε δημιουργώντας ένα κτύπημα γύρω από ολόκληρο το αυτοκίνητο. Ρυθμίστε το χρώμα του προσκηνίου με το σταγονόμετρο, παίρνοντας το χρώμα από το πιο σκοτεινό μέρος της εικόνας. Σε αυτή την περίπτωση, πολύ κοντά στο μαύρο. Τώρα επιλέξτε το εργαλείο στυλό από την εργαλειοθήκη. Βεβαιωθείτε ότι η επιλογή Shape Layers βρίσκεται στο [πάνω από τη γραμμή επιλογών], την έχω περιγράψει με πορτοκαλί χρώμα.

Τώρα απλώς προσθέστε σημεία αγκύρωσης όπου πιστεύετε ότι πρέπει να επεξεργαστείτε τη διαδρομή.
Συμβουλή: Ctrl + [Συν στο αριθμητικό πληκτρολόγιο στα δεξιά του πληκτρολογίου] για μεγέθυνση. Κατά συνέπεια, το Ctrl είναι η αντίστροφη ενέργεια. Συνιστώ να χρησιμοποιήσετε αυτές τις λειτουργίες για περισσότερη επεξεργασία της εικόνας.

4. Σύνδεση σημείων αγκύρωσης. Αφού δημιουργήσετε μια διαδρομή γύρω από το αυτοκίνητο, συνδεθείτε στο πρώτο σημείο αγκύρωσης για να δημιουργήσετε ένα συμπαγές σχήμα. Τώρα αποκρύψτε το επίπεδο αντιγραφής της εικόνας για να δείτε τι συμβαίνει. [Όπως έκανα στην παρακάτω εικόνα.] Τώρα ας αρχίσουμε να χειριζόμαστε τα σημεία αγκύρωσης για να δώσουμε στο αυτοκίνητό μας ένα λεπτό σχήμα.

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

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

Βεβαιωθείτε ότι είναι επιλεγμένο το στρώμα Shape 2.
Άρχισα να μετατρέπω πόντους με τον τροχό. Κάντε κλικ στο σημείο αγκύρωσης και μετακινήστε το προς την κατεύθυνση του μαύρου βέλους [βλ. εικ.] μέχρι το μονοπάτι να αρχίσει να ακολουθεί τα περιγράμματα του τροχού.

Συμβουλή: Το Εργαλείο μετατροπής δημιουργεί 2 σημεία Bezier για να προσαρμόσει την καμπυλότητα.

Χειριστείτε με τις καμπύλες Bezier για να επιτύχετε όσο το δυνατόν ακριβέστερη επανάληψη των διαδρομών.

Συμβουλή: Μετά τη μετατροπή πολλών σημείων αγκύρωσης [ή σημείων αγκύρωσης], θα διαπιστώσετε ότι ορισμένα από τα αρχικά σημεία δεν χρειάζονται καθόλου. Στην πραγματικότητα, όσο λιγότερα σημεία αγκύρωσης, τόσο πιο ομαλή θα είναι η επιλογή. Επομένως, χρησιμοποιήστε το εργαλείο για να αφαιρέσετε τα σημεία αγκύρωσης.

Να τι πήρα. Θα χρησιμοποιήσουμε αυτή τη φόρμα ως βάση.

Στη συνέχεια, έφτιαξα ένα αντίγραφο του στρώματος Shape 2 και χειροποίησα τα σημεία για να σχεδιάσω το κυρίαρχο χρώμα [μπλε, σε αυτήν την περίπτωση] του αυτοκινήτου. Κάντε κλικ στη μικρογραφία αυτού του επιπέδου, πάρτε το σταγονόμετρο και αλλάξτε το μαύρο χρώμα σε μπλε # 3672BD.

Έτσι μοιάζει τώρα το αυτοκίνητο.

Τώρα ας δουλέψουμε στα παράθυρα.
Ενεργοποιήστε ξανά το επίπεδο αντιγραφής εικόνας [μαύρο] και αποκρύψτε το στρώμα αντιγράφου Shape 2 [μπλε].
Πάρτε το εργαλείο στυλό και στη γραμμή επιλογών ενεργοποιήστε την επιλογή Αφαίρεση από σχήμα περιοχής [το έχω περιγράψει με πορτοκαλί].

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

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

Για να εφαρμόσετε αυτό το εφέ στα άλλα δύο παράθυρα χωρίς να προσθέσετε νέο επίπεδο, απλώς κρατήστε πατημένο το Ctrl + Alt, κάντε κλικ και σύρετε αυτήν τη διαδρομή αφαίρεσης για αντιγραφή. [Κάντε αυτό δύο φορές.] Τώρα τοποθετήστε τα αντίγραφα στη θέση τους. Χρησιμοποιήστε ξανά το εργαλείο μετατροπής σημείου αγκύρωσης για να εξομαλύνετε τις γωνίες και να τις διαμορφώσετε με ακρίβεια.

Εφαρμόστε την ίδια τεχνική στο στρώμα αντιγραφής Shape 2 για να έχετε την ίδια εικόνα με τη δική μου.

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

Τώρα χρησιμοποιώντας το εργαλείο έλλειψης στην Εργαλειοθήκη σχεδιάστε το κέντρο του πίσω τροχού, μετά κρατήστε πατημένο το Shift και κάντε το ίδιο για τον μπροστινό τροχό.
Για ακριβή τοποθέτηση, κάντε κλικ στο Ctrl συν στη νέα έλλειψη, στη συνέχεια κάντε δεξί κλικ στην απλή έλλειψη και επιλέξτε Free Transform Path. Κάντε δεξί κλικ ξανά και επιλέξτε Παραμόρφωση. Ξεκίνησα επίσης να δουλεύω στους προβολείς [σε νέο στρώμα] χρησιμοποιώντας την ίδια τεχνική: Ellipse - Free Transform - Distort - Set to Position.

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

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

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

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

Τώρα ορίστε το ενεργό χρώμα σε μαύρο [ή απλώς πατήστε το D], πατήστε το πλήκτρο B για να επιλέξετε το εργαλείο πινέλου, τώρα στη γραμμή επιλογών, ρυθμίστε το Brush Preset Picker και επιλέξτε ένα μικρό, μαλακό πινέλο μεγέθους περίπου 3. Αλλά αλλάξτε η διάμετρος κατά 2 pixel [δοκιμάστε ακόμη και 1], αφού ακόμη και 3 μπορεί να είναι πολλά.

Για να επιλέξετε ξανά το στυλό, πατήστε P, ενεργοποιήστε το επίπεδο Lines, κάντε δεξί κλικ και επιλέξτε την επιλογή Stroke Path.

Θα σας ζητηθεί να επιλέξετε το εργαλείο με το οποίο θέλετε να δημιουργήσετε μια νέα διαδρομή. Επιλέξτε Brush από το αναπτυσσόμενο μενού και κάντε κλικ στο OK.

Άλλαξα την αδιαφάνεια του επιπέδου Lines στο 54% για να το μαλακώσω.

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

Για δομές όπως τα τονισμένα σημεία, χρησιμοποιήστε το πολυγωνικό λάσο [L] για να ιχνογραφήσετε γύρω από αυτές τις περιοχές, κάντε δεξί κλικ και Συμπληρώστε με ένα απαλό μπλε χρώμα [Χρησιμοποιήσα το # 86A9D7].

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

Ενώ η σημείωσή μου σχετικά με τις μάσκες στο Photoshop δεν έχει χαλαρώσει, θέλω επειγόντως να επισημάνω το ζήτημα της μετατροπής ενός ράστερ σε διάνυσμα. Πριν δύο μέρες μπήκα στο χρονοφάγο μου Google analyticκαι τι είδα. Αποδεικνύεται ότι μερικοί άνθρωποι φτάνουν στον ιστότοπό μου με το αίτημα "raster to vector" και εν τω μεταξύ, στον ιστότοπό μου δεν υπάρχει ούτε μία λογική σημείωση για αυτό το θέμα... Οι άνθρωποι βασανίζουν Googleγια μετατροπή ράστερ σε διανυσματικό Corel Draw, εικονογράφοςκαι ακόμα Adobe photoshop ... Ας ξεκινήσουμε με το Photoshop.

Ράστερ σε διάνυσμα. Γιατί χρειάζεται αυτό;

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

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

Το Photoshop δεν λειτουργεί με διανύσματα με πλήρη χωρητικότητα. Χρησιμοποιεί μόνο τα πλεονεκτήματά του εκεί και εδώ. Αλλά ακόμα και στο Photoshop, τα αντικείμενα ράστερ μπορούν να μετατραπούν σε διανυσματικά αντικείμενα. Γιατί το χρειάζεστε αν έχετε Illustrator; Λοιπόν, πώς να στο πω. Όταν εργάζεστε ενεργά με γραφικά, προκύπτουν διαφορετικές καταστάσεις. Μερικές φορές είναι πιο εύκολο να μεταφράσετε μια επιλογή σε ένα μονοπάτι επιτόπου παρά να μεταβείτε αδιάκοπα στο Illustrator και να κάνετε ιχνηλάτηση εκεί. Για να ξεριζώσετε ένα κρεβάτι με φράουλες στη χώρα, δεν χρειάζεται να καλέσετε έναν συνδυασμό. Τελικά, δεν θέλουν όλοι ή δεν ξέρουν πώς να χρησιμοποιούν το Illustrator, δεν το χρειάζονται όλοι, δεν μπορούν όλοι να το εγκαταστήσουν μόνοι τους, αλλά πρέπει να μεταφράσετε το squiggle σε διάνυσμα εδώ και τώρα. Δεν είναι καθόλου απαραίτητο να καθίσετε με τρεις τόμους στο Illustrator για μερικές εβδομάδες.

Μετατροπή ράστερ σε διάνυσμα στο Photoshop

Τι ακριβώς μπορεί να μεταφράσει το Photoshop σε διάνυσμα; Οτιδήποτε εάν επιλέξετε εκ των προτέρων αυτό το αντικείμενο με τα εργαλεία ομάδας Επιλέγω... Το Photoshop μετατρέπει οποιαδήποτε επιλογή σε περίγραμμα. Μπορείτε να διαβάσετε για τα εργαλεία επιλογής στο άρθρο Πρωτότυπα επιλογής στο Photoshop. Επιτρέψτε μου να σας δώσω ένα παράδειγμα εργασίας. Πριν από πολλά χρόνια ένας πολύ δύσκολος πελάτης επικοινώνησε μαζί μου και ζήτησε ένα δύσκολο site. Για τον ιστότοπο, ήταν απαραίτητο να ολοκληρώσω διάφορα έργα τέχνης και αποφάσισα να το σχεδιάσω στο Photoshop. Κατά τη διάρκεια του σχεδίου, το μετέτρεψα σε διάνυσμα και τώρα θα σας πω πώς. Εδώ είναι μία από αυτές τις εικόνες που ζωγράφισα με ένα πινέλο με σκληρές άκρες στο tablet μου. Σχεδίασα γύρω από τον αρχικό άνθρωπο του Βιτρούβιου, τον τροποποίησα και ζωγράφισα το δικό μου, διαφορετικό από το πρωτότυπο, πρόσωπο. Η ιδέα να διανυσματοποιηθεί η τέχνη προέκυψε τυχαία. Αλλά έχοντας το εφαρμόσει, είχα την ευκαιρία να κλιμακώσω το άτομο όπως μου αρέσει. Επιπλέον, οι προηγουμένως σχισμένες άκρες και οι ανωμαλίες μετά τη διανυσματοποίηση εξομαλύνθηκαν.

Εύρεση της εικόνας προς ανίχνευση

Έψαξα στο Google Images για μια πεταλούδα. Θα το μετατρέψουμε σε διάνυσμα. Σημειώστε ότι όσο μεγαλύτερη είναι η εικόνα, τόσο πιο ομαλό θα είναι το διανυσματικό μας αντικείμενο. Αυτό ισχύει τόσο για το Photoshop όσο και για το Illustrator. Με τον όρο μεγάλη εικόνα, εννοώ μια εικόνα πλάτους 1000 pixel ή περισσότερο. Η πεταλούδα μου, για παράδειγμα, είναι από 2000 pixel.

Επιλέγοντας το αντικείμενο

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

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

Πώς να δημιουργήσετε μια διανυσματική διαδρομή

Έχουμε μια επιλογή, τώρα τη μετατρέψτε σε διανυσματική διαδρομή μονοπάτι... Επιλέξτε οποιοδήποτε εργαλείο επιλογής όπως Lasso Tool, Rectangular Marquee Toolή Εργαλείο μαγικό ραβδί... Κάντε κλικ στην περιοχή επιλογής με το δεξί πλήκτρο του ποντικιού και επιλέξτε Κάντε τη διαδρομή εργασίας... Στο μενού που εμφανίζεται, ορίστε τον βαθμό εξομάλυνσης Ανοχήγεύση. Ο εθισμός είναι απλός. Όσο μεγαλύτερος είναι ο αριθμός, τόσο μεγαλύτερη είναι η εξομάλυνση. Όσο μικρότερος είναι ο αριθμός, τόσο χαμηλότερο είναι το anti-aliasing. Υψηλή αντι-αλλοίωση σημαίνει μικρότερο αριθμό διανυσματικών κόμβων και μια πιο ανακριβή διαδρομή ράστερ που ακολουθεί. Στην περίπτωση του Vitruvian Man μου, αυτό ακριβώς ήθελα.

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

Εργαλεία Photoshop για εργασία με μονοπάτια - Εργαλείο επιλογής διαδρομήςκαι Εργαλείο άμεσης επιλογής... Έχουμε μονοπάτι, αλλά κανένα αντικείμενο. Εάν έχετε διαβάσει τη σειρά σημειώσεων μου για διανύσματα στο Photoshop, γνωρίζετε ήδη ότι ένα διάνυσμα στο Photoshop αναπαρίσταται ως διανυσματική μάσκα για κάποιο είδος εφέ ή γραφικών. Το διάνυσμα μπορεί επίσης να υπάρχει ως έξυπνο επίπεδο που αναφέρεται στο εισαγόμενο αρχείο Illustrator, αλλά θα το αφήσουμε για άλλη σημείωση. Επιλέξτε τη διαδρομή με το εργαλείο Εργαλείο επιλογής διαδρομήςή στην παλέτα διαδρομής Μονοπάτι... Κάντε κλικ στο Στρώμα> Νέο στρώμα γεμίσματος> Συμπαγές χρώμαΈχουμε δημιουργήσει ένα στρώμα γεμίσματος, στο οποίο εκχωρείται αμέσως μια διανυσματική μάσκα με τη μορφή της διαδρομής μας.

Βελτίωση του διανυσματικού περιγράμματος

Χρησιμοποιώντας τα υλικά που περιέγραψα στα άρθρα Εργαλεία διανυσματικής σχεδίασης στο Photoshop και Προσθήκη, Αφαίρεση, Τομή και Εξαίρεση στο Photoshop, ας περιπλέκουμε το σχέδιο. Πήρα το εργαλείο Εργαλείο πένας, επέλεξε τη μάσκα στρώματος πλήρωσης. Στις ρυθμίσεις Εργαλείο πέναςανεβάζω Αφαιρώκαι πρόσθεσε κάποια στοιχεία στην πεταλούδα μας. Έκοψα τα σχέδια στα φτερά και έκανα πιο χοντρά τα πόδια και τις κεραίες.

Δημιουργία προσαρμοσμένου σχήματος Προσαρμοσμένα σχήματα

Μπορείτε πάντα να αποθηκεύσετε το αντικείμενο που προκύπτει σε αυθαίρετα σχήματα Προσαρμοσμένα σχήματα... Πριν από λίγο ανέφερα πώς μπορεί να γίνει αυτό στο άρθρο Custom Shape Tool στο Photoshop. Επιλέξτε το στρώμα πεταλούδας και πατήστε Επεξεργασία> Ορισμός προσαρμοσμένου σχήματοςΗ πεταλούδα μας εμφανίστηκε στα σχήματα του οργάνου Εργαλείο προσαρμοσμένων σχημάτων.

Και να τι πήραμε στο τέλος:

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

Μετάφραση από ράστερ σε διάνυσμα φωτογραφιών στο Photoshop

Το Photoshop δεν έχει σχεδιαστεί για να μεταφράζει τα γραφικά ράστερ σε διανύσματα. Σε αυτό, ωστόσο, υπάρχουν αρκετά ειδικά εφέ που δημιουργούν οπτικά μια ομοιότητα διανυσματική εικόνα... Και με τη βοήθεια της τεχνικής που περιέγραψα, μπορείτε επίσης να δημιουργήσετε μια διανυσματική εικόνα από αυτά στο Photoshop. Πάρτε, για παράδειγμα, μια συνηθισμένη φωτογραφία που τραβήχτηκε από έναν γνωστό φωτογράφο.

Ένα από τα αποτελέσματα που ανέφερα είναι Filter> Artistic> CutoutΑφήνω τις ρυθμίσεις στη συνείδησή σας. Η εικόνα θα πρέπει να είναι όσο το δυνατόν πιο ρεαλιστική, αλλά να είναι έντονα αντι-ψευδής. Θα μπορούσαμε να σταματήσουμε σε αυτό, η εικόνα φαίνεται ήδη "διανυσματική", αλλά εξακολουθεί να είναι ράστερ.

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

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

Σε αυτό το σεμινάριο, θα μιλήσουμε για το πώς να μετατρέψετε ένα bitmap σε διανυσματικό σχήμα στο Photoshop. Φυσικά, το πρόγραμμα Photoshop προορίζεται κυρίως για εργασία με εικόνες ράστερ και το διάνυσμα σε αυτό είναι ένα είδος προσθήκης με τη μορφή μονοπατιών με μια μάσκα διανυσματικού επιπέδου, η οποία υπερτίθεται στο αντικείμενο και δημιουργεί ένα διανυσματικό σχήμα. Σε ένα τέτοιο διανυσματικό σχήμα (Σχήμα), η διαδρομή θα είναι διανυσματική και το γέμισμα θα είναι ράστερ.

Σε αυτό το μάθημα, εξετάστε τα ακόλουθα βήματα:

Δημιουργήστε ένα έγγραφο και σχεδιάστε ένα αντικείμενο

Αρχικά, ας δημιουργήσουμε νέο έγγραφοοποιοδήποτε μέγεθος και στρώμα.

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

Επιλογή αντικειμένου bitmap

Για μετάφραση bitmapπρέπει πρώτα να το επιλέξετε με οποιοδήποτε εργαλείο Επιλογή. Τώρα επιλέξτε το αντικείμενο που σχεδιάστηκε είτε με το Wand Tool, είτε κάντε κλικ στο στρώμα με το αριστερό κουμπί του ποντικιού κρατώντας πατημένο το πλήκτρο Ctrl.

Μετατροπή του επιλεγμένου αντικειμένου σε διανυσματική διαδρομή (Διαδρομή)

Χρησιμοποιώντας οποιοδήποτε εργαλείο του τύπου Επιλογή, καλέστε το μενού περιβάλλοντος. Για να το κάνετε αυτό, μετακινήστε το εργαλείο πάνω από το επιλεγμένο αντικείμενο και πατήστε το δεξί κουμπί του ποντικιού. Στο μενού που εμφανίζεται, επιλέξτε "Make Work Path ...".

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

Δημιουργήστε μια διανυσματική μάσκα για ένα επίπεδο από μια διανυσματική διαδρομή

Μεταβείτε στην καρτέλα Διαδρομές, όπου θα πρέπει να εμφανίζεται η διανυσματική διαδρομή που μόλις δημιουργήσαμε.

Κάντε διπλό κλικ πάνω του για να δώσετε ένα όνομα.

Στη συνέχεια, επιλέξτε "Επίπεδο -> Νέο στρώμα γεμίσματος -> Συμπαγές χρώμα ..." από το κύριο μενού. Μπορείτε να ονομάσετε κάτι στο νέο επίπεδο και μετά κάντε κλικ στο ok. Επιλέξτε ένα χρώμα για το μελλοντικό σχήμα στο παράθυρο διαλόγου επιλογής χρώματος.

Τώρα θα πρέπει να εμφανιστεί ένα νέο επίπεδο με μάσκα διανύσματος στην καρτέλα Επίπεδα.

Πώς να αποθηκεύσετε ένα διανυσματικό αντικείμενο στη βιβλιοθήκη διανυσματικών σχημάτων στο Photoshop

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

Εάν το μάθημα για τη μετατροπή ενός ράστερ σε διάνυσμα αποδείχθηκε χρήσιμο για εσάς, τότε μοιραστείτε το κοινωνικό δίκτυο(εικονίδια παρακάτω).