Cara Mengekspor Gambar Atau Animasi Sebagai SVG Di Blender

Diterbitkan: 2022-11-29

Sejak rilis Blender 2.8, perangkat lunak ini memiliki kemampuan untuk mengekspor gambar dan animasi dalam format Scalable Vector Graphics (SVG). Format berbasis vektor ini populer di kalangan desainer web dan grafis, dan merupakan cara yang bagus untuk berbagi karya Anda dengan orang lain yang mungkin tidak memiliki akses ke Blender. Pada artikel ini, kita akan membahas dasar-dasar cara mengekspor gambar atau animasi sebagai SVG di Blender.

Garis Besar Untuk Svg Blender

Outline di Blender dibuat menggunakan panel Stroke di Tool Shelf. Untuk membuat garis luar, pertama-tama pilih objek yang ingin Anda buat garis luarnya. Kemudian, di Tool Shelf, pilih panel Stroke. Di panel Stroke, pilih jenis goresan yang ingin Anda gunakan. Opsinya adalah: – Freehand: membuat garis bentuk bebas – Poligonal: membuat garis bentuk poligonal – Spline: membuat garis bentuk berbasis spline Setelah memilih jenis goresan yang ingin digunakan, Anda kemudian dapat menyesuaikan pengaturan untuk goresan tersebut . Misalnya, Anda dapat menyesuaikan ketebalan goresan, warna goresan, dan jumlah titik yang digunakan untuk membuat goresan. Setelah Anda puas dengan pengaturan coretan Anda, Anda kemudian dapat mengklik tombol "Stroke" untuk membuat garis tepi. Outline akan ditambahkan ke objek sebagai grup simpul baru.

Pensil Gemuk Ekspor Blender Sebagai Svg

Pensil Gemuk Ekspor Blender Sebagai Svg
Sumber gambar: imgur

Tidak ada tombol satu-klik untuk mengekspor objek Pensil Gemuk sebagai file SVG di Blender, tetapi mungkin dilakukan dengan sedikit kerja. Pertama, pilih objek Pensil Gemuk yang ingin Anda ekspor di Outliner. Kemudian, di panel Properties, buka tab Object Data dan gulir ke bawah ke bagian Export Path. Klik tombol Browse dan pilih lokasi untuk menyimpan file. Terakhir, di menu tarik-turun Format File, pilih "SVG".

Mengekspor Berkas Pensil Gemuk

Jika Anda ingin mengekspor satu frame, pilih nama file yang mudah diingat. Untuk mengekspor bingkai dari animasi, gunakan file dengan urutan yang mencerminkan urutan bingkai. File PNG, JPG, dan GIF adalah tiga jenis file utama untuk pensil gemuk. GIF dan PNG keduanya cocok untuk animasi kecil, sedangkan JPG cocok untuk grafik web besar. Saat mengekspor file Pensil Gemuk, gambar PNG disimpan berisi saluran alfa, dan kemudian disimpan sebagai file Pensil Gemuk. Penting untuk menjaga agar saluran ini tetap terbuka karena alat Pensil Gemuk menentukan bagian mana dari gambar yang transparan menggunakan saluran alfa. Atau, Anda dapat mengekspor file Pensil Gemuk sebagai .JPG atau. Gambar GIF. JPEG dapat digunakan untuk grafik web, sedangkan GIF dapat digunakan untuk animasi kecil. Opsi ini memungkinkan Anda untuk mengekspor file Pensil Gemuk sebagai PNG, JPG, atau GIF. Pilih alat pelumas pensil jika Anda ingin menggunakannya. Anda dapat mengekspor karya Anda dengan memilih Ekspor dari panel Alat. Buka jendela browser Ekspor file dan pilih nama file untuk arsip bingkai gemuk Anda di jendela browser Ekspor file, lalu ekspor. Blender menyimpan file sebagai gambar PNG, dengan saluran alfa, setelah dikonversi.

Addon Svg Blender

Addon Svg Blender
Sumber gambar: blendernation

