Το Adobe Photoshop^{(Adobe Photoshop)} δεν είναι διανυσματικό πρόγραμμα επεξεργασίας εικόνων. Το Adobe Illustrator^{(Adobe Illustrator)} χειρίζεται επιδέξια αυτή τη δουλειά. Τι γίνεται όμως αν βρίσκεστε σε ένα από τα βασικά προγράμματα συνδρομής στο Adobe Creative Cloud ; Ή απλά έχετε μια συνδρομή μόνο στο Photoshop; 

Το Photoshop^(Photoshop) διαθέτει μερικά εργαλεία που σας επιτρέπουν να σχεδιάζετε διανυσματικά σχήματα και διαδρομές από την αρχή. Τώρα μπορείτε ακόμη και να επιλέξετε πολλά μονοπάτια και να αλλάξετε την εμφάνιση με λειτουργίες όπως το Live Shape Properties . Ωστόσο, η εκμάθηση της διανυσματικής διαμόρφωσης μιας εικόνας στο Photoshop απαιτεί λίγη περισσότερη προσπάθεια. 

Πώς να μετατρέψετε μια εικόνα ράστερ^{(Raster Image)} σε μια διανυσματική^(Vector) εικόνα

Οι διανυσματικές εικόνες^{(Vector images)} μπορούν να κλιμακωθούν σε οποιοδήποτε μέγεθος, σε αντίθεση με μια φωτογραφία που θα κάνει pixel εάν υπάρξει αλλαγή στην ανάλυση. Είναι φτιαγμένα από μονοπάτια που είναι σαν «γραμμές» που σχεδιάζονται με μαθηματικές εξισώσεις που μπορούν να κλιμακωθούν σε οποιαδήποτε ανάλυση. 

Για να μετατρέψετε μια εικόνα ράστερ που βασίζεται σε pixel σε διανυσματική εικόνα:

1. Επιλέξτε τα pixel.
2. Μετατρέψτε τα σε μονοπάτια.
3. Χρωματίστε τα και αποθηκεύστε τα ως διανυσματική εικόνα. 

Όπως πάντα, θα εργάζεστε με διαφορετικά επίπεδα στο Photoshop^{(layers in Photoshop)} για να εξαγάγετε τις διαδρομές από μια εικόνα ράστερ. Ακολουθεί μια γεύση από το αρχικό πορτρέτο ράστερ και την τελική εικόνα αφού έχει διανυσματοποιηθεί.

Τα στιγμιότυπα είναι από το Adobe Photoshop CC^{(Adobe Photoshop CC)} (21.2.0). Αλλά θα πρέπει να μπορείτε να ακολουθήσετε αυτό το απλό σεμινάριο με τις περισσότερες από τις πρόσφατες εκδόσεις του Photoshop .

1. Ανοίξτε την Εικόνα Raster^{(Raster Image)} στο Photoshop

Σύρετε^(Drag) και αποθέστε την εικόνα ράστερ στο Photoshop ή ανοίξτε την από το File > Open . Το δείγμα εικόνας σε αυτό το παράδειγμα είναι ένα απλό πορτρέτο. Εάν το αντικείμενο που θέλετε να διανυσματοποιήσετε έχει απασχολημένο φόντο, αφαιρέστε πρώτα το φόντο στο Photoshop . 

2. Κάντε μια επιλογή γύρω από την εικόνα

Υπάρχουν διάφορες μέθοδοι που μπορείτε να χρησιμοποιήσετε για να κάνετε μια επιλογή στο Photoshop . Η μέθοδος που θα επιλέξετε θα εξαρτηθεί από τη φύση της εικόνας. Για παράδειγμα, εάν η εικόνα έχει ευθείες άκρες, μπορείτε να επιλέξετε το εργαλείο Rectangular Marquee . Εάν θέλετε να επιλέξετε ανά χρώμα, τότε το Magic Wand ή το εργαλείο  Γρήγορης επιλογής είναι μια επιλογή.^{(Quick Selection)}

Για πορτρέτα, η εντολή Επιλογή θέματος^{(Select Subject)} μπορεί να επιλέξει αυτόματα το κύριο θέμα σε μια φωτογραφία. Είναι ένα εργαλείο με επίγνωση περιεχομένου που χρησιμοποιεί έξυπνους αλγόριθμους για τον εντοπισμό ατόμων σε εικόνες. Το κουμπί Επιλογή θέματος^{(Select Subject)} εμφανίζεται στη γραμμή εργαλείων όταν επιλέγετε ένα εργαλείο επιλογής. Μπορείτε επίσης να το βρείτε στο μενού Επιλογή^(Select) .

Μεταβείτε στο Select > Select & Mask > Select Subject και θα επιλέξει έξυπνα το πιο εμφανές θέμα σε μια φωτογραφία. 

Χρησιμοποιήστε τα ρυθμιστικά Καθολικές βελτιώσεις^{(Global Refinements)} για να ρυθμίσετε με ακρίβεια τις άκρες επιλογής εάν είναι απαραίτητο και, στη συνέχεια, να εξάγετε την επιλογή σε ένα νέο επίπεδο. 

Για πιο σύνθετα αντικείμενα στη φωτογραφία σας, το εργαλείο επιλογής αντικειμένων^{(Object Selection tool)} είναι μια ισχυρή δυνατότητα στο Photoshop . Λειτουργεί ακριβώς όπως το Select Subject , αλλά σας βοηθά να ρυθμίσετε την επιλογή με περισσότερα στοιχεία ελέγχου. Χρησιμοποιήστε το εάν έχετε μια ομάδα αντικειμένων (ή ατόμων) στη φωτογραφία σας. 

3. Δημιουργήστε ένα εφέ κατωφλίου 

Το επίπεδο προσαρμογής κατωφλίου^{(Threshold Adjustment)} μετατρέπει το τρέχον επίπεδο σε ασπρόμαυρη εικόνα και μπορείτε να δώσετε σε μια έγχρωμη εικόνα μια καθαρή μονόχρωμη εμφάνιση αργότερα στη διαδικασία. 

Στον πίνακα Επίπεδα, προσθέστε ένα νέο επίπεδο κατωφλίου^(Threshold) επιλέγοντας το εικονίδιο Δημιουργία νέου επιπέδου πλήρωσης ή προσαρμογής . ^{(Create new fill or adjustment layer)}Προσαρμόστε το ρυθμιστικό μέχρι να αποκτήσετε την επιθυμητή εμφάνιση. Στην εικόνα του παραδείγματος, χρησιμοποιήσαμε την τιμή 51. 

4. Χρησιμοποιήστε την εντολή Color Range^{(Color Range Command)} για να επιλέξετε Tonal Areas^{(Select Tonal Areas)}

Η εντολή Color Range^{(Color Range command)} κάτω από το μενού Select μοιάζει με την επιλογή Magic Wand . Αλλά είναι επίσης καλύτερο καθώς μπορεί να επιλέξει pixel που μοιράζονται το ίδιο ή παρόμοιο χρώμα με το εργαλείο σταγονόμετρου σε αυτήν την περιοχή της εικόνας. Μπορείτε να επιλέξετε μια σειρά χρωμάτων χρησιμοποιώντας το εργαλείο επανειλημμένα σε διαφορετικές περιοχές μιας εικόνας.

Σε αυτό το σεμινάριο του Photoshop , θέλουμε να χρησιμοποιήσουμε την εντολή  Color Range για να επιλέξουμε όλες τις λευκές και μαύρες τονικές περιοχές.^{(Color Range)}

Μεταβείτε στην Select > Color Range . 

Χρησιμοποιήστε τα εργαλεία Eyedropper για^{(Eyedropper tools)} να επιλέξετε όλες τις διαφορετικές τονικές περιοχές στην εικόνα. Η επιλογή της προεπισκόπησης κλίμακας του γκρι^(Grayscale) στο αναπτυσσόμενο μενού θα σας δώσει μια ιδέα για τις επιλεγμένες περιοχές. 

Κάντε κλικ στο OK^(OK) για να κλείσετε το παράθυρο διαλόγου και να επιστρέψετε στο επίπεδο κατωφλίου με επιλεγμένο το πορτρέτο. 

5. Μετατρέψτε την επιλογή σας σε^{(Selection Into)} μονοπάτι

Ένα μονοπάτι στο Photoshop δεν είναι παρά μια γραμμή με σημεία αγκύρωσης στα δύο άκρα του. Με άλλα λόγια, είναι διανυσματικά γραμμικά σχέδια. Τα μονοπάτια μπορεί να είναι ίσια ή καμπύλα. Όπως όλα τα διανύσματα, μπορείτε να τα τεντώσετε και να τα διαμορφώσετε χωρίς να χάσετε λεπτομέρεια. Το Photoshop^(Photoshop) μπορεί να μετατρέψει τις επιλογές σε μονοπάτια και το αντίστροφο. 

Επιλέξτε το εργαλείο Marquee ή οποιοδήποτε εργαλείο επιλογής. Κάντε δεξί κλικ στην εικόνα και επιλέξτε Δημιουργία διαδρομής εργασίας^{(Make Work Path)} από το μενού περιβάλλοντος.

Επίσης, ορίστε μια τιμή ανοχής^{(Tolerance Value)} στο μικρό πλαίσιο που εμφανίζεται. 

6. Ορίστε μια τιμή ανοχής^{(Tolerance Value)} για το μονοπάτι^(Path)

Για να κάνετε τη διαδρομή πιο ομαλή, ορίστε μια τιμή Ανοχής^(Tolerance) στο παράθυρο διαλόγου που εμφανίζεται. Η τιμή "1,0" θα πρέπει να είναι ιδανική για τις ακανόνιστες διαδρομές γύρω από ένα πορτρέτο.

Η τιμή Tolerance καθορίζει πόσο κοντά πρέπει να «κολλάει» η διαδρομή στα περιγράμματα της εικόνας. Όσο χαμηλότερη είναι η τιμή, τόσο πιο προσεκτικά ακολουθεί η επιλογή τη διαδρομή σας. Οι υψηλότερες τιμές θα μειώσουν τον αριθμό των σημείων αγκύρωσης και θα κάνουν τη διαδρομή πιο ομαλή. Ο κανόνας του αντίχειρα είναι - όσο πιο απλό είναι το αντικείμενο, τόσο μεγαλύτερη είναι η ανοχή. 

Αλλά πειραματιστείτε με αυτήν την τιμή ανάλογα με την πολυπλοκότητα της εικόνας σας. 

7. Δημιουργήστε ένα νέο στρώμα στερεού χρώματος

Χωρίς να κάνετε κλικ πουθενά, μεταβείτε στον πίνακα Επίπεδα^(Layers) και επιλέξτε Δημιουργία ^(Create) νέου επιπέδου πλήρωσης ή προσαρμογής^{(new fill or adjustment Layer)} . 

Στη συνέχεια, επιλέξτε Solid Color από το μενού. Μπορείτε να επιλέξετε οποιοδήποτε χρώμα. 

Αυτό το βήμα δημιουργεί το στρώμα σχήματος διανύσματος πάνω από το επίπεδο κατωφλίου^(Threshold) . 

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

8. Αποθηκεύστε τη διανυσματική εικόνα^{(Vector Image)} ως αρχείο SVG

Κάντε δεξί κλικ στο επίπεδο και επιλέξτε Εξαγωγή ως^{(Export As)} . Μπορείτε επίσης να αποθηκεύσετε τη διανυσματική εικόνα από το File > Export As .

Στο παράθυρο διαλόγου Εξαγωγή ως^{(Export As)} , επιλέξτε SVG από τις Ρυθμίσεις αρχείου^{(File Settings)} και κάντε κλικ στο Εξαγωγή^(Export) . 

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

Εναλλακτικά, μπορείτε επίσης να εξάγετε διανυσματικές διαδρομές από το Photoshop^(Photoshop) στο Illustrator . Κάντε κλικ File > Export > Paths to Illustrator . Αυτό εξάγει το Solid Color Fill Path στο Illustrator εάν το έχετε εγκαταστήσει. 

Υπάρχουν περισσότεροι τρόποι^{(Are More Ways)} για να διανυσματοποιήσετε μια εικόνα στο Photoshop

Αυτή η συγκεκριμένη μέθοδος είναι ένας απλός τρόπος για να αποκτήσετε μια μονότονη διανυσματική εικόνα από μια έγχρωμη φωτογραφία. Μπορείτε να το χρησιμοποιήσετε ως πρότυπο για οποιαδήποτε άλλη τροποποίηση εικόνας στο Photoshop^{(image modification in Photoshop)} . Στη συνέχεια, αυξήστε ή μειώστε το σε οποιοδήποτε μέγεθος σε χαρτί ή άλλο μέσο. 

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

How to Vectorize an Image in Photoshop

Adobе Photoshop is not a vector image editor. Adobe Illustrator ably handles that job. But what if you arе on one of the bаsіc Adobe Creative Cloud membership plans? Or you јust havе a ѕubscription to Photoshop alone? 

Photoshop has a few tools that allow you to draw vector shapes and paths from scratch. You can now even select multiple paths and change the appearance with features like Live Shape Properties. Still, learning to vectorize an image in Photoshop takes a bit more effort. 

How to Convert a Raster Image to a Vector Image

Vector images can be scaled to any size unlike a photo that will pixelate if there’s a change in resolution. They are made of paths which are like “lines” drawn with mathematical equations that are scalable to any resolution. 

To convert a pixel-based raster image to a vector image:

1. Select the pixels.
2. Convert them to paths.
3. Colorize them and save as a vector image. 

As always, you will be working with different layers in Photoshop to extract the paths from a raster image. Here’s a glimpse of the initial raster portrait and the final image after it has been vectorized.

The screenshots are from Adobe Photoshop CC (21.2.0). But you should be able to follow this simple tutorial with most of the recent versions of Photoshop.

1. Open the Raster Image in Photoshop

Drag and drop the raster image into Photoshop or open it from File > Open. The sample image in this example is a simple portrait. If the object you want to vectorize has a busy background, then remove the background in Photoshop first. 

2. Make a Selection Around the Image

There are different methods you can use to make a selection in Photoshop. The method you choose will depend on the nature of the image. For instance, if the image has straight edges, you can select the Rectangular Marquee tool. If you want to choose by color, then Magic Wand or the Quick Selection tool is an option. 

For portraits, the Select Subject command can select the main subject in a photo automatically. It’s a content-aware tool that uses smart algorithms to detect people in images. The Select Subject button is displayed on the toolbar when you pick a selection tool. You can also find it under the Select menu.

Go to Select > Select & Mask > Select Subject and it will smartly select the most prominent subject in a photograph. 

Use the Global Refinements sliders to fine-tune the selection edges if necessary, and then output the selection to a new layer. 

For more complex objects in your photo, the Object Selection tool is a powerful feature in Photoshop. It works just like the Select Subject but helps you fine-tune the selection with more controls. Use this if you have a group of objects (or people) in your photo. 

3. Create a Threshold Effect 

The Threshold Adjustment layer transforms the current layer into a black and white image, and you can give a color image a neat one-color look later in the process. 

In the Layers panel, add a new Threshold layer by selecting the Create new fill or adjustment layer icon. Adjust the slider till you get your desired look. In the example image, we have used a value of 51. 

4. Use the Color Range Command to Select Tonal Areas

The Color Range command under the Select menu is like the Magic Wand selection. But it’s also better as it can select pixels that share the same or similar color with the eyedropper tool on that area of the image. You can pick up a range of colors by using the tool repeatedly on different areas of an image.

In this Photoshop tutorial, we want to use the Color Range command to select all the white and black tonal areas. 

Go to Select > Color Range. 

Use the Eyedropper tools to select all the different tonal areas in the image. Choosing the Grayscale preview in the dropdown will give you an idea of the areas selected. 

Click OK to close the dialog and come back to the threshold layer with the portrait selected. 

5. Convert Your Selection Into a Path

A path in Photoshop is nothing but a line with anchor points at its two ends. In other words, they are vector line drawings. Paths can be straight or curved. Like all vectors, you can stretch and shape them without losing detail. Photoshop can convert selections into paths and vice-versa. 

Select the Marquee tool or any selection tool. Right-click on the image, and choose Make Work Path from the context menu.

Also, set a Tolerance Value in the little box that’s displayed. 

6. Set a Tolerance Value for the Path

To make the path smoother, set a Tolerance value in the dialog box that pops up. A value of “1.0” should be ideal for the irregular paths around a portrait.

The Tolerance value determines how closely the path should “stick” to the contours of the image. The lower the value, the more closely the selection follows your path. Higher values will decrease the number of anchor points and make the path smoother. The thumb rule is — the simpler the object, the higher the tolerance. 

But experiment with this value according to the complexity of your image. 

7. Create a New Solid Color Layer

Without clicking anywhere, go to the Layers panel and select Create new fill or adjustment Layer. 

Then, choose Solid Color from the menu. You can pick any color. 

This step creates the vector shape layer on top of the Threshold layer. 

This solid color fill layer can be customized to any color of your choice. In the next step, export this layer as a SVG image. 

8. Save the Vector Image as an SVG File

Right click on the layer and choose Export As. You can also save the vector image from File > Export As.

In the Export As dialog, choose SVG from File Settings and click on Export. 

You can now open the vector file in Adobe Illustrator or any other vector image editor. 

Alternatively, you can export vector paths from Photoshop into Illustrator too. Click File > Export > Paths to Illustrator. This exports the Solid Color Fill Path to Illustrator if you have it installed. 

There Are More Ways to Vectorize an Image in Photoshop

This specific method is a simple way to get a monotone vector image from a color photo. You can use it as a template for any other image modification in Photoshop. Then scale it up or down to any size on paper or another medium. 

There are other ways to vectorize an image in Photoshop. The one you follow will depend on the base photo and the results you want. 

Related posts

• Πώς να αφαιρέσετε ή να αντικαταστήσετε ένα φόντο στο Photoshop

• Πώς να λευκάνετε τα δόντια στο Photoshop

• Τρόπος ανάμειξης στο Photoshop

• Πώς να κάνετε φτερά και θαμπάδα στο Photoshop

• Πώς να κόψετε ένα αντικείμενο σε μια εικόνα στο Photoshop CC

• Πώς να προσθέσετε μουσική στις διαφάνειες Google

• Πώς να κάνετε περίγραμμα κειμένου στο Photoshop

• Πώς να χρησιμοποιήσετε το Chromebook σας ως δεύτερη οθόνη

• Πώς να μετατρέψετε έναν δυναμικό δίσκο σε έναν βασικό δίσκο

• Πώς να χρησιμοποιήσετε το Photoshop Replace Color για δημιουργική επεξεργασία

• Πώς να επαναφέρετε τις εργοστασιακές ρυθμίσεις ενός Xbox One ή Xbox Series X

• Πώς να κάνετε Face Swap στο Photoshop

• Πώς να σαρώσετε πολλές σελίδες σε ένα αρχείο PDF

• Review Book - The How-To Geek Guide στα Windows 8

• Πώς να πετάξετε ένα drone για αρχάριους

• Πώς να διατηρείτε το λογισμικό του υπολογιστή σας ενημερωμένο αυτόματα

• Πώς να προσθέσετε ένα περίγραμμα στο Photoshop

• Πώς να μετρήσετε την απόσταση στο Photoshop

• Πώς να κάνετε περικοπή στο Photoshop

• Πώς να περιστρέψετε κείμενο και εικόνες στο Photoshop