Konversi PSD menjadi SVG

Web interface, laser cutter, plotter, dan alur kerja pencetakan scalable sering memerlukan SVG alih-alih format PSD ber-layer milik Photoshop. Konversi hanya bekerja dengan baik untuk artwork berbasis vector; foto dan layer yang dilukis tidak dapat menjadi path yang dapat diedit tanpa tracing atau pembuatan ulang.

Apa itu format PSD

PSD adalah format ber-layer native Adobe Photoshop. Format ini dapat berisi pixel raster, layer shape vector, teks yang dapat diedit, mask, channel, adjustment layer, smart object, filter, guide, dan efek layer.

Pengguna Photoshop membuat file PSD untuk pengeditan foto, compositing, mockup interface, poster, dan artwork sumber yang memerlukan pengeditan pada tingkat layer. Adobe Illustrator, Affinity Photo, Photopea, dan GIMP dapat membuka file PSD, tetapi layer dan efek khusus Photoshop mungkin tidak tetap dapat diedit atau dirender secara identik.

Apa itu format SVG

SVG adalah format vector berbasis XML yang mendeskripsikan path, shape geometris, gradient, dan teks. Format ini dapat diperbesar tanpa pixelation dan didukung oleh web browser, mesin cutting, plotter, serta aplikasi vector seperti Adobe Illustrator, Inkscape, Affinity Designer, dan CorelDRAW.

SVG cocok untuk logo, ikon, diagram, grafik interface, dan ilustrasi sederhana. Format ini tidak mempertahankan keseluruhan model layer, adjustment, smart-object, atau filter Photoshop. SVG juga dapat berisi gambar raster yang disematkan, sehingga ekstensi .svg saja tidak membuktikan bahwa artwork tersebut berbasis vector.

Cara mengekspor konten vector dari Photoshop

1. Buka PSD di Photoshop dan identifikasi shape layer, vector mask, serta text layer. Sembunyikan foto, layer yang dilukis, dan konten pixel lainnya yang tidak ingin disertakan.
2. Hapus atau sederhanakan efek yang tidak didukung, bitmap mask, smart filter, dan blend mode. Duplikasikan PSD terlebih dahulu jika Anda perlu mempertahankan efek asli.
3. Pilih File → Export → Export As, pilih SVG, lalu ekspor artwork vector atau dokumen yang dipilih.
4. Buka hasilnya di browser dan vector editor. Periksa fill, stroke, teks, clipping, transparansi, posisi, dan dimensi dokumen.

Ekspor SVG Photoshop terutama sesuai untuk shape layer serta konten teks atau path yang didukung. PSD yang hanya berisi foto atau pixel yang dilukis tidak dapat menghasilkan artwork vector editable yang setara melalui ekspor.

Cara menggunakan Illustrator untuk cleanup

1. Buka Adobe Illustrator dan pilih File → Open, lalu pilih PSD.
2. Dalam dialog impor Photoshop, pilih impor editable-layer jika tersedia. Illustrator mungkin mengimpor beberapa layer Photoshop sebagai object terpisah, tetapi layer raster tetap menjadi konten raster.
3. Perbaiki path, fill, stroke, clipping, dan urutan layer. Pertahankan teks tetap live jika penerima perlu mengeditnya; ubah menjadi outline hanya jika substitusi font akan mengubah tampilan yang diperlukan.
4. Pilih File → Export → Export As, pilih SVG, aktifkan Use Artboards jika sesuai, lalu pilih pengaturan yang kompatibel dengan aplikasi tujuan.

Illustrator berguna ketika shape layer memerlukan pembersihan path atau ketika artwork raster harus digambar ulang secara manual. Proses impornya tidak secara otomatis merekonstruksi path yang dapat diedit dari foto atau layer yang dilukis. Untuk logo bitmap, gunakan Window → Image Trace sebagai titik awal, lalu periksa dan sederhanakan path yang dihasilkan.

Cara menggunakan Photopea atau online converter

Photopea dapat membuka PSD di browser dan menggunakan File → Export As → SVG untuk konten vector yang didukung. Periksa hasilnya karena efek yang tidak didukung mungkin dihilangkan, diaproksimasi, atau direpresentasikan sebagai konten raster.

Layanan seperti CloudConvert dan Convertio dapat menerima PSD dan menghasilkan SVG, tetapi konversi umum sering merasterisasi PSD atau menempatkan gambar sumber di dalam SVG, alih-alih membuat path vector baru. Gunakan layanan ini hanya jika hasil tersebut dapat diterima, dan hindari mengunggah artwork rahasia ke server pihak ketiga. Untuk artwork raster yang memerlukan output vector, gunakan Image Trace milik Illustrator atau Path → Trace Bitmap milik Inkscape, lalu koreksi path secara manual; automatic tracing tidak sama dengan mempertahankan desain asli.

Batasan kualitas dan kompatibilitas

• Konten raster tetap menjadi konten raster. Foto, layer yang dilukis, dan teks yang dirasterisasi akan disematkan sebagai data bitmap, ditrace secara aproksimatif, atau dihilangkan; konten tersebut tidak secara otomatis menjadi path yang bersih dan dapat diedit.
• Shadow Photoshop, efek liquify, adjustment layer, smart filter, blend mode, dan mask kompleks mungkin di-flatten, diaproksimasi, atau hilang.
• Teks SVG bergantung pada font yang tersedia. Mengubah teks menjadi outline mempertahankan tampilannya dengan lebih andal, tetapi menghilangkan kemampuan pengeditan teks dan dapat meningkatkan ukuran file.
• Gradient, stroke, transparansi, clipping path, dan blend mode dapat dirender secara berbeda di browser, software cutting, dan vector editor. Uji file yang diekspor pada aplikasi tujuan yang sebenarnya.
• Untuk logo atau ikon, membuat ulang artwork dengan shape vector atau melakukan tracing di Illustrator atau Inkscape biasanya menghasilkan SVG yang lebih bersih dan lebih kecil daripada mengonversi PSD yang kompleks.
• Simpan PSD sebagai master yang dapat diedit karena SVG umumnya tidak dapat mempertahankan seluruh struktur layer Photoshop, smart object, alur kerja adjustment, atau riwayat pengeditan.