Saat ini saya mencoba memahami beberapa hal tentang rasterisasi grafik vektor dan berbagai cara penerapannya dalam berbagai jenis aplikasi.
Saya menguji dan membandingkan beberapa program dan memperhatikan bahwa ada perbedaan besar dalam cara berperilaku anti-aliasing dalam proses rasterisasi. Saya terutama tertarik pada perilaku rendering di Illustrator . Anda akan melihat alasannya dengan membaca lebih lanjut.
Untuk pengujian saya, saya menggunakan komposisi segitiga yang sangat sederhana yang disusun dalam segi enam yang tidak beraturan dengan warna yang berbeda.
Perangkat lunak grafik vektor
Berikut adalah tiga render grafik vektor yang sama di Illustrator, Affinity, dan Inkscape. (Gambar yang dihasilkan dalam Affinity dan Inkscape persis sama.)
Seperti yang Anda lihat ada garis putih yang tidak diinginkan di setiap tepi pada gambar yang diberikan dengan Affinity dan Inkscape. Anti-aliasing tidak mengisi area ini dengan warna solid yang menghasilkan celah kecil antara bentuk yang berdekatan.
Meskipun tidak ada celah dalam render Illustrator, tepi bentuk terlihat sehalus render Affinity.
Berikut adalah gambar yang menunjukkan area yang sama dari setiap gambar yang ditingkatkan.
Ada perbedaan yang sangat halus antara kedua gambar. Render Affinity sedikit lebih halus tetapi hampir tidak mungkin untuk melihat perbedaan ketika melihat gambar dalam ukuran aslinya.
Browser
Rendering SVG
Menampilkan gambar yang sama yang diekspor sebagai SVG di peramban terlihat sangat mirip dengan gambar raster yang dihasilkan oleh Affinity dan Inkscape.
Ada perbedaan yang sangat kecil di tepi anti-aliasing (yang tidak benar-benar layak ditampilkan di sini) tetapi rasterisasi SVG di browser umum berperilaku hampir sama.
Membusuk membusuk
Menguji rendering Illustrator sedikit lebih jauh, saya mencoba memisahkan bagian-bagian dari gambar saya dan mengekspornya secara individu kemudian menyusunnya kembali bersama-sama dengan perangkat lunak pengeditan raster.
Secara teori itu akan menghasilkan gambar yang sama seperti memiliki dalam satu bagian, tetapi hasilnya sedikit berbeda dengan menggunakan metode ini.
Seperti yang ditunjukkan, ketika dua bagian tersusun, ada celah kecil di antara mereka. Meskipun lebih halus, namun sangat mirip dengan grafik yang dibuat dalam Affinity.
Rendering poligon
Blender (perangkat lunak 3D)
Blender memungkinkan Anda untuk mengimpor file SVG dan memanipulasi mereka sebagai objek kurva. Berikut adalah grafik yang diimpor yang ditunjukkan pada viewport 3D. (Secara default material akan dipengaruhi oleh lampu di tempat kejadian. Memeriksa properti shadeless di panel properti material akan memungkinkan bentuk yang akan diberikan dengan warna aslinya.)
Ini adalah render yang dibuat dari SVG di dalam Blender.
Tidak ada celah di antara segitiga. Perangkat lunak 3D lainnya sangat mungkin bekerja dengan cara yang sama. Jadi Blender berperilaku seperti Illustrator , atau bukan? Mungkin sebaliknya?
Pertanyaan sesungguhnya
- Pustaka gambar vektor mana yang Illustrator gunakan di belakang layar?
- Mungkinkah Illustrator menggunakan semacam mesin rendering 3D? Apakah ini open source? (mungkin tidak?)
- Bisakah salah satu perpustakaan gambar vektor terkenal seperti Kairo dan Skia mencapai perilaku rendering yang sama? (Tidak ada celah antara bentuk)
- Apakah ada perpustakaan gambar vektor yang kurang dikenal di luar sana yang memiliki perilaku yang sama?