Gambar terlihat timbul ketika dikonversi ke SVG

35

Saya mengkonversi gambar raster ke vektor di Illustrator CS6 menggunakan Image Trace kemudian opsi Expand, meskipun ketika saya menyimpan sebagai svg gambar tampak timbul. Saya menduga itu karena latar belakang lapisan menjadi putih dan jalur tidak berbaris, tapi saya tidak yakin bagaimana cara memperbaikinya atau membuktikan teori itu tanpa secara manual harus menyesuaikan setiap jalur.

Ini adalah tampilannya di Illustrator sebelum saya mengekspornya:

masukkan deskripsi gambar di sini

Gambar terlihat seperti ini ketika disimpan / diekspor dengan opsi seni dioptimalkan:

masukkan deskripsi gambar di sini

Pikiran kreatif
sumber
Bagaimana proses Anda dari gambar raster ke SVG? Saya berasumsi Anda menggunakan jejak gambar. Bisakah Anda memposting tangkapan layar gambar raster dan jejak gambar sebelum Anda memperluas atau mengekspor?
Cai
@CaiMorris Saya mengedit pertanyaan saya untuk memasukkan tangkapan layar bagaimana tampilannya di Illustrator, dan catatan tentang Image Trace.
CreativeMind
Bisakah Anda mengunggah ulang gambar-gambar ini, jika masih memilikinya? Situs web yang Anda gunakan untuk meng-host mereka sedang down.
MD XF
1
Catatan: @WELZ menambahkan gambar baru.
joojaa

Jawaban:

43

Mereka disebut artefak conflation, jika Anda ingin melihat bagaimana mesin vektor bereaksi lihat di sini . Jika Anda ingin memahami alasan teknis untuk beberapa diskusi, lihat di sini . Pada dasarnya penggabungan terjadi karena kami mengonversi cakupan menjadi opacity, dan itu tidak berfungsi. Jika Anda melewatkan anti-aliasing berbasis cakupan maka Anda tidak akan memiliki masalah konfigurasi *, untuk alasan yang sama super sampling tidak memiliki masalah.

Untuk menghindari masalah ini, orang harus selalu membiarkan objek di belakang tumpang tindih dengan objek di atas. Pikirkan ini seperti melapisi potongan kertas secara manual. Jika Anda memotong bentuk dengan gunting yang persis cocok dengan lubang peluang bentuk lain adalah Anda mendapatkan celah, dan menyelaraskannya sulit. Di komputer karena asumsi yang salah, keunggulan bersama yang sempurna adalah ide yang buruk.

Memilih untuk tidak memotong bentuk di bawah ini

Gambar 1 : Memilih untuk tidak memotong atau berbagi tepi dengan bentuk di bawah ini.

Teknik yang tumpang tindih ini harus diperhitungkan pada awal proses. Dan itu berarti Anda tidak boleh menggunakan trim membagi atau menggabungkan di pathfinder, jika Anda bertujuan untuk publikasi web. Kasus ini telah dibahas dalam jawaban ini , yaitu hampir duplikat.

Dalam kasus spesifik Anda, perbaikan cepat akan menerapkan sedikit offset pada masing-masing jalur. Jadi pilih semua dan pilih Efek → Jalur → Jalur Offset ... lalu ketik nilai kecil. Selain itu Anda dapat mengatur warna sehingga warna paling gelap ada di depan.

* Karena alasan ini printer tidak akan mengalami masalah. Padahal memotong itu penting untuk proses pelat cetak.

joojaa
sumber
4
@ joojaa Sepertinya masalah itu terkait dengan artefak, terima kasih atas pendidikannya. Saya memang mencoba opsi Jalur Offset , tetapi akhirnya membuka file asli dan mencoba Image Trace lagi dan menemukan opsi pengaturan lanjutan di bawah Image Trace , yang disebut Metode , yang mengubah jalur dari cutout ke stack.
CreativeMind
2
Efek samping yang bagus (IMHO) adalah gambar di sebelah kiri memiliki lebih sedikit poin, oleh karena itu SVG yang dihasilkan akan lebih kecil. :)
Andrea Lazzarotto