Tutorial: Vektorisasi Hasil Seni / Logo

Tutorial ini menjelaskan cara mengonversi gambar bitmap raster digital menjadi seni vektor. Proses ini disebut penelusuran atau vektorisasi, dan dapat dilakukan secara manual atau menggunakan alat otomatis. Dalam tutorial ini, kami menjelaskan cara menggunakan Vector Magic untuk melakukan konversi ini dengan cepat dan mudah.

Jenis gambar apa yang diterapkan tutorial ini?

Tutorial ini tidak berlaku untuk:

• Bitmap yang dirasterisasi secara digital dari seni vektor asli

Ini tidak berlaku untuk:

• Pindaian karya seni yang awalnya digambar atau dicetak di atas kertas. Lihat tutorial terpisah
• Fotografi. Lihat tutorial terpisah
• Gambar digambar dengan alat pengeditan bitmap seperti Photoshop.

Tutorial ini hanya berlaku untuk bitmap yang muncul dari rasterisasi digital dari seni vektor asli. Ini muncul ketika seni vektor asli telah hilang atau tidak nyaman atau memakan waktu untuk diambil kembali. Dalam tutorial ini, saya melalui proses vektorisasi ulang gambar semacam itu.

Apa yang saya perlukan untuk mengikuti tutorial ini?

• Tutorial ini menggunakan Edisi Desktop Vector Magic. Anda dapat mengunduh versi uji coba dari halaman aplikasi desktop.

• Edisi Online sangat mirip dengan mode Otomatis Penuh di Edisi Desktop. Antarmuka pengguna terlihat sedikit berbeda, dan tidak ada dukungan transparansi. Dengan mengingat peringatan tersebut, Anda juga dapat menggunakan Edisi Online untuk mengikuti tutorial ini.

Gambar sumber

Gambar yang saya pilih sebagai contoh ditunjukkan di bawah ini:

Ini adalah gambar beresolusi cukup tinggi (604x528 piksel), tetapi juga cukup umum untuk kategori ini di antara gambar yang diunggah oleh pengguna kami. Saya juga memilih untuk menggunakan PNG, daripada JPG atau GIF, karena saya ingin memfokuskan tutorial ini pada alur kerja dasar, dan bukan pada tantangan khusus untuk mengatasi gangguan kompresi.

Panduan Dasar

Mari kita mulai. Di bagian ini, kita akan membahas langkah-langkah yang harus Anda lakukan untuk memproses gambar ini dengan benar di Edisi Desktop Vector Magic. Mungkin akan membantu untuk mengikuti untuk mengetahui bagaimana aplikasi bekerja.

Kami memulai dengan memuat gambar. Ini dapat dilakukan dari clipboard, dengan menyeret dan melepaskan gambar ke aplikasi atau ikon peluncurnya, atau dengan menggunakan dialog jelajah file konvensional. Pilih metode favorit Anda dan muat gambar ke dalam aplikasi.

Mode Panduan

Memuat gambar akan membawa Anda ke halaman mode wizard (ditampilkan di bawah). Tutorial ini akan mengikuti Panduan Dasar, jadi Anda harus mengklik tombol kedua dari tiga tombol besar di halaman Mode Panduan.

Jenis gambar

Ini akan membawa Anda ke halaman Jenis Gambar, di mana kita harus memilih kategori gambar yang kita gunakan. Ketiga pilihan tersebut adalah Fotografi, Logo dengan Tepi Campuran (anti-alias), dan Logo tanpa Tepi Campuran (alias). Ikon yang terkait dengan masing-masing kategori ini menggambarkan perbedaan di antara pilihan tersebut.

Lanjutkan dan perbesar gambar ini untuk memutuskan apakah itu logo dengan atau tanpa tepi campuran (yaitu, apakah memiliki anti-aliasing atau tidak). Anda dapat memperbesar menggunakan roda mouse dan dapat menggeser di sekitar gambar menggunakan alat tangan dengan mengklik dan menyeret mouse. Pemeriksaan yang cermat pada salah satu tepi yang ada dalam gambar akan mengungkapkan bahwa gambar ini memang mengandung tepi anti-alias. Oleh karena itu kami memilih opsi kedua, Logo dengan Tepi Campuran.

Anda akan melihat bahwa pilihan ini juga direkomendasikan dan dipilih sebelumnya oleh program. Ini adalah fitur untuk mempermudah pemilihan.

Transparansi

Sama seperti banyak penampil dan editor gambar lainnya, VM menggunakan pola kotak-kotak untuk menunjukkan latar belakang (di belakang gambar). Jadi jika sebuah gambar berisi bagian transparan, seperti yang satu ini, mereka akan terlihat sebagai papan catur. Transparansi didukung oleh Edisi Desktop VM tetapi bukan versi online. Hal ini membutuhkan pengguna untuk membuat pilihan. Jika transparansi tercampur alfa di batasnya (seperti yang biasanya terjadi pada gambar PNG), maka pengguna harus membiarkan transparansi itu sendiri. Jika transparansi diimplementasikan sebagai masker transparansi 1-bit (seperti GIF), tetapi gambar lainnya memiliki anti-alias, maka gambar perlu diratakan ke warna latar yang sesuai. Halaman ini (ditampilkan di bawah) memungkinkan pengguna membuat pilihan ini. Dalam hal ini, transparansi adalah campuran alfa dan kami ingin mempertahankan transparansi dalam hasil vektor, jadi kami akan memilih 'Biarkan Transparan.'