Blender SVG Addon adalah cara terbaik untuk membuat grafik berkualitas tinggi untuk web. Ini memungkinkan Anda membuat grafik vektor yang dapat diekspor sebagai file SVG. Ini adalah cara yang bagus untuk membuat logo, ikon, dan gambar lain yang dapat digunakan di situs web dan aplikasi lain.

Tutorial Svg

SVG adalah format gambar vektor berbasis XML untuk grafik dua dimensi dengan dukungan interaktivitas dan animasi. Spesifikasi SVG adalah standar terbuka yang dikembangkan oleh World Wide Web Consortium (W3C) sejak 1999. Gambar SVG dan perilakunya ditentukan dalam file teks XML. Ini berarti bahwa mereka dapat dicari, diindeks, ditulis, dan dikompresi. Sebagai file XML, gambar SVG dapat dibuat dan diedit dengan editor teks apa pun, tetapi lebih sering dibuat dengan perangkat lunak menggambar . Ini kemudian digabungkan menjadi satu file, membuatnya mudah untuk didistribusikan dan dimanipulasi.

Scalable Vector Graphics (SVG) saat ini menjadi salah satu topik terpanas di pasar. Meskipun distandarisasi pada awal tahun 2000-an, StandardVG secara konsisten terpengaruh secara negatif oleh dukungan browser yang buruk (terutama IE). Saat ini, penyematan langsung SVG ke dalam HTML membutuhkan browser terbaru. Sering kali, Anda tidak perlu mengedit kodenya, tetapi Anda dapat menggunakan alat seperti Figma atau Sketsa untuk membuatnya. Browser dapat menampilkannya sebagai tag img, seperti halnya menampilkan gambar dalam format file lain. Untuk menyisipkan gambar, HTML5 dan XHTML menggunakan sintaks yang berbeda. Renderport dan viewBox dapat digabungkan dengan menggunakan elemen g.

Kanvas SVG memungkinkan Anda menentukan sistem koordinat baru. Misalnya, mulailah dengan 0 lalu batasi ukuran kanvas Anda menjadi 100×100. Anda dapat melihat bagian kedua dari kanvas yang sama segera setelah Anda mencapai 100. Sama seperti tag HTML yang menerima atribut gaya, elemen apa pun dapat melakukannya di sva. Karena sifat formulir mengharuskan beberapa properti CSS bekerja secara berbeda dari yang Anda harapkan, Anda tidak akan dapat menggunakan semua properti CSS. Fill juga dapat digunakan sebagai atribut elemen, seperti untuk mengubah warna elemen teks. Inline juga hadir dalam HTML dan CSS.

Cukup masukkan URL data yang sesuai ke dalam bidang. Anda dapat menyertakan lembar gaya eksternal dalam file SVG dengan menggunakan metode CDATA. Saat halaman dimuat sepenuhnya, Anda dapat menempatkan JavaScript terlebih dahulu dan membungkusnya dalam acara muat untuk menyelesaikannya. Jika Anda dapat berinteraksi dengan SVG (SVG sebaris dalam HTML), Anda dapat mengubah atribut apa pun dalam JavaScript. Ini adalah bahasa markup yang dapat digunakan dengan HTML5, tetapi sebaiknya hanya digunakan saat menggunakan XHTML terlebih dahulu (dokumen dengan format XML, file SVG yang tidak valid mungkin tidak diterima oleh beberapa layanan atau aplikasi. Misalnya, Modernizr perpustakaan dapat digunakan untuk memeriksa dukungan yang hilang.

Buat File Svg Dengan Inkscape

Ada berbagai program perangkat lunak lain yang juga dapat membuat file SVG. ilustrasi vektor umumnya digunakan dengan program gratis bernama Inkscape. Anda bisa mendapatkan Inkscape dengan mengunjungi situs webnya. Ada juga aplikasi komersial, seperti Adobe Illustrator dan Inkscape, yang menyediakan kemampuan untuk membuat file sva.