Cara Membuat Gambar SVG: 13 Langkah (dengan Gambar)

Daftar Isi:

Cara Membuat Gambar SVG: 13 Langkah (dengan Gambar)
Cara Membuat Gambar SVG: 13 Langkah (dengan Gambar)

Video: Cara Membuat Gambar SVG: 13 Langkah (dengan Gambar)

Video: Cara Membuat Gambar SVG: 13 Langkah (dengan Gambar)
Video: Cara merubah ukuran foto jpeg menggunakan ms. paint 2024, Mungkin
Anonim

Grafik vektor yang dapat diskalakan (SVG) memungkinkan elemen yang lebih interaktif pada halaman web tanpa menggunakan bandwidth sebanyak format gambar lain seperti JPEG atau GIF, menjadikannya ideal untuk desain web. Beberapa program ilustrasi digital, seperti Adobe Illustrator, menawarkan opsi SVG dan ada situs web pengonversi SVG online yang gratis untuk diakses. Artikel wikiHow ini menunjukkan cara membuat gambar SVG sendiri.

Langkah

Metode 1 dari 2: Menggunakan Convertio-j.webp" />
Buat Gambar Svg Langkah 1
Buat Gambar Svg Langkah 1

Langkah 1. Buka browser Web Anda dan buka

Ini membawa Anda ke halaman Konverter-j.webp

Buat Gambar Svg Langkah 2
Buat Gambar Svg Langkah 2

Langkah 2. Pilih sumber untuk gambar-j.webp" />

Di bagian atas menu konverter, Anda akan melihat bilah alat merah yang mencantumkan berbagai sumber yang dapat Anda akses untuk mengunggah file gambar-j.webp

Buat Gambar Svg Langkah 3
Buat Gambar Svg Langkah 3

Langkah 3. Arahkan ke file yang ingin Anda konversi

Setelah Anda memilih sumber, kotak dialog akan muncul dengan perpustakaan folder komputer Anda. Dari sana, navigasikan ke folder dengan file yang ingin Anda konversi dan pilih file.

Buat Gambar Svg Langkah 4
Buat Gambar Svg Langkah 4

Langkah 4. Klik Konversi

Setelah file diunggah, tombol merah akan muncul di sudut kanan bawah layar menu. Ini akan memulai proses konversi, yang mungkin memakan waktu beberapa menit tergantung pada ukuran file.

Buat Gambar Svg Langkah 5
Buat Gambar Svg Langkah 5

Langkah 5. Klik Unduh

Setelah file selesai dikonversi, tombol biru akan muncul di sebelah kanan nama file di menu Konverter. Setelah Anda mengkliknya, gambar tersebut kemudian akan diunduh ke komputer Anda sebagai file SVG.

Metode 2 dari 2: Menggunakan Adobe Illustrator

Buat Gambar Svg Langkah 6
Buat Gambar Svg Langkah 6

Langkah 1. Buka Adobe Illustrator

Adobe Illustrator adalah aplikasi desain grafis yang memungkinkan Anda membuat karya seni Anda sendiri menggunakan berbagai alat dan fitur.

Buat Gambar Svg Langkah 7
Buat Gambar Svg Langkah 7

Langkah 2. Buat gambar Anda

Setelah Illustrator dibuka, Anda dapat memilih salah satu alat di bilah alat di sisi kiri layar untuk memulai mendesain gambar Anda.

Buat Gambar Svg Langkah 8
Buat Gambar Svg Langkah 8

Langkah 3. Terapkan efek SVG ke lapisan tertentu dari gambar Anda

Jika Anda ingin menambahkan efek khusus ke gambar Anda, Anda dapat memilih lapisan dan kemudian klik Memengaruhi > Filter SVG > Terapkan Filter SVG. Kemudian, klik saja Edit Filter SVG tombol, edit kode default, dan klik oke untuk menyimpan efek SVG Anda.

Buat Gambar Svg Langkah 9
Buat Gambar Svg Langkah 9

Langkah 4. Klik tab File

Ini terletak di sudut kiri atas layar.

Buat Gambar Svg Langkah 10
Buat Gambar Svg Langkah 10

Langkah 5. Pilih Ekspor di menu

Agar file SVG Anda siap untuk dilihat dan digunakan di luar Illustrator, Anda harus mengekspornya.

Anda juga dapat memilih Simpan Sebagai…, meskipun ini akan menyimpan file sehingga hanya dapat dilihat dan diedit di Illustrator.

Buat Gambar Svg Langkah 11
Buat Gambar Svg Langkah 11

Langkah 6. Klik Ekspor Sebagai…

Ini menarik menu baru di mana Anda dapat mengekspor file dari Illustrator ke dalam format pilihan Anda.

Anda juga dapat memilih Ekspor untuk Layar… untuk menyimpan gambar SVG Anda dengan cara yang dapat diakses di perangkat iOS atau Android.

Buat Gambar Svg Langkah 12
Buat Gambar Svg Langkah 12

Langkah 7. Pilih SVG dalam daftar jenis file

Illustrator menawarkan berbagai jenis file untuk Anda pilih, termasuk file SVG siap-web.

Buat Gambar Svg Langkah 13
Buat Gambar Svg Langkah 13

Langkah 8. Klik Simpan

Gambar Anda sekarang akan tersedia untuk digunakan sebagai file SVG.

Direkomendasikan: