Semua file grafik dibagi menjadi dua tipe global - raster dan vektor. Terkadang Anda perlu mengonversi dari raster ke vektor hitam putih. Misalnya untuk tracing ikon hitam putih, kode QR, barcode, gambar dengan tulisan raster, kuitansi atau gambar di blog.

Apa perbedaan antara file raster dan file vektor?

Grafik raster

Format raster populer: JPEG, GIF, PNG, TIFF, WEBP, BPG.

Grafik vektor

Format vektor populer: SVG, EPS, WMF, PDF.

Dari raster hingga vektor

Algoritma vektorisasi

• Vectorizer memindai gambar dan menemukan semua area dengan piksel berwarna sama.
• Perbatasan diperkirakan dengan segmen setebal 1 px.
• Triangulasi dengan batasan garis dibangun.

Konverter berbasis Potrace

Ada cara yang sangat sederhana dan gratis untuk mengimplementasikan konversi tersebut menggunakan editor vektor Inkscape. Inkscape menggunakan Potrace untuk membuat vektor gambar.

Setelah ditracing, gambarnya hanya bisa hitam putih. Di potrace tertulis bahwa dukungan warna dapat diterapkan di masa depan.

Contoh konversi dari PNG ke SVG. Fungsi potrace hanya menerima file dengan ekstensi PNM sebagai input, jadi sebelum menelusuri PNG Anda perlu mengonversi:

Exec("konversi gambar.png gambar.pnm");
Metode ini telah diterapkan dan Anda dapat melihat kualitas penelusuran gambar apa pun. Contoh vektorisasi barcode buram. Dan ini adalah contoh logo yang dijiplak. Beginilah cara konverter menangani foto.

Cara membuat gambar keluaran berwarna

Anda dapat menyorot warna individual menggunakan ppmcolormask (bagian dari paket Netpbm):

Gambar kucing.gif | hadiahopnm | ppmcolormask #641b1b | potrace
Kemudian lacak setiap bagian secara terpisah dan letakkan di atas satu sama lain di bagian akhir.

Dari vektor hingga raster

Salah satu contoh konversi SVG ke PNG menggunakan Imagick.

Dengan kode ini Anda dapat mengonversi file SVG ke PNG24:

$svg = file_get_contents("gambar.svg"); $gambar = Imagick baru(); $image->setBackgroundColor(new ImagickPixel("transparan")); $gambar->readImageBlob($svg); $gambar->setImageFormat("png24"); $gambar->writeImage("gambar.png"); $gambar->hapus(); $gambar->hancurkan();
Di sini Anda dapat melihat hasil konversi gambar Anda dari SVG ke PNG.

Abstrak

1. Anda dapat mengonversi dari raster ke vektor di situs web Anda menggunakan potrace.
2. Potrace hanya mendukung vektorisasi hitam putih.
3. Anda dapat mengkonversi dari vektor ke raster menggunakan Imagick.

Di Internet, saya menemukan gambar logo. Apakah mungkin untuk mengubahnya dari raster ke vektor di Photoshop, dan secara otomatis? Tidak, kamu tidak bisa. Sayangnya, meskipun tren vektor di Photoshop adalah sebagai berikut, semua yang dilakukan ke arah ini tetap tidak berubah 5 versi yang lalu. Sejak itu, tidak disentuh, tidak diubah, dan tidak ada hal baru yang ditambahkan ke vektor. Apakah Anda memerlukan alat vektor di Photoshop? Ini dia, mau lebih? Apa pun yang Anda lupakan tentang Photoshop, master Illustrator. Kira-kira pemikiran ini memotivasi para pengembang yang memperkenalkan operasi vektor paling sederhana ke dalam Photoshop. Sekarang mari kita mulai berbisnis.

Raster diubah menjadi vektor melalui area seleksi. Pertama kita buat seleksi, lalu kita ubah garis seleksi menjadi jalur vektor, lalu kita isi jalur vektor dengan lapisan isian, sehingga membuat topeng vektor. Untuk memahami semua ini bukan pada tingkat komando tentara - klik di sini, klik di sana, ada baiknya mempelajari cara bekerja dengan alat menggambar vektor, memahami bagaimana kontur vektor dapat berinteraksi satu sama lain, dan mempelajari cara membuat topeng vektor . Namun jangan khawatir, Anda tidak perlu duduk untuk membacanya hingga akhir pekan, Anda sudah memahami cara mengubah raster menjadi vektor di Photoshop jika Anda membaca artikel ini sampai akhir.

Penyorotan logo

Saya terutama ingin mencatat bahwa agar terjemahan ke dalam vektor berkualitas tinggi, gambar itu sendiri harus berukuran besar. Hal ini berlaku dalam kasus penelusuran di Illustrator, tetapi untuk Photoshop ini lebih penting lagi. Gambar saya lebarnya 1500 piksel, setelah selesai mengubahnya menjadi vektor, saya akan menunjukkan bagaimana Photoshop menerjemahkan gambar kecil dan kami akan membandingkan hasilnya.

• Pilih Alat Tongkat Ajaib

• Atur opsi Toleransi ke 20 atau 30.

• Di sana, klik ikon Tambahkan ke Pilihan. Saya menulis secara rinci tentang pekerjaan mereka di artikel Tambah, Kurangi, Perpotongan dan Kecualikan di Photoshop di mana kita berbicara tentang alat vektor, tetapi dalam pemilihan opsi ini bekerja dengan cara yang sama.

Sejujurnya, saya tidak peduli bagaimana Anda memilih logo, apakah menggunakan laso manual atau menggunakan Color Range. Hanya saja dalam situasi ini, khususnya pada gambar ini, cara termudah untuk melakukannya adalah dengan Magic Wand Tool.

Mengubah seleksi menjadi jalur vektor

Jangan beralih dari Alat Tongkat Ajaib.

• Klik kanan pada area pilihan.

• Dari menu yang muncul, pilih Make Work Path.

• Di jendela yang muncul, atur toleransi ke 1.0. Semakin tinggi nilai toleransi, kontur kita akan semakin halus, bergaya, dan tidak tepat.

Pada ilustrasi di bawah, saya memilih Path Selection Tool dan memilih jalurnya sehingga Anda dapat melihatnya.

Menyimpan jalur di palet Path

Operasi ini tidak diperlukan, tetapi disarankan.

Beralih ke palet Path. Jika Anda tidak dapat menemukannya, klik Window > Path

Klik dua kali pada jalur di palet.

• Di jendela yang muncul, masukkan nama dan klik OK.

Membuat topeng vektor

Proses pembuatan topeng vektor dijelaskan dengan sempurna dalam artikel saya Masker Vektor di Photoshop. Kami akan melakukan proses ini dengan cepat dan tanpa detail.

Pastikan kennel Anda dipilih di palet Path

Pilih Layer > New Fill Layer > Solid Color dari menu

Di jendela yang muncul, pilih warna dan klik OK

Itu saja. Semuanya akan lebih akurat jika bukan karena hronofag.ru Ingat saya sudah bilang bahwa semakin kecil gambarnya, semakin buruk terjemahannya. Saya yakin Anda memiliki semacam pindaian kotor di tangan Anda, dimasukkan ke dalam Word, yang harus diubah oleh pelanggan menjadi vektor? Apakah saya benar? Dalam hal ini, gambar dikompresi dengan kompresi JPG, diperkecil, lalu diperbesar, lalu diperkecil lagi hingga seukuran avatar, dan saus tomat juga dituangkan ke dalamnya. Apakah mungkin mengubah gambar seperti itu menjadi vektor secara efisien di Photoshop?

Pertama, lihat logo kami. Meskipun memiliki resolusi luar biasa dan tepian yang jelas, Photoshop tidak mampu membuat kontur yang bagus dan rata. Ilustrator melakukannya 100 kali lebih baik, tetapi artikel ini bukan tentang ilustrator. Seperti yang Anda lihat, konturnya tidak mulus di semua tempat, bahkan di bagian logo yang berbentuk persegi panjang. Dan lingkarannya benar-benar miring.

Sekarang saya akan memperkecil gambar sebanyak 2 kali, lalu 2 kali lagi dan menunjukkan kepada Anda hasil mengubahnya menjadi vektor.

Berikut adalah contoh jelas bagaimana ukuran gambar raster mempengaruhi kualitas penelusuran. Dan ini terlepas dari kenyataan bahwa gambarnya memiliki kualitas yang sangat tinggi meskipun ukurannya besar. Baiklah, saya akan mengurangi kualitasnya. Mari simpan gambar dalam JPG dengan kualitas terburuk.

Mari kita ubah menjadi vektor. Hasil luar biasa, yang kurang hanya saus tomat. Tepat untuk pelanggan yang puas, perawatan grunge atau vintage!

Namun saya sedikit memanipulasi kebenaran. Faktanya adalah semua ini masuk akal bagi Illustrator, yang membuat vektor berdasarkan gambar. Photoshop tidak membuat vektor berdasarkan gambar, ia membuat garis berdasarkan pilihan. Logikanya, semakin baik dan mulus seleksinya, kurvanya akan semakin mulus. Dan alat Tongkat Ajaib yang kami gunakan untuk memilih area ini tidak lagi cocok untuk memilih gambar menyeramkan tersebut. Ya, Anda akan dapat membuat pilihan berkualitas tinggi, dengan menggunakan semua alat seleksi, Anda bahkan akan dapat memperbesarnya dan membuat garis besar yang kurang lebih rata berdasarkan pilihan tersebut, yang masih belum sempurna. Melakukan hal ini hanya membuang-buang waktu. Satu-satunya pilihan yang berfungsi adalah menggambar logo dari awal di Photoshop.

