Membuat Gambar SVG dengan Illustrator

09/05/2014    Bartholo Bush Sawa    3849     Desain

SVG merupakan singkatan dari Scalable Vector Graphics yang merupakan format gambar yang dipakai pada website,  dan tidak akan pecah jika di zoom.

Beberapa manfaat jika sebuah website menggunakan gambar dengan format SVG antara lain :

  • Ukuran File yang sangat kecil karena terdiri dari coding
  • Dapat di besarkan dengan segala ukuran tanpa mengurangi ketajaman gambar,
  • Akan terlihat sempurna pada Layar yang mengadopsi Retina Display
  • Dapat dengan mudah diedit dengan CSS

Nah, untuk membuat gambar dengan format SVG, kita membutuhkan software Adobe Illustrator berikut langkah-langkahnya :

  • Buatlah sebuah objek atau desain dengan Adobe Illustrator contohnya adalah gambar bola Rugby

               

  • Setelah selesai, maka simpanlah hasil Desain di Illustrator dengan menekan File > Save As.

            

 

 

  • Kemudian akan muncul Window Save As, kasi nama file, dan kemudian pilih Save As Typenya SVG. Jika, sudah, klik Save.

          

 

  • Selanjutnya akan keluar window SVG Option, langsung saja klik OK

            

 

  • Bukalah dengan Notepad file SVG yang kamu simpan, kemudian Copy semua Codingnya ke HTML.

             

 

  • Save HTML kamu, kemudian refresh lah websitenya, 
  • Maka setelah jadi, akan terlihat gambar seperti dibawah ini di website kamu, yang ketika di zoom-in sampai maksimal, tidak akan mengurangi kualitas ketajaman gambar.

            

 

Sekian dulu ya teman-teman artikelnya semoga bermanfaat.... Terima kasih.. ^^

No data.

Belajar Membuat Website dari Nol

Pelajarannya mudah dipahami, orang awampun pasti bisa.

Learn More

Belajar Membuat Website dari Nol

Pelajarannya mudah dipahami, orang awampun pasti bisa.

Learn More