Kamis, 21 Agustus 2014

Review Inkscape 0.91 bagian 2 [Symbol]


Tulisan ini adalah artikel kedua saya mengenai Fitur baru di Inkscape 0.91, jika pada artikel sebelumnya saya menulis tentang fitur baru pada Guides, maka pada artikel ini mengulas fitur yang benar-benar baru pada Inkscape 0.91 yaitu fitur Symbol yang belum tersedia pada Inkscape versi sebelumnya.

Klik Object => Symbols atau tekan Shift+Ctrl+Y, maka segera tampil jendela pengaturan yang terdiri dari beberapa menu dan submenu
Berikut Menu pada jendela pengaturan symbol
  1. Symbol set: digunakan untuk menambahkan symbol baru dan  memilih jenis symbol yang sudah disediakan secara default oleh Inkscape berdasarkan kelompoknya.
  2. Add & Remove Symbol: terdiri dari 2 (dua) ikon yang digunakan untuk menambahkan dan menghapus symbol pada submenu Current Document, ikon sebelah kiri untuk menambahkan symbol ke submenu  Current Document, sedangkan yang kanan untuk menghapus symbol yang sudah ditambahkan.
  3. View Symbol: digunakan untuk melihat tampilan symbol pada Submenu Symbol set.

Memilih Jenis Symbol
Arahkan kursor ke Symbol set => pilih dan klik salah satu submenu yang tersedia, maka pada jendela pengaturan symbol muncul berbagai symbol yang siap digunakan.
Menggunakan Symbol
Klik salah satu symbol yang akan digunakan, kemudian tahan dan seret ke canvas atau page (drag and drop), maka secara otomatis symbol ditambahkan ke canvas.


Menambah dan Menghapus Symbol
Untuk menambahkan symbol baru dari hasil desain yang kita buat ke jendela pengaturan symbol lakukan cara berikut: 
  • Arahkan kursor ke submenu Symbol Set => kemudian klik => pilih Cerrent Document, seleksi symbol yang sudah dibuat sebelumnya, arahkan kursor ke ikon Add & Remove Symbol, pilih ikon sebelah kiri, maka secara otomatis symbol yang kita seleksi tadi ditambahkan ke submenu Cerrent Document, sedangkan untuk menghapus symbol yang sudah ditambahkan klik ikon sebelah kanan.

Mengatur tampilan Symbol
Arahkan kursor ke View Symbol, klik salah satu ikon yang tersedia, maka secara otomatis tampilan symbol pada jendela pengaturan symbol berubah sesuai jenis tampilan yang dipilih. 


Demikian review fitur baru pada Guides di Inkscape 0.91, sampai jumpa pada review fitur baru lainnya (kalau sempat nulis) 


Senin, 18 Agustus 2014

Cara membuat Tulisan Perspektif [bagian 1]


Perspektif dalah konteks sistem dan persepsi visual adalah cara bagaimana objek terlihat pada mata manusia berdasarkan sifat spasial, atau dimensinya dan posisi mata relatif terhadap objek.
Contoh gambar perspektif yang dibuat menggunakan Inkscape

Dalam contoh tutorial ini saya akan menulis cara membuat tulisan prespektif menggunakan fitur Extension => Modify Path => Perspective pada Inkscape. Di Inkscape terdapat berbagai fitur yang dapat digunakan untuk membuat object perspektif secara mudah, masing-masing fitur memiliki cara dan metode yang berbeda. 

Buka Aplikasi Inkscape yang sudah terpasang dengan benar pada komputer Anda, kemudian buat object 3 Dimensi menggunakan 3D Toolbox, object 3D yang kita buat sebenarnya hanya sebagai pola atau acuan saja agar memudahkan proses pembuatan tulisan Perspektif yang akan kita buat, karena menurut saya cara inilah paling mudah diikuti oleh pengguna Inkscape yang masih dalam tahap belajar.


Buat dua buah tulisan menggunakan Text Tool, dalam contoh tulis BLANKON LINUX, atur kedua tulisan agar memiliki panjang yang sama, kemudian lakukan grouping kedua object, setelah itu ubah menjadi Path 

Buat Path tertutup menggunakan Bezier With Pen Tool dengan bentuk sama ukuran salah satu sisi object 3D  yang sudah dibuat sebelumnya (gunakan salah satu sisi sebagai jiplakan), cara membuat path tetrututup menggunakan   Bezier With Pen Tool harus dari arah bawah ke atas memutar ke kanan searah jarum jam, lihat gambar di bawah ini lebih jelasnya. Jika object dibuat menggunakan bezier with pen tool tidak otomatis menjadi path, ubahlah menjadi path

Geser object text (tulisan) yang sudah dibuat sebelumnya ke atas Path tertutup, kemudian arahkan kursor ke Menu Bar => klik Extensions => Modify Path => Perspective, maka hasilnya akan terlihat seperti pada gambar di bawah ini

Hapus path tetrtutup jika sudah tidak dipakai, atau sedikit perkecil tulisan perspektif yang sudah jadi tersebut agar lebih serasi lagi, contohnya seperti gambar dibawah ini


Buatlah perspektif pada masing-masing sisi seperti cara sebelumnya, maka hasilnya kurang lebih seperti dibawah ini


Mudah bukan?, sampai jumpa pada tutorial lainnya (kalau saya sempat nulis)

Minggu, 17 Agustus 2014

Print File SVG with Browser


Dari beberapa pertanyaan yang saya terima di forum, millis, jejaring sosial, maupun email, banyak yang menanyakan cara mencetak file SVG yang dibuat menggunakan Inkscape, karena saya sudah bosan menjawabnya secara langsung maka saya buat tutorial sederhana ini

Jalanka Aplikasi Inkscape pada komputer Anda, buat object persegi panjang dengan ukuran 267,0 x 180,0 mm, lho kok pakai ukuran millimeter bukan centimeter dan ukurannya aneh? jawabannya tidak akan saya bahas pada tutorial ini, nanti Anda akan tahu dan dapat menyimpulkannya sendiri jika mau mengikuti turorial ini sampai selesai.
Lho kok malah membuat object persegi panjang? Jawabannya singkat dan sederhana, yaitu; object persegi panjang kita jadikan guides, apa itu guides? silakan cari sendiri di internet, oke kita lanjut saja, setelah object persegi panjang selesai dibuat, arahkan kursor ke Menu Bar => klik Object => Object to Guides, maka object persegi panjang otomatis hilang dan sebagai gantinya muncul guides berbentuk persegi panjang sesuai ukuran object persegi panjang yang dibuat sebelumnya.

Buat beberapa baris tulisan dengan ukuran lebar dan tinggi sama dengan ukuran guides, dalam contoh saya membuat tulisan yang akan saya pasang di dinding kios (seperti biasa, iklan terselubung dalam sebuah tutorial) hasilnya seperti terlihat pada gambar dibawah ini, 


Seleksi semua object yang sudah dibuat, kemudian lakukan grouping, setelah itu Rotasi object ke kanan 90 derajat sehingga posisi object menjadi vertical seperti pada gambar dibawah ini,
Agar guides yang dibuat sebelumnya tidak mengganggu pandangan sebaiknya sembunyikan atau hapus saja
Lakukan pengaturan halaman untuk object yang telah dibuat, caranya; arahkan kursor ke Menu Bar => File => Document Properties, pada jendela pengaturan halaman yang tampil klik Resize page to content sehinga tampil submenu untuk mengatur margin masing-masing sisi, biarkan saja masing-masing kotak isian tetap 0 (nol), kemudian klik Resize page to drawing selection, maka secara otomatis ukuran halaman (page) sesuai dengan ukuran object yang dibuat sebelumnya.
Jangan lupa pada menu Unit ubah menjadi mm



Setelah semua pengaturan selesai, simpan project tersebut pada direktori komputer Anda dengat format Inkscape SVG (*.svg), dalam contoh disimpan pada direktori Pictures


Buka file yang telah tersimpan pada direktori tersebut menggunakan Browser, dalam contoh menggunakan Chromium, maka cara yang dilakukan adalah klik kanan File => Buka Dengan => Peramban Web Chromium


Setelah file SVG tampil pada browser sekarang lakukan percetakan menggunakan printer yang terpasang dan aktif pada komputer.
Sebelum melakukan pencetakan maka perlu melakukan pemilihan printer dan pengaturan lainnya, dalam contoh saya pilih iP2700-series dari beberapa printer yang kebetulan saya miliki, karena kebetulan printer  tersebut yang sedang tersambung dengan komputer, pada menu Range pilih Pages dan isikan angka 1 (satu)


Pindahkan kursor ke Tab Page Setup, klik menu Paper size => Manage Costum size, maka segera tampil subjendela pengaturan printer, klik menu Margins from printer dalam contoh pilih iP2700-series (sesuai printer yang akan digunakan), lakukan juga pengaturan pada Paper Margins, dalam contoh pada masing-masing kotak diisi 150,0 mm



Setelah semua pengaturan selesai sekarang lakukan pencetakan pada file tersebut dengan melakukan klik tombol Print disebelah kanan bawah pada jendela pengaturan yang masih tampil, maka hasil dari print yang dilakukan terlihat seperti pada gambar dibawah ini


Dari studi kasus diatas maka silakan Anda simpulkan sendiri mengapa dalam tutorial ini Unit yang dipakai harus millimeter (mm), bukan centimeter (cm)?
Mengapa objecnya harus dibuat miring?
Mengapa ukuran halaman yang dibuat kok agak aneh?
Silakan pikir dan temukan jawabannya sendiri!...

Saran

Saran