Cara Mengubah PNG ke SVG di Adobe Ilustrator


DailyBlog.id - Sekarang banyak gambar SVG digunakan sebagai icon atau logo di website, dikarenakan lebih ringan dibandingkan dengan gambar format PNG. Maka dari itu SVG lebih direkomendasi untuk penggunaan gambar icon ataupun logo di website. Di artikel kali ini saya akan memberikan tutorial kepada kalian semua, bagaimana caranya agar kita dapat membuat gambar png yang kita miliki menjadi format svg. Dari pada kalian membuat ulang desain icon atau logo di Adobe Photoshop atau software editor lainnya, maka ada tips mudah untuk mengubahnya menjadi gambar svg. Caranya sangat mudah, ada beberapa tahap nantinya. Dan yang pasti menurut saya tidak sulit untuk dilakukan, yang terpenting kalian memili software Adobe Ilustrator dan icon atau gambar yang ingin kalian ubah formatnya. Jika kalian sudah memiliki keduanya, maka simak tutorial yang ada di bawah ini.

1. Langkah pertama yang dapat kalian lakukan yaitu buka software Adobe Ilustrator kalian.

2. Setelah itu siapkan icon atau logo yang ingin kalian ubah. Disini saya sebagai contoh menggunakan logo web saya, dan pastikan formatnya harus PNG.

1 - Cara Mengubah PNG ke SVG di Adobe Ilustrator


3. Setelah itu klik 1x pada file icon atau logo, setelah itu klik kanan lalu Open with -> pilih Adobe Ilustrator


2 - Cara Mengubah PNG ke SVG di Adobe Ilustrator

4. Maka nantinya akan tampil window baru dari Adobe Ilustrator, jika sudah tahap selanjutnya yaitu klik menu toolbar Window -> Image Trace

3 - Cara Mengubah PNG ke SVG di Adobe Ilustrator

5. Jika sudah, nantinya akan keluar window baru dari Image Trace, dan kalian bisa ubah Mode nya menjadi Color. Dan yang lainnya tetap, engga perlu diubah, kalau kalian mau ubah ya silahkan. Setelah itu klik Trace. Tunggu beberapa detik, dan lama detiknya tergantung juga dari icon atau logo yang kalian gunakan. Kalau semakin kompleks desainnya, semakin lama juga.

4 - Cara Mengubah PNG ke SVG di Adobe Ilustrator

6. Setelah selesai nge Trace gambarnya, maka tahap selanjutnya kalian bisa klik menu toolbar Object -> Image Trace -> Expand

5 - Cara Mengubah PNG ke SVG di Adobe Ilustrator


7. Jika sudah, maka saatnya kalian export menjadi SVG. Dengan cara klik menu toolbar File -> Export Selection. Dan nantinya akan keluar window baru untuk export. Ubah formatnya menjadi SVG, dan pengaturan lainnya bisa menyesuaikan selera kalian.  Setelah itu klik Export Assets


6 - Cara Mengubah PNG ke SVG di Adobe Ilustrator

7 - Cara Mengubah PNG ke SVG di Adobe Ilustrator

8. Dan selesai, icon atau logo yang format awalnya PNG sekarang menjadi format SVG. Kalian bisa cari file yang namanya Assets1.svg, setelah itu kalian bisa Open with menggunakan browser atau text editor atau software lainnya yang dapat membuka format SVG. Disini saya akan menggunakan browser saja. Dan berikut ini hasilnya.


8 - Cara Mengubah PNG ke SVG di Adobe Ilustrator



9 - Cara Mengubah PNG ke SVG di Adobe Ilustrator


Dan itu dia cara mengubah gambar yang formatnya PNG menjadi SVG, sangat mudahkan? tentu dong. Dengan adanya kalian mengubah format menjadi SVG, maka kalian bisa menggunakannya di website dan website kalian menjadi ringan.

Selain digunakan di website, mungkin kalian bisa gunakan format SVG tersebut di editing lainnya mungkin? Ya bisa jadi.

Mungkin cukup sekian tutorial dari saya, semoga tutorial yang saya bagikan ini dapat bermanfaat bagi kalian semuanya. Jika saya ada salah kata, saya mohon maaf. Sekian dan terima kasih...

Selamat Mencoba!

Post a Comment (0)
Previous Post Next Post