Bagaimana cara membuat grafik vektor di Photoshop?

Saya tahu orang lebih suka menggunakan CorelDraw atau Adobe Illustrator, tapi saya ingin tahu apakah ada teknik yang bisa saya ikuti untuk menggunakan Adobe Photoshop untuk membuat Gambar vektor .

TL; DR: Photoshop tidak dapat membuat gambar vektor sejati. Ini adalah kesalahpahaman yang sangat umum.

Anggap saja seperti mobil. - Bisakah Anda menggunakan kendaraan roda empat dengan Toyota Prius? Tentu kamu bisa ! Apakah ini akan melakukan semua hal yang bisa dilakukan Jeep Wrangler? Heck no. Ada alasan Anda perlu menggunakan kendaraan penggerak 4 roda untuk menggerakkan 4 roda, seperti halnya ada alasan Anda perlu menggunakan aplikasi vektor untuk membuat file vektor.

Terlepas dari cara Anda membuat file dan menyimpannya, Photoshop selalu menyimpan informasi vektor dan raster . Ini tidak seperti aplikasi vektor sejati.

Anda tidak dapat membuat file vektor dengan Photoshop. Anda hanya dapat membuat file raster dengan beberapa data vektor tertanam. Ini berarti mungkin ada kotak vektor dan ujung-ujungnya akan tetap tajam dan tajam, namun jika kotak itu memiliki gradien isian. Itu mengisi gradien sepenuhnya raster dan akan menderita pada beberapa skala.

Aplikasi seperti Illustrator, Inkscape, CorelDraw, Xara, Sketch, dll sebenarnya hanya dapat berisi 100% resolusi data vektor independen. Ini bukan masalah "orang lebih suka" menggunakan aplikasi vektor. Ini diperlukan jika Anda ingin file vektor sejati pada akhirnya.

Ini bukan untuk mengatakan bahwa alat vektor dalam Photoshop secara keseluruhan lebih rendah, bukan . Ya, Anda dapat menggambar dengan alat vektor di Photoshop dan membuat konten vektor. Tetapi untuk mendapatkan manfaat nyata dari konten vektor di Photoshop, Anda harus selalu menggunakan Photoshop untuk semua perubahan di masa depan. Ketika Anda memperbesar atau mengubah wadah vektor di dalam Photoshop, Photoshop menginterpolasi data raster interior agar sesuai dengan transformasi. Interpolasi itu tidakterjadi di luar Photoshop. Jadi, setelah mengekspor / menyimpan, Anda dapat menskala sesuatu seperti Photoshop EPS, tepi vektor akan menskala dan tetap tajam karena itu vektor, tetapi interpolasi data raster tidak terjadi di luar Photoshop. Jadi "piksel yang rusak" sepenuhnya dimungkinkan dengan EPS Photoshop meskipun Anda menggunakan alat vektor. Masalah ini muncul ketika Anda menyimpan file atau mengekspornya . Dalam semua format berkemampuan vektor - PDF, EPS, PSD - Photoshop membuat file raster dengan data vektor yang disematkan. Photoshop tidak membuat file vektor. Ini sama sekali tidak seperti aplikasi berbasis vektor yang sebenarnya.

Untuk keperluan produksi, perbedaan ini mungkin tidak penting jika Anda sudah bekerja di ppi tinggi di Photoshop. Tapi pengguna harus menyadari bahwa hanya menggunakan alat vektor Photoshop dan menyimpan sebagai EPS / PDF tidak membuat file vektor menggunakan setiap versi saat ini tersedia dari Photoshop (CC2017 adalah terbaru).

Saya menyadari beberapa pengguna ingin Photoshop membuat file vektor karena itu berarti mereka tidak perlu mempelajari aplikasi baru untuk menghasilkan format file baru. Namun, tidak ada jalan lain . Jika Anda ingin file vektor aktual , Anda harus menggunakan aplikasi vektor aktual. Photoshop adalah dan selalu menjadi aplikasi raster , karenanya "foto" dalam namanya.

Chippin 'in, kalau-kalau ada yang masih ingin membuat elemen vektor di Photoshop (untuk digunakan dengan gambar raster, misalnya, atau untuk situasi lainnya).

Alat yang dimiliki Photoshop yang memungkinkan Anda bekerja dengan grafik vektor, adalah Pen Tool . Operasi dasar Pen Tool melibatkan mengklik di sekitar kanvas Photoshop untuk membuat poin muncul. Titik-titik ini akan dihubungkan dengan garis dan mulai membuat bentuk.