Katakanlah kita memiliki semacam gambar raster dan kita ingin mendapatkannya dalam bentuk vektor (atau kurva). Apa yang perlu kita lakukan untuk ini? Pertama-tama, Anda memerlukan Adobe Illustrator.

Versinya tidak masalah.

Prosedur

Buka gambar raster kami di Adobe Illustrator. Untuk melakukan ini, Anda dapat mengklik kanan gambar dan memilih Buka dengan... > Adobe Illustrator dari menu tarik-turun atau luncurkan Illustrator dan seret gambar ke area kerja.

Gambar asli

Pada toolbar, pilih alat “ Pilihan"(panah hitam) dan klik gambar kita dengan panah ini. Dalam hal ini, gambarnya harus menonjol. Untuk memeriksanya, Anda dapat mencoba memindahkannya sedikit dengan menahan tombol kiri mouse saat kursor berada di atas gambar (menggunakan prinsip drag-and-drop).

Di atas area kerja kami menemukan tombol “ Jejak Cepat» dan klik tanda panah di sebelahnya. Ini menunjukkan semua opsi yang tersedia untuk tindakan ini. Kami membutuhkan barangnya" Opsi penelusuran...". Ketika kita mengkliknya, sebuah jendela dengan parameter terbuka.

Di sisi kanan jendela opsi, pilih “ Melihat". Ini akan membantu Anda mendapatkan hasil yang lebih baik dan memahami tanggung jawab masing-masing parameter.

1) lakukan secara ilmiah, yaitu, Anda perlu membaca di tooltips parameter mana yang memengaruhi apa dan menetapkan nilai yang diperlukan;

2) bereksperimenlah dengan parameternya sendiri, menggunakan apa yang disebut “metode penusukan ilmiah”.

Saya lebih suka metode kedua: pertama, terjemahan sebuah kata dalam bahasa Rusia tidak selalu sepenuhnya menyampaikan makna yang terkandung dalam kata aslinya, dan kedua, seringkali lebih cepat dan mudah diingat. Ubah parameternya. Lihat apa pengaruhnya (secara visual). Gabungkan beberapa parameter. Begitu seterusnya hingga tercapai hasil yang kurang lebih dapat diterima.

Gambar vektor yang dihasilkan.

Ketika gambar sudah terlihat seperti aslinya, di jendela parameter penelusuran, klik “ Pelacakan" dan di menu di atas area kerja tombol " Membongkar". Dengan cara ini kita mendapatkan gambar asli, tetapi berbentuk kurva.

Jika Anda kurang puas dengan hasil yang didapat, Anda bisa memodifikasinya. Untuk melakukan ini, gunakan " Pilihan» Anda harus memilih semua kurva yang dibuat (tekan tombol kiri mouse dan, sambil menahannya, lingkari seluruh gambar). Buka item menu “ Obyek» > « Transformasi» > « Penskalaan” dan ubah ukuran gambar agar cukup besar agar mudah diedit. Kemudian pilih alat" Seleksi langsung"(panah putih). Dengan menggunakan panah putih ini, kita klik pada setiap simpul satu per satu dan sejajarkan spline seperlunya: saat Anda memilih sebuah simpul, kumis akan muncul di dekatnya, dengan menariknya Anda dapat mengubah kelengkungan spline.

Hasil dalam mode grid

Anda juga bisa mendapatkan hasil yang lebih baik jika pada awalnya mengambil gambar berukuran besar dengan kualitas yang baik. Oleh karena itu, jika Anda tidak ingin membuang waktu mengutak-atik node spline di kemudian hari, gunakan gambar berkualitas tinggi sebagai bahan mentah untuk penelusuran!

Semua file grafik dibagi menjadi dua tipe global - raster dan vektor. Terkadang Anda perlu mengonversi dari raster ke vektor hitam putih. Misalnya untuk tracing ikon hitam putih, kode QR, barcode, gambar dengan tulisan raster, kuitansi atau gambar di blog.

Apa perbedaan antara file raster dan file vektor?

Grafik raster

Format raster populer: JPEG, GIF, PNG, TIFF, WEBP, BPG.

Grafik vektor

Format vektor populer: SVG, EPS, WMF, PDF.

Dari raster hingga vektor

Algoritma vektorisasi

• Vectorizer memindai gambar dan menemukan semua area dengan piksel berwarna sama.
• Perbatasan diperkirakan dengan segmen setebal 1 px.
• Triangulasi dengan batasan garis dibangun.

