Cara Membuat Gambar Berformat SVG

PDF download Unduh PDF
Disusun bersama Shari Fairclough

PDF download Unduh PDF

Format scalable vector graphics (SVG) memungkinkan Anda membuat lebih banyak elemen interaktif pada halaman web, tanpa memakan lebar pita sebanyak format-format lain seperti JPEG atau GIF sehingga ideal untuk mendesain web. [1] Beberapa program ilustrasi digital seperti Adobe Illustrator menawarkan opsi format SVG. Selain itu, ada beberapa situs web konverter SVG daring yang menawarkan akses gratis ke layanan konversi. Artikel wikiHow ini akan menunjukkan kepada Anda cara membuat gambar berformat SVG.

Metode 1
Metode 1 dari 2:

Menggunakan Layanan Konverter Convertio JPG to SVG

PDF download Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-460px-Create-Svg-Images-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-728px-Create-Svg-Images-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Buka peramban web dan kunjungi https://convertio.co/jpg-svg/ . Anda akan dibawa ke halaman konverter Convertio JPG to SVG yang bisa digunakan secara gratis.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-460px-Create-Svg-Images-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-728px-Create-Svg-Images-Step-2.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Di bagian atas menu konverter, Anda bisa melihat bilah peralatan berwarna merah yang menampilkan beragam sumber yang dapat diakses untuk mengunggah berkas JPG. Berkas tersebut nantinya akan dikonversi ke dalam format SVG.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-460px-Create-Svg-Images-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-728px-Create-Svg-Images-Step-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah memilih sumber, kotak dialog akan ditampilkan dan membuat pustaka folder komputer. Pada kotak ini, akses folder penyimpanan berkas gambar yang Anda ingin konversi dan pilih berkas tersebut.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-460px-Create-Svg-Images-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-728px-Create-Svg-Images-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah berkas diunggah, tombol merah akan ditampilkan di pojok kanan bawah jendela menu. Proses konversi akan dimulai dan memakan waktu beberapa menit, tergantung pada ukuran berkas.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-460px-Create-Svg-Images-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-728px-Create-Svg-Images-Step-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah berkas selesai dikonversi, tombol biru akan ditampilkan di samping kanan nama berkas pada menu konverter. Klik tombol untuk mengunduh gambar ke komputer sebagai berkas SVG.
    Iklan
Metode 2
Metode 2 dari 2:

Menggunakan Adobe Illustrator

PDF download Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-460px-Create-Svg-Images-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-728px-Create-Svg-Images-Step-6.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Adobe Illustrator adalah aplikasi desain grafis yang memungkinkan Anda untuk membuat karya seni sendiri menggunakan beragam peralatan dan fitur.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-460px-Create-Svg-Images-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-728px-Create-Svg-Images-Step-7.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setelah jendela Illustrator dibuka, Anda bisa memilih peralatan apa pun dari bilah peralatan di sisi kiri layar untuk memulai proses desain gambar.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-460px-Create-Svg-Images-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-728px-Create-Svg-Images-Step-8.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika Anda ingin menambahkan efek sendiri pada gambar, pilih layer dan klik “ Effect ” > “ SVG Filters ” > “ Apply SVG Filter ”. Setelah itu, cukup klik tombol “ Edit SVG Filter ”, sunting kode bawaan, dan klik “ OK ” untuk menyimpan efek SVG.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-460px-Create-Svg-Images-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-728px-Create-Svg-Images-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tab ini berada di pojok kiri atas layar.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-460px-Create-Svg-Images-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-728px-Create-Svg-Images-Step-10.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Agar berkas SVG siap dilihat dan digunakan di luar Illustrator, Anda perlu mengekspornya.
    • Anda juga bisa memilih “ Save As... ”. Namun, prosedur ini akan menyimpan gambar yang dapat dilihat dan disunting melalui Illustrator saja.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-460px-Create-Svg-Images-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-728px-Create-Svg-Images-Step-11.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Menu baru akan dibuka dan Anda dapat mengekspor berkas dari Illustrator ke dalam format yang diinginkan.
    • Anda juga bisa memilih “ Export for Screens... ” untuk menyimpan berkas SVG dalam format yang bisa diakses melalui perangkat iOS atau Android.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-460px-Create-Svg-Images-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-728px-Create-Svg-Images-Step-12.jpg","smallWidth":460,"smallHeight":349,"bigWidth":728,"bigHeight":552,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Illustrator menawarkan beragam jenis berkas yang Anda dapat pilih, termasuk berkas SVG untuk web.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-460px-Create-Svg-Images-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-728px-Create-Svg-Images-Step-13.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Gambar sekarang sudah siap digunakan sebagai berkas SVG.
    Iklan

wikiHow Terkait

Cara
Menggunakan AutoCAD
Cara
Menghapus Tulisan pada Foto Menggunakan Photoshop
Cara
Mengubah Warna Latar Belakang di Photoshop
Cara
Mengubah Ukuran Artboard di Adobe Illustrator
Cara
Menambahkan Font ke Photoshop
Cara
Menggunakan Microsoft Paint pada Windows
Cara
Mengubah Ukuran Font di Komputer
Cara
Menambahkan Garis Luar pada Teks di Photoshop
Cara
Menggunakan SketchUp
Cara
Membuka Berkas DWG
Cara
Menggabungkan Layer di Photoshop
Cara
Menambahkan Gambar di Illustrator
Cara
Mengganti Latar Belakang Adobe Illustrator
Cara
Menggunakan Fungsi "Print Screen" di Keyboard
Iklan

Referensi

  1. ↑ https://helpx.adobe.com/illustrator/using/svg.html

Tentang wikiHow ini

Bahasa lain
Halaman ini telah diakses sebanyak 9.014 kali.

Apakah artikel ini membantu Anda?

Iklan