Dibandingkan dengan program lain (seperti Illustrator), itu adalah hal-hal yang dapat Anda lakukan DENGAN bentuk begitu Anda menggambar apa yang kurang. Photoshop akan memungkinkan Anda menggambar, memodifikasi node, dan bermain dengan menggabungkan, memotong atau mengurangi mereka, tetapi itu tidak akan membiarkan Anda melakukan operasi yang lebih kompleks.

Forum Adobe memiliki panduan yang sangat lengkap tentang cara memulai dengan Pen Tool .

Anda BISA mengekspor jalur yang Anda buat ke file Illustrator, tetapi tampilan dasarnya adalah Photoshop dibuat untuk gambar raster dan Illustrator dibuat untuk gambar vektor. CorelDraw melakukan keduanya dalam satu program, tetapi manfaatnya adalah tidak sebagus Adobe, imo.

Saya pikir utas ini membutuhkan ringkasan, jika tidak pembaca mungkin akan bingung. Sebagian besar pembaca tidak akan peduli jika hasilnya adalah "true eps" atau "true vector file", mereka hanya ingin menyelesaikan sesuatu. Namun, mereka harus menyadari batasan dan kendala pada teknik tertentu. Berikut adalah konsep-konsep kunci yang diberikan dalam jawaban:

1. Photoshop adalah alat pengolah gambar berbasis pixel (raster) yang memiliki beberapa kemampuan vektor. Awalnya dirancang untuk memanipulasi dan menyimpan gambar berbasis piksel (misalnya, foto digital), tetapi telah matang menjadi alat yang jauh lebih fleksibel.

2. Illustrator adalah alat pengolah gambar berbasis vektor yang memiliki beberapa kemampuan rasterisasi. Gambar berbasis vektor tidak menyimpan informasi piksel, ini menyimpan gambar sebagai data yang akan ditafsirkan oleh program menggambar gambar berbasis vektor.

3. Kedua jenis file gambar memerlukan program komputer untuk menyiapkan data file untuk ditampilkan atau dicetak, tetapi pada akhirnya printer atau komputer mengharuskan gambar berada dalam format piksel. Akibatnya, file berbasis vektor membutuhkan lebih banyak pemrosesan. Pertukaran utama antara format vektor dan format piksel adalah bahwa format vektor dapat diskalakan agar terlihat bagus dalam berbagai resolusi. Format piksel menderita ketika ditampilkan dalam resolusi selain resolusi yang dibuat. Format piksel menangkap detail kecil dan perubahan halus pada gambar jauh lebih baik daripada format vektor. Akibatnya, format piksel lebih sesuai untuk foto atau lukisan realistis dan format vektor lebih sesuai untuk logo dan seni berbasis web dan seluler yang sederhana.

4. Karena kedua format memiliki kekuatan yang saling melengkapi, masuk akal untuk menggunakan keduanya. Dalam kasus ini, Anda dapat memilih untuk membuat dan memanipulasi gambar Anda menggunakan Photoshop dan Illustrator (atau CorelDraw - yang melakukan keduanya), atau Anda dapat menggunakan alat vektor di Photoshop atau alat rasterisasi di Illustrator. Pendekatan terbaik ditentukan berdasarkan kasus per kasus. Pedoman yang jelas adalah memilih alat utama berdasarkan format output yang dibutuhkan.

5. Jika Anda ingin menggunakan alat vektor pada gambar berbasis piksel di Photoshop, itu bisa dilakukan menggunakan alat Pen atau menggunakan Photoshop Generate. Anda kemudian dapat memperoleh keuntungan dari pengembangan dengan seni vektor baik di Photoshop atau dengan mengekspor seni vektor ke Illustrator. Setelah menggunakan Illustrator, Anda kemudian dapat membawa kembali seni ke Photoshop jika Anda berniat untuk akhirnya menyimpan dalam format berbasis pixel.

Generator Photoshop dapat menyimpan SVG (ya, tepat, hanya SVG berdasarkan lapisan bentuk yang dibuat di Photoshop). Anda akan memerlukan Photoshop CC 2014.2 (atau 2014.1) untuk melakukannya.

Bantuan dari Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Dokumen Photoshop ini:

Membuat SVG ini:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245">
  <defs>
    <style>
      .cls-3 {
        fill: #fc6665;
      }
    </style>
  </defs>
  <g id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>