Δημιουργία και εργασία με διανυσματικά γραφικά στο Adobe Photoshop

Δημιουργία και εργασία με διανυσματικά γραφικά στο Adobe Photoshop

Adobe Illustrator είναι η τυπική εφαρμογή του κλάδου για γραφιστική. Είναι το καλύτερο εργαλείο για εργασία με διανυσματικά αρχεία.





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





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

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





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

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



Μπορείτε να εφαρμόσετε δύο τύπους χρώματος σε κάθε αντικείμενο:

  • ΠΡΟΣ ΤΟ Εγκεφαλικό είναι μια γραμμή που ακολουθεί το μονοπάτι.
  • ΠΡΟΣ ΤΟ Γέμισμα προσθέτει ένα συμπαγές χρώμα ή μοτίβο στο χώρο που περιβάλλεται από το μονοπάτι.

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





Στο Photoshop, σχεδιάζετε διανυσματικές εικόνες με σχήματα, γραμμές και κείμενο.

Σχεδιάστε διανυσματικά σχήματα και γραμμές

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





  • Εργαλείο ορθογωνίου
  • Εργαλείο στρογγυλεμένου ορθογωνίου
  • Εργαλείο έλλειψης
  • Εργαλείο πολυγώνου
  • Εργαλείο γραμμής
  • Εργαλείο προσαρμοσμένου σχήματος

Μπορείτε πάντα να επιλέξετε το επιλεγμένο εργαλείο πατώντας U στο πληκτρολόγιό σας. Εναλλακτικά, πατήστε Shift + U για να κυκλώσετε τα εργαλεία μέχρι να βρείτε αυτό που θέλετε.

Για να δουλέψετε πιο γρήγορα, είναι καλή ιδέα να μάθετε περισσότερα Συντομεύσεις πληκτρολογίου Photoshop Το

Σχεδιάστε βασικά διανυσματικά σχήματα

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

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

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

Τροποποίηση και επεξεργασία διανυσματικών σχημάτων

Δεν περιορίζεστε σε βασικά σχήματα κατά τη δημιουργία διανυσματικών γραφικών στο Photoshop. Μπορούν να τροποποιηθούν πολύ γρήγορα.

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

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

Επιλέξτε το Εργαλείο άμεσης επιλογής από τη γραμμή εργαλείων (κάντε κλικ και κρατήστε πατημένο το Εργαλείο επιλογής διαδρομής εικονίδιο για να το βρείτε ή πατήστε Shift + A ). Τώρα κάντε κλικ σε ένα από τα σημεία αγκύρωσης και σύρετέ το προς οποιαδήποτε κατεύθυνση για να παραμορφώσετε το σχήμα.

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

Κάντε κλικ σε ένα για να το επισημάνετε Shift + κλικ αλλο. Τώρα χρησιμοποιήστε το κλειδιά δρομέα στο πληκτρολόγιό σας για να μετακινήσετε και τα δύο σημεία ταυτόχρονα.

Συγχώνευση και συνδυασμός διανυσματικών σχημάτων

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

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

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

Όταν πρέπει να μετακινήσετε τα αντικείμενα ξεχωριστά, χρησιμοποιήστε το Εργαλείο επιλογής διαδρομής Το

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

είναι 256gb αρκετά για macbook pro

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

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

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

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

Σχεδιάστε διανυσματικές γραμμές

Υπάρχουν δύο άλλα εργαλεία που σχετίζονται με το σχήμα για να γνωρίζετε. Το πρώτο είναι το Εργαλείο γραμμής Το

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

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

Σχεδιάστε προσαρμοσμένα διανυσματικά σχήματα

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

Για να προσθέσετε περισσότερα σχήματα πέρα ​​από την αρχική επιλογή, κάντε κλικ στο Ρυθμίσεις γρανάζι και επιλέξτε μια κατηγορία για προσθήκη. Υπάρχουν σχήματα για όλες τις χρήσεις - εικονίδια, φυσαλίδες ομιλίας, βέλη, υφές και πολλά άλλα. Μπορείτε επίσης να φορτώσετε σχήματα τρίτων.

Κάντε κλικ και σύρετε για να προσθέσετε το σχήμα στην εικόνα σας. Μπορείτε επίσης να κάνετε κλικ στον καμβά για να καθορίσετε ένα ακριβές πλάτος και ύψος.

Σχέδιο διανυσμάτων με το εργαλείο στυλό

Εάν έχετε κάποια εμπειρία με το Illustrator, θα ξέρετε ότι χρησιμοποιείτε το Paintbrush Tool για ελεύθερο σχέδιο. Το Photoshop διαθέτει ένα Brush Tool που κάνει παρόμοια δουλειά. Αλλά στο Photoshop το εργαλείο δεν βασίζεται σε διανύσματα, οπότε δεν πρέπει να το χρησιμοποιήσετε για σχεδίαση. Θα πρέπει να χρησιμοποιήσετε το Εργαλείο πένας αντι αυτου.

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

Ξεκινήστε με το εργαλείο στυλό

Το Pen Tool λειτουργεί σχεδιάζοντας μια διαδρομή μεταξύ των σημείων αγκύρωσης που δημιουργείτε όταν κάνετε κλικ στον καμβά. Προσθέστε μια διαδρομή στη διαδρομή και μπορείτε να σχεδιάσετε ένα περίγραμμα. προσθέστε ένα γέμισμα και μπορείτε να σχεδιάσετε ένα στερεό αντικείμενο.

Ακολουθεί ένα γρήγορο αστάρι για να ξεκινήσετε:

πώς να κατεβάσετε το netflix στο macbook
  1. Επίλεξε το Εργαλείο στυλό (P) Το Κάντε κλικ στον καμβά εικόνας για να ρίξετε ένα σημείο αγκύρωσης.
  2. Μετακινήστε τον κέρσορα λίγα εκατοστά και κάντε ξανά κλικ για να ρίξετε ένα άλλο σημείο αγκύρωσης. Θα δημιουργηθεί μια διαδρομή για τη σύνδεση των δύο. Ρυθμίστε το κτύπημα σε 5px, μαύρο, για να σας βοηθήσει να το δείτε καλύτερα.
  3. Κάντε κλικ μερικές φορές ακόμη για να αναπτύξετε τη διαδρομή. Κάντε κλικ και σύρετε για να δημιουργήσετε μια καμπύλη διαδρομή. Αυτό θα προσθέσει επίσης τιμόνι στο σημείο αγκύρωσης. Σύρετε αυτά για να ελέγξετε τη γωνία και το βάθος της καμπύλης.
  4. Κάντε κλικ Εισαγω για να δημιουργήσετε μια ανοιχτή διαδρομή (μια γραμμή) ή κάντε κλικ στο πρώτο σημείο αγκύρωσης για να δημιουργήσετε μια κλειστή διαδρομή (σχήμα).

Αυτό που κάνει το Pen Tool τόσο χρήσιμο είναι ότι μπορείτε να επιστρέψετε και να επεξεργαστείτε το σχήμα σας ανά πάσα στιγμή:

  • Να πάρει το Εργαλείο άμεσης επιλογής (Α) Το Επιλέξτε ένα σημείο αγκύρωσης στη διαδρομή και σύρετέ το σε μια νέα θέση. Χρησιμοποιήστε αυτό το εργαλείο με τα τιμόνια ενός σημείου αγκύρωσης για να επεξεργαστείτε επίσης μια καμπύλη.
  • Επίλεξε το Προσθέστε το εργαλείο Anchor Point κάνοντας κλικ και κρατώντας πατημένο το Pen Tool. Κάντε κλικ κάπου στη διαδρομή για να προσθέσετε μη αυτόματα ένα νέο σημείο αγκύρωσης και, στη συνέχεια, σύρετέ το στη θέση του. Αυτό σας δίνει τη δυνατότητα να ρυθμίσετε σωστά το σχήμα σας.

Τρία εργαλεία στυλό

Το Photoshop προσφέρει τρία διαφορετικά στυλό για σχεδίαση:

  • ο Εργαλείο πένας είναι η προεπιλεγμένη και πιο ευέλικτη επιλογή. Για αρχάριους, θα συνιστούσαμε να το χρησιμοποιήσετε κυρίως για να σχεδιάσετε ευθείες γραμμές. Καθώς γίνεστε πιο προχωρημένοι, μπορεί να βρεθείτε να το χρησιμοποιείτε για τα πάντα.
  • ο Εργαλείο στυλό Freeform σας επιτρέπει να σχεδιάζετε ελεύθερα, παρόμοια με το Brush Tool. Δημιουργεί ακόμα μια διαδρομή που μπορείτε να τροποποιήσετε και να επεξεργαστείτε αργότερα. Τα σημεία αγκύρωσης δημιουργούνται αυτόματα καθώς σχεδιάζετε. Αυτό είναι ένα εξαιρετικό εργαλείο εάν χρησιμοποιείτε ένα tablet γραφικών Το
  • ο Εργαλείο στυλό καμπυλότητας καθιστά εύκολο να σχεδιάζετε καμπύλες χωρίς να χρειάζεται να παίζετε με το τιμόνι όπως κάνετε με το κύριο Pen Tool.

Ανιχνεύστε μια εικόνα ως διάνυσμα στο Photoshop

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

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

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

Εργασία με διανυσματικό κείμενο στο Photoshop

Η χρήση κειμένου στο Photoshop είναι αρκετά αυτονόητη. Επίλεξε το Εργαλείο οριζόντιου κειμένου (Τ) , κάντε κλικ στον καμβά εικόνας για να δημιουργήσετε ένα πλαίσιο κειμένου και, στη συνέχεια, πληκτρολογήστε. Μπορείτε να προσαρμόσετε τη γραμματοσειρά, το μέγεθος, το βάρος και οτιδήποτε άλλο, όπως θα κάνατε σε οποιαδήποτε άλλη εφαρμογή.

Για κανονικό κείμενο, ορίστε ένα χρώμα γεμίσματος αλλά όχι ένα κτύπημα. Εφαρμόστε μόνο ένα κτύπημα για πολύ στιλιζαρισμένο κείμενο.

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

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

Διαχείριση διανυσματικών αντικειμένων

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

  • Μετακίνηση αντικειμένων επιλέγοντάς τα με το Εργαλείο επιλογής διαδρομής (A) και σύροντάς τα στη θέση τους.
  • Αλλαγή μεγέθους αντικειμένων επιλέγοντάς τα με το Εργαλείο επιλογής διαδρομής μετά χτύπημα Ctrl + T στα Windows ή Cmd + T σε Mac. Αυτό δείχνει ένα πλαίσιο γύρω από το αντικείμενο. Πιάστε ένα τιμόνι κατά μήκος της άκρης και σύρετε προς τα μέσα ή προς τα έξω για αλλαγή μεγέθους. Κράτα το Μετατόπιση κλειδί για τη διατήρηση της αρχικής αναλογίας διαστάσεων.
  • Περιστροφή αντικειμένου κρατώντας το ποντίκι σας ακριβώς έξω από το τιμόνι έως ότου ο δρομέας μετατραπεί σε εικονίδιο περιστροφής. Τώρα κάντε κλικ και σύρετε.
  • Αναδιάταξη αντικειμένων κάνοντας κλικ σε ένα επίπεδο και σύροντάς το πάνω ή κάτω από ένα άλλο επίπεδο.
  • Ευθυγραμμίστε αντικείμενα επιλέγοντάς τα όλα με το Μετακίνηση εργαλείου (V) (ή κρατώντας Μετατόπιση και κάνοντας κλικ σε πολλά επίπεδα), στη συνέχεια χρησιμοποιώντας τα στοιχεία ελέγχου ευθυγράμμισης στη γραμμή επιλογών.

Διανυσματικά γραφικά στο Photoshop: Βάλτε τα όλα μαζί

Τώρα που ξέρετε πώς να χρησιμοποιείτε όλα τα εργαλεία, μπορείτε να τα συνδυάσετε για να δημιουργήσετε τα δικά σας κομμάτια διανυσματικής τέχνης:

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

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Adobe Illustrator εναντίον Photoshop: Ποια είναι η διαφορά;

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

Διαβάστε Επόμενο
Σχετικά θέματα
  • Δημιουργικός
  • Adobe Photoshop
  • Διανυσματικά γραφικά
  • Adobe Creative Cloud
  • Φροντιστήριο Photoshop
Σχετικά με τον Συγγραφέα Άντι Μπετς(221 δημοσιευμένα άρθρα)

Ο Andy είναι πρώην έντυπος δημοσιογράφος και συντάκτης περιοδικού που γράφει για την τεχνολογία εδώ και 15 χρόνια. Εκείνη την περίοδο συνέβαλε σε αμέτρητες δημοσιεύσεις και παρήγαγε έργα συγγραφής κειμένων για μεγάλες εταιρείες τεχνολογίας. Έχει επίσης παράσχει σχόλια ειδικών για τα ΜΜΕ και φιλοξένησε πάνελ σε εκδηλώσεις του κλάδου.

Περισσότερα από τον Andy Betts

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή