Inkscape - Infografis Isometrik

   
   
 inkscape  alumni  
Artikel Terkait

Inkscape Untuk Keseharian Organisasi.

Berikut ini adalah kumpulan artikel, dengan kualitas mutu mediocre yang biasa-biasa. Namun bisa jadi bermanfaat bagi kegiatan organisasi sehari-hari, misalnya untuk organisasi kealumnian.

dasar tukang pamer! beginian ajah dijadiin artikel!

Ruang Diskusi

Prakata

Penulis telah membikin gambar 3D dengan proyeksi isometri, untuk kegiatan pemilihan raya ketua alumni di kampus. Yangmenarik di inkscape adalah, paduan antara efek filter dengan isometri. Penulis menyukai hasilnya, dan berkeinginan berbagi.

Daftar Isi

Bahasa Inggris

Artikel ini juga disajikan di blog penulis yang lain, dalam bahasa Inggris:

Pengaturan Isometri

Hanya ada tiga hal yang pembaca perlu ketahui.

  • Membikin grid axonometric,

  • Menggunakan snaps,

  • Tranformasi: skew dan rotate

Grid

Jaring Pandu

Penulis mengikuti bahan ajar ini:

  1. Bikin berkas baru.

  2. Buka tab Axonometric di Document Properties

  3. Bikin Axonometric baru dengan pengaturan:

    • Spacing Y:8,
    • Angle X: 30,
    • Angle Z: 30,
    • Major Grid: 10

Skew

Condongkan

  • Kiri: Skew Vertical: -30

  • Kanan: Skew Vertical: 30

  • Atas: Skew Horizontal: 30, Rotate: 30

  • Atau atas: Skew Horizontal: -30, Rotate: -30

Catatan: Bilamana menginginkan ukuran eksak, seharusnya dikalikan 86,062%. Namun penulis selalu mengabaikan, karena memang tidak membutuhkan ukuran tertentu yang presisi.

Efek Filter

Pembaca mesti mencoba sendiri, dan mengalami sendiri, supaya mendapat efek yang diinginkan.

Rancangan

Tiap bagian, ada di lapisan layer masing-masing.

Tata Huruf

Fonta tidak ada hubungannya dengan proyeksi isometri. Namun bila diinginkan, berikut pengaturan yang dipakai penulis pakai dalam pengerjaan ini:

  • Trajan Pro: Logo

  • Zekton: Count

  • Capture It: Title

  • Varsity: Hanya untuk Infografis #

Properti Berkas

Ukuran: lebar 960px, tinggi 960px.

Pratilik Infografis

Penulis telah membikin seitar 18 infografis, selama keseluruhan kegiatan berlangsung. Dimulai dari 12 ke 18, penulis menggunakan proyeksi isometrik 3D.

Tiap infografis mengumumkan tahapan kemajuan dari hasil perhtungan suara, dari alumniyangterdaftar untk kegiatan pemilihan raya tersebut.

Infografis #12

Ini yang paling sederhana. Hanya satuwarna dengan sedikit transparansi.

Infographic #12

Warna

Inilah warna RGBA yang dipakai:

  • Kiri: RGBA #715037ee

  • Kanan: RGBA #3a261aee

  • Atas: RGBA #555555ee

Berkas Sumber SVG

Infografis #13

Ayo, bikin warna yang berbda untuk tiap kotak.

Please Click for higher resolution.

[Infographic #13][hires-ig13]

Warna

Ada tujuh kotak, sesuai jumlah departemen (jurusan) di kampus.

Penulis menggunakan kombinasi RGB sebagai berikut:

merah

  • Kiri: (170, 40, 40), Kanan: (102, 20, 20), Atas: (119, 68, 68)

biru

  • Kiri: (40, 40, 170), Kanan: (20, 20, 102), Atas: (68, 68, 119)

Yang perlu diingat, ini bukanlah ilmu eksakta. Silahkan pilih warna RGB secara bebas Dan silahkan lanjutkan sendiri.

Efek Filter

  • Drop Down Shadow: Color: black (#000000), Opacity: 0.5, Blur: 10px, Offset-X: 20, Offset-Y: 20

Catatan: Group dahulu semua kotak, sebelum menerapkan efek.

Berkas Sumber SVG

Infografis #14

Mari bersenang-senang dengan efek-efek lain. Mencoba-coba itu bebas koq.

Penulis juga mengatur ulang peletakan kotak.

Infographic #14

Efek Filter

  • Bevels - Neon

Catatan: Group dahulu semua kotak, sebelum menerapkan efek.

Dekorasi

Penulis tidak memasukkan dekorasi avatar ke dalam SVG source, karena menghormati pembikinnya. Bagaimanapun, pembaca dapat menemukannya di sini:

Berkas Sumber SVG

Infografis #15

Yuk, tumpuk kotak-kotak ini satu diatas yang lain.

Infographic #15

Efek Filter

  • Top-Front: Morphology - Black Hole

  • Bottom-Back: Bevels - Molten Metal

Berkas Sumber SVG

Infografis #16

Mari atur ulang lagi, dan juga lakukan percobaan dengan efek filter lain yang berbeda-beda.

Infographic #1

Efek Filter

  • Top-Front: Bumps - Plastify

  • Bottom-Back: Bevels - Neon

###$ SVG Source

Infografis #17

Lagi, mari atur ulang, dan padukan efek filter dengan cara yang lain.

Infographic #1

Lucu khaaaan...

Efek Filter

  • Top-Front: Bevels - Neon

  • Bottom-Back: Morphology - Black Hole

Berkas Sumber SVG

Infografis #18

Ini pengumuman terakhir yang penulis bikin di kegiatan ini.

Infographic #18

Efek Filter

  • Bevels - Translucent

Berkas Sumber SVG

Penutup

Itu sajalah bang. Bisanya cuma itu.