Kualitas Input

Pilihan selanjutnya adalah kualitas gambar sumber. Algoritma perlu mengetahui hal ini agar, dalam kasus gambar yang berisik, tidak salah mengira kompresi berisik atau ketidaksempurnaan lain dalam gambar merepresentasikan fitur aktual yang akan direproduksi dalam gambar vektor. Dalam hal ini, gambar input adalah PNG yang sangat bersih dan tajam, tanpa noise. Ini jelas merupakan gambar berkualitas tinggi, jadi kami akan memilih pilihan itu (lihat di bawah). Tapi pastikan untuk memperbesar gambar yang diberikan untuk melihat lebih dekat. Terkadang sebuah gambar dapat terlihat bersih dan tajam saat di-zoom out, tetapi cacat akan terlihat saat memeriksanya secara terperinci.

Mode warna

Pilihan berikutnya menentukan bagaimana warna yang akan digunakan dalam hasil vektorisasi dipilih. "Warna pilihan" berarti Anda dapat memilih rangkaian warna yang tepat untuk digunakan, sedangkan "warna tak terbatas" berarti algoritme akan memilihnya secara otomatis. Secara umum, seseorang harus memilih "warna tak terbatas" bila ada banyak warna pada gambar, dan "warna ubahsuaian" bila warna sangat sedikit. Namun terkadang bijaksana juga untuk memilih "warna tak terbatas" meskipun warna sangat sedikit karena opsi tersebut membutuhkan waktu yang lebih singkat. Dalam kasus ini, saya ingin mendemonstrasikan proses memilih "warna pilihan", jadi saya akan membuat pilihan itu (lihat di bawah).

Pemilihan Palet

Untuk mode "warna pilihan", pengguna harus memilih kumpulan warna tertentu yang dia ingin sertakan dalam hasil vektorisasi. Pada halaman ini, beberapa "Palet cepat" ditampilkan yang dapat dipilih pengguna. Memilih palet cepat menyebabkan palet tersebut muncul di kotak di bagian atas halaman. Warna individu dalam palet yang dipilih dapat diedit atau dihapus dengan mengkliknya, dan warna tambahan dapat ditambahkan dengan mengklik ikon "+". Dalam hal ini, palet cepat tujuh warna adalah pilihan yang benar (lihat di bawah), jadi kami memilihnya dan melanjutkan. Tanda panah di sebelah kiri setiap quick palette menunjukkan apakah program menganggapnya sebagai kandidat. Panah ganda adalah tebakan terbaik program. Dalam kasus ini, tebakan terbaik (sembilan warna) tidak benar, tetapi itu hanya masalah satu klik mouse untuk memperbaiki kesalahan itu. Setelah memilih palet yang benar, kami menekan "Selanjutnya" untuk melanjutkan untuk memulai pekerjaan vektorisasi.

Tinjau Hasil

Proses vektorisasi membutuhkan waktu satu atau dua menit, tergantung pada seberapa cepat prosesor Anda. Setelah selesai, Anda akan berada di halaman "Review result". Di halaman ini, Anda dapat dengan cepat memproses ulang gambar dengan sedikit perubahan pengaturan, atau Anda dapat mengeditnya secara manual. Meskipun hasilnya terlihat bagus saat dilihat dengan pengecilan (lihat di bawah), ada beberapa cacat kecil. Saya akan menjelaskan cara memperbaiki cacat tersebut dalam beberapa tangkapan layar yang akan datang.

Cacat kecil

Dua gambar berikut menunjukkan detail tentang helm tentara yang direkonstruksi dengan buruk. Meskipun agak ambigu, tampaknya kuning; bukan hitam; yang seharusnya terhubung pada titik sempit ini. Pada tangkapan layar kedua di bawah ini, garis besar hasil vektorisasi ditampilkan di atas bitmap asli. Untuk memperbaiki masalah ini, kami mengklik tombol "Edit Hasil" di bagian bawah opsi pemecahan masalah.

Edit Segmentasi

Editor segmentasi bekerja seperti Microsoft paint, atau editor bitmap sederhana lainnya. Ini memungkinkan pengguna untuk melakukan pengeditan manual pada gambar vektor versi kasar piksel. Ini sangat berguna untuk memperbaiki kesalahan seperti ini, di mana bentuk yang salah dihubungkan. Dalam hal ini, bentuk hitam atas dan hitam bawah tidak boleh terhubung tetapi dihubungkan. Tangkapan layar pertama di bawah ini menunjukkan segmentasi seperti yang semula dihitung oleh program.

Untuk memperbaikinya, kami memilih alat penetes mata dan klik pada warna kuning di suatu tempat pada gambar. Kemudian kita mengubah dua piksel hitam paling kiri atas dari bentuk bawah menjadi kuning menggunakan alat pensil. Ini menghubungkan dua bentuk kuning dan memisahkan dua bentuk hitam, seperti yang ditunjukkan pada tampilan layar di bawah ini. Setelah melakukan perubahan ini, kami mengklik tombol "Perbarui" untuk menerapkan perubahan.

Akhirnya, setelah pemrosesan ulang selesai, gambar vektor yang dihasilkan terlihat jauh lebih baik (lihat screen shot di bawah). Dua bentuk kuning terhubung dan dua bentuk hitam tidak.

Hasil tinjauan - tampilan A

Sekarang, mari kita lihat beberapa tempat lain pada gambar untuk melihat bagaimana hasilnya. Dua tangkapan layar di bawah ini menunjukkan gambar bitmap asli (tangkapan layar pertama) dibandingkan dengan gambar vektor yang sesuai (tangkapan layar kedua). Seperti yang Anda lihat, program ini melakukan pekerjaan yang bagus untuk merekonstruksi gambar vektor yang mendasarinya. Sudut tajam di tempat yang seharusnya dan lekukan halus di tempat yang seharusnya.

Hasil tinjauan - tampilan B

Berikut adalah tampilan lain yang menunjukkan garis besar dari gambar vektor yang ditumpangkan di atas gambar bitmap asli. Seperti yang Anda lihat, node umumnya ditempatkan di lokasi yang sangat sesuai, dan gambar vektor sangat dekat mengikuti batas bentuk sebenarnya di bitmap asli. Tepi dalam gambar vektor mengiris tepat melalui anti-aliasing di bitmap asli adalah salah satu fitur terbaik dari Vector Magic dibandingkan dengan alat pelacakan otomatis lainnya.

Selesai meninjau

Setelah Anda selesai meninjau, cukup klik tombol "Selesai Meninjau", atau klik "Selanjutnya."

Ekspor Hasil

Itu membawa Anda ke halaman untuk menyimpan hasil vektorisasi Anda ke hard disk, atau menyeret dan menjatuhkannya di program lain. Dalam kasus ini, saya telah memilih untuk menggunakan fitur "Simpan Cepat". Penyimpanan cepat memungkinkan Anda untuk menyimpan hasil vektor ke direktori yang ditentukan dan menggunakan format file yang ditentukan dengan satu klik. Direktori default ke direktori yang sama dengan gambar sumber berasal dan format file adalah pengaturan yang melekat, yang berarti itu akan menjadi apa pun yang terakhir Anda pilih. Nama file secara default sama dengan nama bitmap.

Pembersihan terakhir di Inkscape

Setelah Anda menyimpan gambar ke disk, Anda dapat memuatnya di editor vektor favorit Anda. Saya suka Inkscape karena gratis dan memiliki sebagian besar fitur yang dimiliki Adobe Illustrator. Pada tangkapan layar di bawah, saya telah memuat file SVG saya di Inkscape dan saya menggunakan alat zoom kaca pembesar untuk memperbesar sorotan kecil pada helm.

Setelah diperiksa lebih dekat, saya dapat melihat bahwa dua sorotan terkecil, yang seharusnya berubah menjadi oval bulat seperti sorotan besar, secara keliru direkonstruksi sebagai memiliki ujung runcing, seperti sepak bola miring. Ini bukan sesuatu yang bisa diperbaiki di VM itu sendiri, jadi saya akan menjelaskan cara memperbaikinya di Inkscape. Operasi terkait juga akan berfungsi di Adobe Illustrator atau CorelDraw. Pertama, pilih node di sudut tajam menggunakan alat pemilihan node (alat kedua dari atas di toolbar samping). Kemudian klik ikon "buat node yang dipilih mulus" di baris kedua dari toolbar atas. Tombol ini ditunjukkan dalam bidikan layar di bawah.

Kemudian lakukan hal yang sama dengan oval menyinggung lainnya. Jika salah satu oval perlu dipindahkan untuk mengimbangi bentuknya yang berubah, Anda dapat melakukannya dengan alat "pilih dan ubah objek" utama (alat kursor mouse biasa yang ada di bagian atas bilah alat samping). Setelah modifikasi tersebut, hasilnya akan terlihat seperti ini.

Kesimpulan

Ini dia! Tutorial ini sengaja ditulis agar sangat menyeluruh, jadi terkadang agak bertele-tele. Setelah Anda memahami ini, itu akan menjadi sangat cepat dan mudah untuk mengubah gambar bitmap menjadi seni vektor. Meskipun algoritme yang dibangun ke dalam Vector Magic adalah yang paling canggih, itu tidak sempurna, jadi kami telah menyertakan fitur pengeditan manual. Bahkan fitur itu tidak akan membiarkan Anda memperbaiki semuanya, jadi saya juga telah menjelaskan bagaimana Anda dapat menggunakan editor vektor biasa untuk membantu membersihkan semuanya setelah kejadian.

Semoga berhasil, dan selamat membuat vektor!