Konverter berbasis Potrace

Ada cara yang sangat sederhana dan gratis untuk mengimplementasikan konversi tersebut menggunakan editor vektor Inkscape. Inkscape menggunakan Potrace untuk membuat vektor gambar.

Setelah ditracing, gambarnya hanya bisa hitam putih. Di potrace tertulis bahwa dukungan warna dapat diterapkan di masa depan.

Contoh konversi dari PNG ke SVG. Fungsi potrace hanya menerima file dengan ekstensi PNM sebagai input, jadi sebelum menelusuri PNG Anda perlu mengonversi:

Exec("konversi gambar.png gambar.pnm");
Metode ini telah diterapkan dan Anda dapat melihat kualitas penelusuran gambar apa pun. Contoh vektorisasi barcode buram. Dan ini adalah contoh logo yang dijiplak. Beginilah cara konverter menangani foto.

Cara membuat gambar keluaran berwarna

Anda dapat menyorot warna individual menggunakan ppmcolormask (bagian dari paket Netpbm):

Gambar kucing.gif | hadiahopnm | ppmcolormask #641b1b | potrace
Kemudian lacak setiap bagian secara terpisah dan letakkan di atas satu sama lain di bagian akhir.

Dari vektor hingga raster

Salah satu contoh konversi SVG ke PNG menggunakan Imagick.

Dengan kode ini Anda dapat mengonversi file SVG ke PNG24:

$svg = file_get_contents("gambar.svg"); $gambar = Imagick baru(); $image->setBackgroundColor(new ImagickPixel("transparan")); $gambar->readImageBlob($svg); $gambar->setImageFormat("png24"); $gambar->writeImage("gambar.png"); $gambar->hapus(); $gambar->hancurkan();
Di sini Anda dapat melihat hasil konversi gambar Anda dari SVG ke PNG.

Abstrak

1. Anda dapat mengonversi dari raster ke vektor di situs web Anda menggunakan potrace.
2. Potrace hanya mendukung vektorisasi hitam putih.
3. Anda dapat mengkonversi dari vektor ke raster menggunakan Imagick.

05.04.2014 59959

Mungkin saja Anda tiba-tiba perlu mengonversi gambar raster biasa ke format vektor. Jika Anda belum pernah berurusan dengan grafik vektor sebelumnya atau memiliki gagasan yang samar-samar tentangnya, mungkin hal pertama yang terlintas dalam pikiran Anda adalah mencari program konverter di Internet, memuat gambar raster ke dalamnya dan, seperti biasa, dapatkan hasil akhir. Tapi itu tidak sesederhana itu.

Anda tidak boleh bergantung pada apa yang disebut pengonversi raster-ke-vektor, karena tidak semuanya memberikan hasil yang diinginkan. Sebagian besar program ini hanya mengubah satu format ke format lain, misalnya JPG ke EPS, tetapi ini tidak mengubah esensinya. Dan semua itu karena raster dan vektor pada dasarnya berbeda dan tidak ada cara untuk mengubahnya secara langsung. Jika gambar raster adalah kumpulan titik - piksel, maka gambar vektor pada dasarnya adalah rumus matematika, oleh karena itu pendekatannya harus sangat berbeda.

Omong-omong, EPS yang sama dapat menyimpan objek vektor dan raster. Padahal ada cara untuk mengubah gambar biasa menjadi vektor, hanya saja bukan disebut konversi, melainkan tracing atau vektorisasi. Ada dua jenis penelusuran utama - manual dan otomatis. Saat menelusuri secara manual, gambar raster yang dibuka di editor vektor dijiplak sepanjang kontur pada lapisan baru, dan kemudian diwarnai. Dengan vektorisasi otomatis, semua tindakan ini dilakukan oleh program.

Misalnya, editor vektor Adobe Illustrator menyediakan opsi terpisah untuk tujuan ini. Untuk mengonversi gambar menjadi vektor, buka di editor, pilih dengan mouse, lalu pilih di menu atas “Jendela” -> “Jejak Gambar”.

Ini akan membuka toolbar kecil tempat Anda dapat memilih template yang paling sesuai. Secara default, Illustrator mengubah gambar menjadi vektor hitam putih "bayangan hitam".

Untuk membuat gambar paling realistis, Anda harus memilih preset "Fotografi presisi tinggi". Anda juga dapat menetapkan nilai maksimum untuk parameter tersebut "Akurasi Warna" menggunakan penggeser, sedangkan parameter lainnya akan dipilih secara otomatis. Sebelum memulai proses vektorisasi, pastikan mode masih disetel "Warna", dan palet "Nada penuh". Klik tombolnya "Jejak" dan tunggu hingga proses konversi selesai.