Blog Request tutorial? klik disini!

  • Membuat Gambar SVG Dengan Illustrator

    Ditulis oleh: Bartho B.S
    3403 kali dibaca
    09 May / 2014 14:20

    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.. ^^






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155