Adobe Photoshop bukan editor gambar vektor. Adobe Illustrator mampu menangani pekerjaan itu. Tetapi bagaimana jika Anda menggunakan salah satu paket keanggotaan Adobe Creative Cloud dasar? ^{(Adobe Creative Cloud)}Atau Anda baru saja berlangganan Photoshop saja? 

Photoshop memiliki beberapa alat yang memungkinkan Anda menggambar bentuk dan jalur vektor dari awal. Anda sekarang bahkan dapat memilih beberapa jalur dan mengubah tampilan dengan fitur seperti Live Shape Properties . Namun, belajar membuat vektor gambar di Photoshop membutuhkan sedikit lebih banyak usaha. 

Bagaimana Mengonversi Gambar Raster^{(Raster Image)} ke Gambar Vektor^(Vector)

Gambar vektor^{(Vector images)} dapat diskalakan ke ukuran apa pun tidak seperti foto yang akan berpiksel jika ada perubahan resolusi. Mereka terbuat dari jalur yang seperti "garis" yang digambar dengan persamaan matematika yang dapat diskalakan untuk resolusi apa pun. 

Untuk mengonversi gambar raster berbasis piksel menjadi gambar vektor:

1. Pilih piksel.
2. Ubah mereka menjadi jalur.
3. Warnai mereka dan simpan sebagai gambar vektor. 

Seperti biasa, Anda akan bekerja dengan lapisan berbeda di Photoshop^{(layers in Photoshop)} untuk mengekstrak jalur dari gambar raster. Berikut sekilas potret raster awal dan gambar akhir setelah divektorkan.

Tangkapan layar berasal dari Adobe Photoshop CC (21.2.0). Tetapi Anda seharusnya dapat mengikuti tutorial sederhana ini dengan sebagian besar versi terbaru Photoshop .

1. Buka Gambar Raster^{(Raster Image)} di Photoshop

Seret^(Drag) dan jatuhkan gambar raster ke Photoshop atau buka dari File > Open . Contoh gambar dalam contoh ini adalah potret sederhana. Jika objek yang ingin Anda vektorkan memiliki latar belakang yang sibuk, maka hapus latar belakang di Photoshop terlebih dahulu. 

2. Buat Seleksi Di Sekitar Gambar

Ada berbagai metode yang dapat Anda gunakan untuk membuat pilihan di Photoshop . Metode yang Anda pilih akan tergantung pada sifat gambar. Misalnya, jika gambar memiliki tepi lurus, Anda dapat memilih alat Rectangular Marquee . Jika Anda ingin memilih berdasarkan warna, maka Magic Wand atau alat Seleksi Cepat^{(Quick Selection)} adalah pilihan. 

Untuk potret, perintah Select Subject dapat memilih subjek utama dalam sebuah foto secara otomatis. Ini adalah alat sadar konten yang menggunakan algoritme cerdas untuk mendeteksi orang dalam gambar. Tombol Pilih Subjek^{(Select Subject)} ditampilkan pada bilah alat saat Anda memilih alat pemilihan. Anda juga dapat menemukannya di bawah menu Pilih^(Select) .

Pergi ke Select > Select & Mask > Select Subject dan itu akan dengan cerdas memilih subjek yang paling menonjol dalam sebuah foto. 

Gunakan penggeser Global Refinements untuk menyempurnakan tepi seleksi jika perlu, dan kemudian menampilkan seleksi ke layer baru. 

Untuk objek yang lebih kompleks di foto Anda, alat Seleksi Objek^{(Object Selection tool)} adalah fitur canggih di Photoshop . Ini berfungsi seperti Select Subject tetapi membantu Anda menyempurnakan pilihan dengan lebih banyak kontrol. Gunakan ini jika Anda memiliki sekelompok objek (atau orang) di foto Anda. 

3. Buat Efek Ambang Batas 

Lapisan Penyesuaian Ambang^{(Threshold Adjustment)} mengubah lapisan saat ini menjadi gambar hitam putih, dan Anda dapat memberikan gambar berwarna tampilan satu warna yang rapi nanti dalam proses. 

Di panel Layers, tambahkan layer Threshold baru dengan memilih ikon Create new fill or adjustment layer . Sesuaikan penggeser hingga Anda mendapatkan tampilan yang diinginkan. Dalam contoh gambar, kami telah menggunakan nilai 51. 

4. Gunakan Perintah Rentang Warna^{(Color Range Command)} untuk Memilih Area Tonal^{(Select Tonal Areas)}

Perintah Color Range^{(Color Range command)} di bawah menu Select seperti pilihan Magic Wand . Tetapi juga lebih baik karena dapat memilih piksel yang memiliki warna yang sama atau serupa dengan alat pipet pada area gambar tersebut. Anda dapat mengambil berbagai warna dengan menggunakan alat ini berulang kali pada area gambar yang berbeda.

Dalam tutorial Photoshop ini , kami ingin menggunakan perintah Color Range untuk memilih semua area tonal putih dan hitam. 

Pergi ke Select > Color Range . 

Gunakan alat pipet^{(Eyedropper tools)} untuk memilih semua area tonal yang berbeda pada gambar. Memilih pratinjau Grayscale di dropdown akan memberi Anda gambaran tentang area yang dipilih. 

Klik OK untuk menutup dialog dan kembali ke lapisan ambang dengan potret dipilih. 

5. Ubah Pilihan Anda Menjadi^{(Selection Into)} Jalur

Jalur di Photoshop tidak lain adalah garis dengan titik jangkar di kedua ujungnya. Dengan kata lain, mereka adalah gambar garis vektor. Jalan bisa lurus atau melengkung. Seperti semua vektor, Anda dapat meregangkan dan membentuknya tanpa kehilangan detail. Photoshop dapat mengubah pilihan menjadi jalur dan sebaliknya. 

Pilih alat Marquee atau alat pemilihan apa pun. Klik kanan pada gambar, dan pilih Make Work Path dari menu konteks.

Juga, atur Nilai Toleransi^{(Tolerance Value)} di kotak kecil yang ditampilkan. 

6. Tetapkan Nilai Toleransi^{(Tolerance Value)} untuk Jalur^(Path)

Untuk membuat jalur lebih mulus, tetapkan nilai Toleransi^(Tolerance) di kotak dialog yang muncul. Nilai "1.0" harus ideal untuk jalur tidak beraturan di sekitar potret.

Nilai Tolerance menentukan seberapa dekat jalur harus "menempel" dengan kontur gambar. Semakin rendah nilainya, semakin dekat pemilihan mengikuti jalan Anda. Nilai yang lebih tinggi akan mengurangi jumlah titik jangkar dan membuat jalur lebih mulus. Aturan praktisnya adalah — semakin sederhana objeknya, semakin tinggi toleransinya. 

Tetapi bereksperimenlah dengan nilai ini sesuai dengan kerumitan gambar Anda. 

7. Buat Layer Warna Solid Baru

Tanpa mengklik di mana pun, buka panel Layers dan pilih Create new fill or adjustment Layer . 

Kemudian, pilih Warna Solid^{(Solid Color)} dari menu. Anda dapat memilih warna apa saja. 

Langkah ini membuat layer bentuk vektor di atas layer Threshold . 

Lapisan pengisi warna solid ini dapat disesuaikan dengan warna pilihan Anda. Pada langkah berikutnya, ekspor layer ini sebagai gambar SVG . 

8. Simpan Gambar Vektor^{(Vector Image)} sebagai File SVG

Klik kanan pada layer dan pilih Export As . Anda juga dapat menyimpan gambar vektor dari File > Export As .

Dalam dialog Ekspor Sebagai , pilih SVG dari ^{(Export As)}Pengaturan File^{(File Settings)} dan klik Ekspor^(Export) . 

Anda sekarang dapat membuka file vektor di Adobe Illustrator atau editor gambar vektor lainnya. 

Atau, Anda juga dapat mengekspor jalur vektor dari Photoshop ke Illustrator . Klik File > Export > Paths to Illustrator . Ini mengekspor Solid Color Fill Path ke Illustrator jika Anda telah menginstalnya. 

Ada Lebih Banyak Cara^{(Are More Ways)} untuk Membuat Vektor Gambar di Photoshop

Metode khusus ini adalah cara sederhana untuk mendapatkan gambar vektor monoton dari foto berwarna. Anda dapat menggunakannya sebagai template untuk modifikasi gambar lainnya di Photoshop^{(image modification in Photoshop)} . Kemudian skalakan ke atas atau ke bawah ke ukuran apa pun di atas kertas atau media lain. 

Ada cara lain untuk membuat vektor gambar di Photoshop . Yang Anda ikuti akan tergantung pada foto dasar dan hasil yang Anda inginkan. 

How to Vectorize an Image in Photoshop

Adobe Photoshop is not a vector image еditor. Adobe Іllustrator ably handles thаt job. But what if уou are on one of the basic Adobe Creative Cloud membership plans? Or you just have a subscription to Photоshop 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

• Cara Menghapus Atau Mengganti Latar Belakang Di Photoshop

• Cara Memutihkan Gigi di Photoshop

• Cara Memadukan Di Photoshop

• Cara Membuat Feather dan Blur di Photoshop

• Cara Memotong Objek Dalam Gambar Di Photoshop CC

• Memasang Plugin GIMP: Panduan Cara

• Cara Mengubah Ukuran, Menggabungkan, & Menggabungkan Lapisan Di Photoshop

• Cara Memotong Di Photoshop

• Cara Menyetel Ulang Pabrik Xbox One atau Xbox Series X

• Cara Mengunduh Pemasang Google Chrome Offline (Mandiri)

• Cara Membuat Garis Besar Teks Di Photoshop

• Cara Membuat Formulir Google Documents yang Dapat Diisi Dengan Tabel

• Cara Menganimasikan Gambar Di Photoshop

• Cara Mengonversi Disk Dinamis Menjadi Disk Dasar

• Apa itu Overlay Photoshop dan Bagaimana Cara Menggunakannya

• Cara Menjaga Perangkat Lunak PC Anda Diperbarui Secara Otomatis

• Cara Membuka File Terkunci Saat Program Lain Menggunakannya

• Cara Menjaga PC Windows Anda Tetap Hidup Tanpa Menyentuh Mouse

• Cara Menambahkan Musik Ke Google Slide

• Matikan Kontrol Akun Pengguna (UAC) untuk Aplikasi Tertentu