E-Book Desain Grafis Dengan Inkscape
E-Book Desain Grafis Dengan Inkscape
E-Book Desain Grafis Dengan Inkscape
Oleh: Sokibi
Editor: Ahmad Haris
Desain Cover: Sokibi
Hak Cipta © 2017 pada penulis.
Buku ini menggunakan lisensi CC BY-NC-SA yang intinya mengizinkan siapapun untuk
menyebarkan, mengubah, menyesuaikan, dan mengadaptasi buku dengan syarat:
• Mencantumkan informasi tentang penulis dan editor asli buku ini.
• Dilarang mengubah lisensi dan menjual-belikan buku ini, baik oleh perorangan
ataupun perusahaan.
Buku ini disusun dan disunting menggunakan LibreOffice Writer yang berjalan di atas
Sistem Operasi BlankOn Linux
Buku ini merupakan versi digital yang sengaja penulis bagikan secara gratis, isi dari
buku ini sama dengan versi cetak yang telah diterbitkan secara terbatas oleh Istana
Media Group.
Bagi yang berminat membeli edisi cetak dapat menghubungi penulis atau editor
melalui email
• Email penulis: istanalinux@gmail.com
• Email editor: princeofgiri@di.blankon.in
ii
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan rahmat
dan karunia-Nya, akhirnya Buku Desain Grafis dengan Inkscape ini dapat terselesaikan.
Buku ini sengaja penulis susun sebagai langkah awal untuk memenuhi kebutuhan buku
Desain Grafis dengan Aplikasi yang dapat diunduh secara gratis, karena selama ini masih
sangat sedikit buku Panduan Desain Grafis yang berbasis kode sumber terbuka. Buku ini
berisi panduan cara-cara menggambar dengan mudah menggunakan software open source
yang dapat diunduh (download) dan digunakan secara gratis.
Dengan adanya buku ini penulis berharap semoga pembaca tetap dapat menyalurkan
hobinya dengan menggunakan Aplikasi murah tanpa harus memakai aplikasi bajakan. Penulis
berharap dengan adanya buku ini, semoga akan terbit buku lain tentang Desain Grafis
berbasis Open Source yang ditulis orang lain sehingga dapat saling melengkapi.
Buku ini sebagian besar berisi berbagai Fitur dan Tool yang ada di Inkscape dan beberapa
contoh cara menggunakannya. Buku ini diperuntukkan untuk kalangan umum ataupun
pelajar yang hobi menggambar. Buku ini dapat digunakan oleh semua orang dengan berbagai
latar belakang yang berbeda. Pembaca dapat membaca buku ini berurutan dari depan ke
belakang atau secara acak dari halaman tertentu. Secara umum isi buku ini ditulis dengan
berurutan dari hal yang paling dasar sampai ke hal yang lebih rumit.
Inkscape yang digunakan penulis pada buku ini adalah versi 0.48 yang berjalan di atas Sistem
Operasi BlankOn Linux versi 8 yaitu BlankOn Rote, maka dari itu sangat memungkinkan
terdapat perbedaan pada sistem operasi lain yang pembaca gunakan, perbedaan yang sangat
mencolok adalah Antarmuka dan bentuk Ikon. Walaupun Inkscape yang digunakan oleh
penulis masih menggunakan versi 0.48, namun buku ini tetap dapat digunakan sebagai
panduan untuk Inkscape versi di atasnya, hal ini dapat terjadi karena sebagian besar fitur dan
tool di Inkscape versi lama tetap ada di Inkscape versi yang lebih baru.
Sebagian besar isi buku ini merupakan hasil praktek yang penulis lakukan berdasarkan
refrensi yang penulis baca di internet, dan juga beberapa E-Book bahasa Inggris yang penulis
miliki baik yang didapat secara gratis maupun dengan membelinya.
Buku ini merupakan versi digital yang sengaja penulis bagikan secara gratis agar masyarakat
umum yang belum memiliki uang lebih untuk membeli buku versi cetak tetap bisa belajar
menggunakan Inkscape. Walau demikian penulis tetap menerima dengan senang hati jika
ada pembaca yang mau memberi sedikit donasi sukarela.
iii
Penulis menerima donasi berupa Uang atau Pulsa, untuk donasi berupa uang dapat
dilakukan dengan cara transfer ke nomor Rekening BRI 3788-01-019373-53-8 a/n SOKIBI,
sedangkan untuk donasi berupa pulsa dapat dikirim ke nomor +6285727528266. Untuk Anda
yang telah melakukan donasi dan namanya ingin dicatat, silakan kirim konfirmasi melalui
email ke istanalinux@gmail.com atau SMS ke +6285727528266.
Terima kasih kepada teman-teman Pengembang BlankOn Linux dan Komunitas Open Source
seluruh Indonesia atas semua dukungannya, tanpa dukungan kalian semua buku ini tidak
dapat tersusun dengan baik. Terima kasih juga penulis ucapkan kepada sponsor buku ini.
Penulis menyadari bahwa buku ini masih banyak kekurangannya. Untuk itu, kritik dan saran
dari para pengguna buku ini sangat diharapkan. Akhir kata, terima kasih telah menggunakan
buku ini. Semoga buku ini dapat bermanfaat bagi kita semua.
Penulis
iv
DAFTAR ISI
BAB 1 PENDAHULUAN.....................................................................................................................1
1.1. Apa Itu Inkscape?.............................................................................................................1
1.2. Sejarah Inkscape...............................................................................................................1
1.3. Apa Itu SVG.......................................................................................................................2
1.4. Perbedaan Vektor Dan Bitmap.........................................................................................3
1.5. Keuntungan Menggunakan SVG.......................................................................................4
BAB 4 FILES...................................................................................................................................21
4.1. Membuka Halaman Baru................................................................................................21
4.2. Membuka File.................................................................................................................21
4.3. Save File..........................................................................................................................23
4.4. Import File......................................................................................................................25
4.5. Export File.......................................................................................................................28
4.6. Printing Files...................................................................................................................29
4.7. Vacuuming Files..............................................................................................................30
4.8. Close File........................................................................................................................30
v
5.12. Calligraphy Tool............................................................................................................68
5.13. Text Tool........................................................................................................................72
5.14. Spray Tool.....................................................................................................................74
5.15. Eraser Tool....................................................................................................................76
5.16. Bucket Fill Tool..............................................................................................................77
5.17. Gradients......................................................................................................................79
5.18. Dropper Tool.................................................................................................................82
5.19. Connector Tool.............................................................................................................83
BAB 7 TEXT..................................................................................................................................101
7.1. Selecting Text................................................................................................................101
7.2. Glyphs...........................................................................................................................102
7.3. Text And Paths..............................................................................................................103
7.4. Spell Checking...............................................................................................................105
7.5. Extensions Text.............................................................................................................106
BAB 11 PATH...............................................................................................................................141
11.1. Path Operations..........................................................................................................141
11.2. Path Offset..................................................................................................................143
11.3. Miscellaneous Path Commands..................................................................................144
11.4. Live Path Effects..........................................................................................................145
vi
11.5. Trace Bitmap...............................................................................................................159
BAB 12 EXTENSIONS....................................................................................................................165
12.1. Arrange.......................................................................................................................166
12.2. Color...........................................................................................................................166
12.3. Generate From Path...................................................................................................170
12.4. Images........................................................................................................................175
12.5. JessyInk.......................................................................................................................175
12.6. Modify Path................................................................................................................190
12.7. Raster.........................................................................................................................196
12.8. Render........................................................................................................................196
12.9. Text.............................................................................................................................209
12.10. Visualze Path.............................................................................................................209
12.11. Web..........................................................................................................................210
SEGERA TERBIT.............................................................................................................................272
Menjadi Sponsor Buku........................................................................................................273
vii
SEGERA TERBIT!
viii
BAB 1 PENDAHULUAN
Saat ini Inkscape masih terus dikembangkan, hal ini dapat dilihat dengan adanya
penambahan fitur dan antarmuka baru pada setiap rilis versi barunya.
mengenali perbedaan dari tujuan project tersebut karena mereka juga adalah pengembang
Sodipodi. Keterbukaan untuk pihak ketiga agar dapat berkontribusi, dan ketidaksetujuan
teknis sebagai alasan mereka melakukan forking inkscape.
Dengan inkscape mereka berpendapat bahwa fokus dan pengembangan untuk penerapan
standar SVG dapat dilakukan secara lengkap, hal ini sedikit berbeda dengan pengembangan
Sodipodi yang menekankan pada pembuatan sebuah program editor grafik vektor seperti
pada umumnya yang mengorbankan implementasi SVG.
Sejak dikembangkan dalam fork tersebut, Inkscape yang semula menggunakan bahasa
pemrograman C ke C++, berubah menggunakan GTK+ toolkit C++ y (gtkmm), antarmuka
inkscape kemudian dirancang ulang sehingga lebih mudah jika ada penambahan fitur baru.
Penerapan terhadap standar SVG telah menunjukkan perbaikan yang signifikan, walaupun
sampai saat ini belum lengkap, alasannya adalah karena SVG sendiri hingga kini masih terus
dikembangkan.
Berita baik kemudian muncul setelah Xara meluncurkan rencana akan merilis aplikasi untuk
melukis Xara Xtreme sebagai proyek Open Source, mereka mengungkapkan minat untuk
bekerja sama dengan inkscape agar kedua proyek ini dapat saling berbagi kode. Tujuannya
adalah sebuah proyek dengan koordinasi yang baik sehingga tercipta aplikasi pengolah grafik
open source yang lebih hebat dari pengolah grafik apapun. Sejak tahun 2005 Inkscape ikut
serta di dalam Summer of Code, sebuah program yang dikembangkan Google. Sejak bulan
November 2007 sistem pencarian kesalahan program inkscape ditanam ke Sourceforge.
1.4.1. Vektor
Gambar vektor merupakan gambar yang terbentuk dari sejumlah garis atau kurva dan shape,
maka dari itu gambar dengan format vektor apabila diperbesar tidak akan mengalami
penurunan sehingga kualitasnya gambar tetap baik.
1.4.2. Bitmap
Gambar Bitmap sering juga disebut Raster, tampilan gambar jenis ini terdiri dari titik-titik
atau piksel, gambar dengan format Bitmap jika diperbesar menjadi ukuran tertentu akan
terlihat kotak-kotak.
2.2. Mouse
Dalam pengoperasian program inkscape, sebagian besar pekerjaan dilakukan dengan
menggunakan mouse. Agar lebih mudah pada saat menggunakan inkscape, maka harus
mengenal fungsi dan istilah dalam penggunaan mouse, berikut ini beberapa fungsi dan istilah
pada mouse:
Klik Kiri
Menekan satu kali secara singkat tombol mouse di bagian kiri dengan jari telunjuk, atau
sering disebut klik saja.
Klik Kanan
Menekan satu kali secara singkat tombol mouse di bagian kanan dengan jari tengah.
Catatan:
• Kursor adalah tanda yang tampil di layar jika menggerakan mouse, tanda tersebut
bentuknya berbeda-beda, biasanya akan menyesuaikan program dan tool yang
dijalankannya, yang paling sering berbentuk panah, kursor juga sering disebut
pointer.
Tunggu beberapa saat hingga tampil jendela utama inkscape. Waktu yang dibutuhkan dalam
proses membuka program ini tergantung dengan kondisi komputer yang sedang digunakan,
semakin modern komputer yang digunakan maka akan semakin cepat juga prosesnya.
7
Catatan:
• Untuk membuka inkscape pada Sistem Operasi lain sedikit berbeda, sesuaikan saja
dengan Sistem Operasi yang digunakan atau silakan merujuk pada buku panduan
penggunaan Sistem Operasi yang Anda gunakan.
2.4.5. Ruler
Ruler atau penggaris merupakan alat bantu
untuk mengukur panjang dan lebar suatu
canvas atau halaman kerja. Pada program
inkscape terdapat dua ruler yaitu ruler
horizontal dan vertical, ruler horizontal
Gambar 2.6: Ruler
berada di sisi atas canvas, sedangkan ruler
vertical berada di sisi kiri canvas.
2.4.7. Canvas
Canvas, merupakan area kerja untuk menempatkan object yang dibuat, pada saat melakukan
pencetakan (printing) object yang berada pada canvas namun diluar halaman kerja tidak ikut
tercetak.
2.4.8. Page
Page atau kadang disebut lembar kerja merupakan area kerja di dalam canvas, area ini dapat
memanjang keluar dari area pandang, kita dapat menyorot halaman ini sesuai kebutuhan,
dengan mengeser Sroll Bar ke kiri-kanan atau ke atas-bawah. Pada saat melakukan
pencetakan object yang berada di halaman kerja inilah yang akan tercetak
Cara menggunakan
Arahkan kursor ke Menu Bar => klik View => Nama Menu => Submenu, jika submenu
menampilkan Jendela Pengaturan lakukan pengaturan yang sesuai.
Catatan
• Inkscape juga menyediakan fitur Floating untuk jendela pengaturan, namun jika
menggunakan fitur ini maka secara otomatis fitur docking dimatikan, untuk
menggunakan fitur floating klik File => Inkscape Preferences => Windows => Dialog
behavior => Floating, kemudian restart inkscape Anda
2.5.2. Zoom
Untuk mengatur besar kecilnya tampilan canvas atau halaman kerja berdasarkan persentase
skala object, lebih jelasnya baca halaman Toolbox => Zoom Tool.
2.5.3. Hide/Show
Fitur Hide/Show digunakan untuk menyembunyikan dan menampilkan berbagai bagian
utama antarmuka inkscape. Untuk menyembunyikan atau menampilkan Scroll Bar tekan
Ctrl+B pada keyboard, sedangkan untuk menyembunyikan/menampilkan semua bagian
antarmuka inkscape tekan Shift+F11. Lakukan cara yang sama untuk mengembalikan ke
kondisi sebelumnya.
12
Gambar 2.11: Tampilan mode Normal dan Outline saat menggunakan Duplicate Window
Catatan:
• Penjelasan lebih rinci mengenai Color Gambar 2.12: Swatches color
Swatches baca Bab 6 Styling Objects
and Color => Color Swatches.
Catatan
• Antarmuka Inkscape yang digunakan pada buku ini menggunakan pengaturan
Default, jika saat mengikuti tutorial pada buku ini mengalami sedikit kesulitan karena
antarmuka Inkscape yang Anda gunakan sedikit berbeda maka lakukan pengaturan
ulang antarmuka pada inkscape Anda, caranya arahkan kursor pada Menu Bar => klik
View => Default.
• Ukuran besar-kecilnya ikon pada Tool Box, Command Bar, dan Tool Control dapat
diatur sesuai kebutuhan melalui jendela pengaturan Inkscape Preferences =>
Interface.
BAB 3 CANVAS AND PAGE
Catatan:
• Unit atau ukuran Feet dan Meter yang tersedia pada Inkscape tidak dapat bekerja
dengan maksimal karena tidak termasuk standar dalam SVG dan CSS.
16
Catatan:
• Penggunaan warna latar belakang pada
canvas sangat berguna pada saat
menggambar object dengan warna tertentu
yang sulit dilihat, misalnya pada saat
membuat object berwarna putih atau
warna lainnya.
Gambar 3.2: Mengatur Warna Latar belakang
3.1.3. Page Size
Page Size digunakan untuk memilih
dan mengatur ukuran page atau
halaman, terdapat beberapa bagian
untuk melakukan pengaturan halaman
yaitu:
• Page Size: digunakan untuk
memilih jenis halaman kerja
atau kertas, orientation
digunakan untuk mengatur
posisi kertas.
• Custom Size: digunakan untuk
mengatur jenis halaman secara
manual yang tidak tersedia
Gambar 3.3: Jendela Pengaturan Halaman
pada daftar di menu Page Size.
• Units digunakan untuk
mengatur ukuran dan satuan antarmuka halaman dan object yang sedang dikerjakan.
Catatan:
• Jika terdapat beberapa object yang akan diatur pada mode ini lakukan group terlebih
dulu terhadap object-object tersebut.
• Batas dari jangkuan cetak tergantung dari jenis dan printer yang digunakan.
3.1.5. Border
Border digunakan untuk menampilkan atau menyembunyikan garis bingkai pada tepi
halaman, terdapat 3 (tiga) submenu untuk mengatur tampilan bingkai.
3.2. Guides
Guides atau garis pandu adalah garis bantu yang dapat gunakan untuk mempermudah
pekerjaan dalam membuat gambar terutama untuk mengatur letak dan posisi object. Object
yang dibuat dapat digeser dan diatur sesuai posisi guides yang dibuat sebelumnya.
Gambar 3.5: Kiri; Cara membuat guides vertical, Kanan; Cara membuat guides diagonal
3.3. Grids
Grid atau kisi fungsinya hampir sama dengan guide, grid pada inkscape terdiri dua macam
yaitu Grid Rectangular dan Axonometric.
Grid Rectangular terdiri dari garis horizontal dan garis vertical seperti selembar kertas pada
buku matematika yang berisi tabel, sedangkan Grid Axonometric terdiri dari tiga garis yaitu:
satu garis vertical dan dua garis diagonal yang posisinya saling berlawanan dengan
kemiringan 300 (tiga puluh derajat). Grid Rectangular biasanya dipakai untuk mempermudah
pembuatan object berbentuk persegi, sedangkan Grid Axonometric digunakan untuk
mempermudah pembuatan object 3 Dimensi.
yaitu grid rectangular dan axonometric, pada saat menghilangkan tanda centang pada grid
Rectangular maka grid Axonometric akan tetap tampak dilayar, begitupun sebaliknya.
Cara lain untuk menyembunyikan grid dapat dilakukan dengan menekan tombol # (pagar)
pada keyboard, lakukan hal yang sama untuk menampilkannya kembali.
Catatan:
• Pada Grid Axonometric terdapat menu Angle yang digunakan untuk mengatur
kemiringan grid berdasarkan derajat, untuk mengubahnya isikan nilai tertentu sesuai
keinginan.
• Jika ingin mengubah jarak dan warna grid yang disediakan secara Default ke
pengaturan sendiri secara keseluruhan dapat dilakukan melalui File => Inkscape
Preferences (Shift+Ctrl+F) => Grid => pilih Rectangular grid atau Axonometric grid.
BAB 4 FILES
Tentang File
Halaman ini khusus menjelaskan secara ringkas mengenai konsep dan management file pada
inkscape. Penjelasan mencakup cara menyimpan, import, export, dan print gambar atau file.
Untuk menjalankan menu file, klik File => nama submenu pada Menu Bar. Cara lainnya klik
salah satu ikon pada Command Bar, contohnya: New-default, Open, Save, Print, Import, dan
Export Bitmap.
Catatan
• Jika menggunakan sistem operasi GNU/Linux letak template yang disediakan secara
default oleh inkscape berada di direktori /usr/local/inkscape/share/templates
dengan nama default.svg.
Catatan
• Jika saat membuka file bitmap menggunakan pilihan link maka pada waktu
melakukan penyimpanan dalam format SVG sebaiknya simpan project yang dibuat
pada direktori atau folder yang sama dengan gambar bitmap tersebut.
• Jika ingin membuka file dari media lain atau dari direktori yang tidak terdaftar pada
sistem operasi yang digunakan sebaiknya kaitkan terlebih dulu media tersebut.
4.2.3. Revert
Untuk mengembalikan file ke kondisi semula sebelum dilakukan perubahan, cara ini berjalan
pada gambar bitmap.
Penyimpanan file juga dapat dilakukan secara langsung pada folder baru dengan cara
membuat folder baru terlebih dulu, jika menggunakan sistem operasi GNU/Linux (dalam
contoh menggunakan distro BlankOn Linux) lakukan langkah berikut: klik tombol Create
Folder (letaknya di sebelah kanan Save in folder), kemudian tulis nama folder yang
diinginkan, tekan Enter, setelah itu tulis nama file yang akan disimpan, pilih jenis file, terakhir
klik Save.
24
Jika gambar yang akan disimpan berupa object yang rumit, misalnya object yang dibuat
menggunakan fitur extension tertentu, atau menggunakan Filter tertentu, beri tanda centang
Append filename extension automatically pada Kotak Opsi Pilihan, hal ini perlu dilakukan
agar gambar yang dibuat saat dibuka pada inkscape versi yang berbeda tidak mengalami
banyak perubahan.
• .xcf (GIMP XCF maintaining layers), Format standar dengan metode layer yang
digunakan GIMP.
• .zip (JessyInk zipped or png output), Format untuk memperkecil gambar berupa
file SVG menjadi paket zip secara langsung, file yang dihasilkan tidak dapat dibaca
secara langsung oleh inkscape (untuk dapat membukanya harus diekstrak lebih
dulu). File yang tersimpan dalam paket zip dapat berupa *.png atau *.pdf sesuai
opsi yang dipilih saat melakukan penyimpanan.
• .gpl (GIMP Palette), Menyimpan daftar warna yang digunakan dalam gambar
menjadi file Palette Gimp.
• .dxf (AutoCAD DXF R12/R14) (*), Format standar untuk gambar teknik, biasanya
digunakan untuk bertukar file dengan perangkat lunak AutoCAD.
• .plt or .hpgl (HP Graphic Language Plot file [Auto CAD]), Menyimpan file dalam
bentuk format HPGL, digunakan pada berbagai alat plotter dan cutter. Untuk dapat
menjalankan mode ini membutuhkan UniConvertor 1.1.4 atau versi yang lebih baru.
• .sk1 (sK1 vector graphics files), Untuk menyimpan file dalam bentuk sketsa, agar
dapat menjalankan mode ini membutuhkan UniConvertor 1.1.4 atau versi yang lebih
baru.
• .xaml (Microsoft XAML), Format yang dikembangkan oleh Microsoft untuk
antarmuka grafis pada Windows Vista.
Catatan
• Inkscape juga menyediakan fitur untuk menyimpan perubahan secara otomatis
(autosave), fitur ini dapat diaktifkan melalui jendela Inkscape Preferences
(Shift+Ctrl+P) => Save, jeda waktu dan maksimum penyimpanan dapat diatur dengan
megubah nilai yang sudah ada dengan nilai tertentu pada kotak yang tersedia.
Sedangkan cara kedua dengan cara klik File => Import (Ctrl+I) kemudian klik dua kali file yang
akan dibuka.
Berikut daftar file yang dapat diimpor oleh inkscape (untuk yang bertanda * [bintang] penulis
belum mengujinya)
• .ai (Adobe Illustrator)* versi 9.0 yang dapat dibuka, pada Inkscape v0.47
membutuhkan UniConverter untuk dapat membukanya.
• ai.svg (Adobe Illustrator SVG)
• .ani (Animation Cursor)
• .bmp (Windows Bitmap)
• .cdr, .ccx, .cdt, .cmx (CorelDRAW), untuk membukanya membutuhkan UniConvertor.
File cdr Versi 7 sampai dengan X4 membutuhkan UniConvertor 1.1.1.3 atau versi
yang lebih baru.
• .cgm (Computer Graphics Metafile)* untuk membukanya membutuhkan
UniConvertor.
• .cur (Windows cursor)
• .dia (Dia) untuk dapat membuka format ini membutuhkan program Dia yang
terpasang pada sistem operasi yang sama.
• .dxf (AutoCAD), Impor dilakukan dengan script internal, import ditujukan untuk
AutoCAD versi 13, untuk membuka file versi di bawahnya disarankan menggunakan
program QCad atau FreeCad.
• .eps (Encapsulated PostScript), membutuhkan Ghostscript dengan utility ps2pdf pada
PATH. File EPS dikonversi terlebih dulu ke format PDF kemudian baru diimpor. Pada
Inkscape v0.47 dan di bawahnya membutuhkan pstoedit.
• .fig (XFig), Membutuhkan xfig (fig2dev) yang harus terpasang dengan baik.
• .ggr (Gimp gradient), membutuhkan aplikasi GIMP untuk dapat melakukannya.
Gradient yang di impor akan muncul pada menu Gradien, fitur ini hanya bekerja
untuk Gradient linear.
• .gif (GIF: Graphic Interchange Format)
• .icns (Apple Icon Image icon)
• .ico (Windows icon)
• .jpg, .jpe, .jpeg, jp2, .jpc, .jpx, .j2k, .jpf (JPEG and JPEG2000: Joint Photographic
Experts Group)
• .pbm, .pgm, .pnm, .ppm (PNM, Portable Anymap)
• .pcx (PC Paintbrush Bitmap Format)
• .pdf (Adobe Portable Document Format), didukung native melalui poppler library.
• .plt (HPGL File for desktop cutters), untuk membukanya membutuhkan UniConvertor
1.1.4 atau versi yang lebih baru.
• .png (PNG: Portable Network Graphic)
27
Catatan:
• Untuk dapat menjalankan fitur Open Clip Art Library komputer harus terhubung
dengan internet atau dalam jaringan.
• Jika fitur ini tidak berjalan dengan baik, silakan lakukan pengaturan nama server ke
openclipart.org pada jendela Inkscape Preferences => Import/Export.
28
4.5.1.1. Page
Jika memilih tab Page maka hanya object yang
berada di dalam area halaman yang diekspor.
Format file SVG diekspor menjadi png.
4.5.1.2. Drawing
Jika memilih tab Drawing maka semua object
dalam canvas akan diekspor, object paling
pinggir menjadi pembatas gambar hasil ekspor.
4.5.1.3. Selection
Jika memilih tab Selection maka hanya object
dipilih yang akan di ekspor, object paling
pinggir menjadi pembatas gambar hasil ekspor.
Nama gambar sesuai dengan nama path pada
object yang dipilih.
4.5.1.4. Custom
Jika memilih tab Custom maka ekspor
dilakukan pada gambar dengan batas sesuai Gambar 4.5: Jendela Pengaturan Export to PNG
ukuran yang ditentukan secara manual. Di
bagian bawah menu File Name terdapat dua fitur tambahan yang dapat digunakan untuk
mengekspor object
4.5.1.6. Filename
Menu Filename digunakan untuk menentukan letak dan memberi nama file hasil ekspor, klik
Browser untuk menuju ke direktori yang diinginkan, penyimpanan file secara garis besar
sama seperti cara menyimpan file pada aplikasi lain sesuai Sistem Operasi yang digunakan.
Catatan
• Jika ingin mengekspor gambar yang berasal dari shape dan path sebaiknya gunakan
antara 200 s/d 300 dpi, sedangkan jika yang akan diekspor gambar berupa text
gunakan nilai 150 dpi.
• Untuk memberi nama id object silakan baca penjelasannya pada halaman XML
Editor.
• Jika object yang akan diekspor berasal dari shape yang sudah mengalami banyak
modifikasi, sebaiknya ubah terlebih dulu menjadi path sebelum diekspor.
• Jika pada direktori tempat menyimpan file ada nama yang sama maka pada saat
menggunakan fitur Batch export akan menimpa file lama tersebut dengan file hasil
ekspor tanpa ada peringatan.
Catatan
• Pada beberapa Distro GNU/Linux tertentu proses printing secara langsung dari
inkscape kadang mengalami masalah terutama jika menggunakan mesin printer yang
belum mendukung driver secara native, solusinya simpanlah project dengan format
PDF, kemudian buka file dan print menggunakan aplikasi pembuka file PDF yang
sudah disediakan oleh Ssitem Operasi yang Anda gunakan.
• Cara lainya simpan file dalam format SVG kemudian buka dan print menggunakan
Browser yang sudah mendukung SVG.
30
Tool Box berisi berbagai ikon untuk memudahkan dalam pembutan object yang akan
dijadikan gambar, jika salah satu ikon pada Tool Box diklik maka secara otomatis ikon pada
Tool Control ikut berubah.
Pada saat melakukan klik dua kali (double click) pada salah satu ikon Tool Box maka akan
membuka jendela Inkscape Preferences dengan submenu mengarah sesuai Tool Box tersebut.
Cara Menggunakan
Klik ikon Selector Tool kemudian pilih dan klik object yang akan dimodifikasi, maka pada
object terdapat bingkai dengan garis tepi hitam putus-putus berbentuk persegi panjang
yang mengelilingi object, garis tersebut dalam istilah desain grafis sering disebut bounding
box atau dalam Bahasa Indonesia disebut kotak pembatas.
32
Gambar 5.2: Kiri object belum dipilih, Kanan Object sudah dipilih
Selain untuk mengubah ukuran object, Rubberband Selection juga dapat digunakan untuk
mengubah beberapa warna pada object menjadi satu warna secara bersamaan dengan
menggunakan warna pada Color Palette.
33
Catatan:
• Pada sebagian Sistem Operasi GNU/Linux penggunaan Touch Selection tidak dapat
dilakukan karena tombol Alt biasanya digunakan untuk mengontrol jendela aplikasi
yang sedang dijalankan, untuk dapat melakukan Touch Selection pada sistem operasi
GNU/Linux silahkan lakukan pengaturan ulang fungsi tombol keyboard pada Distro
Linux yang Anda gunakan.
1. Klik object yang akan digeser, kemudian tekan tombol arah kiri-kanan atau atas-
bawah pada keyboard untuk menggeser object tersebut, agar jarak object waktu
digeser tidak terlalu lebar, lakukan pengeseran sambil menekan tombol Ctrl atau Alt.
2. Klik object, isikan nilai tertentu pada kotak koordinat yang ada di menu Tool Control,
kotak X artinya jarak object dari sisi kiri halaman, sedangkan kotak Y artinya jarak
object dari sisi bawah halaman, setelah nilai yang diisikan sudah sesuai tekan Enter.
kecil yang digunakan untuk mengubah secara langsung jenis ukuran object yang sedang
dikerjakan.
Untuk mengubah ukuran object dapat juga dilakukan dengan menekan tombol tertentu pada
keyboard, berikut penjelasannya:
• . (titik) atau >: Memperbesar object dengan ukuran 2 pixel
• , (koma) atau <: Memperkecil object dengan ukuran 2 pixel
• Ctrl+. (titik) atau Ctrl+>: Memperbesar object dua kali (200%) dari ukuran semula
• Ctrl+, (koma) atau Ctrl+<: Memeperkecil object setengah (50%) dari ukuran semula
• Alt+. (titik) atau Alt+>: Memperbesar ukuran object sebesar 2 pixel
• Alt+, (koma) atau Alt+<: Memperkecil ukuran object sebesar 2 pixel
Jika pada saat memutar object sambil menekan tombol Shift maka object akan bergeser
memutar dari posisi semula (tergantung dari perputaran yang dilakukan), pangkal object
untuk sementara berubah menjadi pusat object, namun setelah dilepas pusat object akan
kembali ke tengah.
36
Klik ikon Rotate Selection 900 pada Command Bar untuk melakukan perputaran dengan
kemiringan 900 (sembilan puluh derajat).
Jika ikon di sebelah kiri yang diklik maka object akan berputar ke kiri sedangkan jika
melakukan klik ikon di sebelah kanan object akan berputar ke kanan.
Untuk memutar object dapat juga dilakukan dengan menekan tombol tertentu pada
keyboard, berikut penjelasannya:
1. [ : Memutar object ke kiri 150 (15 derajat)
2. ] : Memutar object ke kanan 150 ( 15 derajat)
3. Ctrl+[ : Memutar object ke kiri 900 (90 derajat)
4. Ctrl+] : Memutar object ke kanan 900 (90 derajat)
5. Atl+[ : Memutar object ke kiri 1 pixel perlayar
6. Atl+] : Memutar object ke kiri 1 pixel perlayar
Untuk melakukan Skewing atau Shearing lakukan cara berikut: klik object, klik sekali lagi
hingga pada pusat object muncul tanda + (tambah), geser tanda tersebut ke salah satu sisi
object yang ada tanda panah saling berlawanan, kemudian geser tanda rotasi object ke arah
tertentu.
5.1.5. Mirroring
Mirroring atau Flips adalah cara untuk membalik object secara vertical atau horizontal.
Object yang dibalik ukurannya tidak berubah (tetap sama) dan letak object tidak bergeser.
Untuk melakukan mirroring atau flips, pilih dan klik object, kemudian lakukan langkah
berikut:
Flip Horizontal:
• Melalui Menu Bar, klik Object => Flip Horizontal
• Melalui ikon Comand Bar, klik ikon Flip selected objects horizontally.
• Menggunakan Keyboard, tekan H
Flip Vertical:
• Melalui Menu Bar, klik Object => Flip Verical
• Melalui ikon Comand Bar, klik ikon Filp selected objects vertically.
• Menggunakan Keyboard, tekan V
5.1.6. Affect
Di sebelah kanan ikon Scale Object terdapat satu
kelompok ikon untuk mengatur efek dari transform
object, kelompok ikon tersebut terdiri dari 4 (empat)
ikon yang masing-masing memiliki efek yang berbeda
Gambar 5.13: Ikon pada kelompok Affect
saat digunakan.
Berikut penjelasan dari ikon-ikon tersebut:
1. Jika ikon ini aktif maka saat Object yang memiliki Stroke atau Path diubah, secara
otomatis ukuran Stroke atau Path juga ikut berubah.
38
2. Jika ikon ini aktif, pada saat object persegi panjang yang memilik sudut membulat
ukurannya diubah, maka secara otomatis ukuran sudut tersebut ikut berubah .
3. Jika ikon ini aktif maka saat object Gradient digeser, warna dan letak gradient tidak
berubah.
4. Jika ikon ini aktif maka saat Oject digeser, bentuk dan letak Pattern pada Fill atau
Stroke tidak berubah.
Catatan
• Fungsi ikon pada Affect dapat diaktifkan secara permanen dengan memberi tanda
centang (checklist) pada jendela pengaturan Inkscape Prferences => Transform
5.1.7.1. Move
Tab Move digunakan untuk memindah atau menggeser object secara Horizontal atau
Vertical sesuai nilai pada masing-masing kotak isian yang tersedia.
Jika kotak Relative Move tidak dicentang maka posisi object akan pindah sesuai nilai yang
dimasukkan pada kotak isian.
Jika kotak Relative Move dicentang (checklist) maka object akan bergeser maju atau mundur
dari posisi semula sesuai nilai yang yang dimasukkan. Misal object yang akan digeser
posisinya memiliki jarak 10 px dari pinggir sisi kiri halaman, kemudian pada kotak isian diberi
nilai 150 px, setelah itu klik Apply, maka object akan pindah ke kanan dengan jarak dari
pinggir halaman sebanyak 160 px (10+150 px). Pada saat melakukan klik Apply untuk kedua
kalinya maka object akan bergeser lagi sebanyak 150 px (310 px dari pinggir halaman).
39
5.1.7.2. Scale
Tab Scale digunakan untuk mengubah ukuran object sesuai nilai yang dimasukkan pada kotak
isian berdasarkan pusat object.
Jika kotak Scale proportionally diberi tanda centang (checklist), maka lebar dan tinggi object
sama-sama berubah. Perubahan bekerja dengan baik jika menggunakan ukuran persen, jika
nilai yang digunakan 100% maka tidak terjadi perubahan, memasukkan nilai lebih besar dari
100 maka ukuran object akan membesar, sedangkan jika kurang dari 100 maka ukuran object
akan mengecil.
5.1.7.3. Rotate
Tab Rotate digunakan untuk memutar object berdasarkan pusat rotasi. Jika nilai yang
digunakan lebih besar dari nol maka object akan berputar ke kiri sedangkan jika lebih kecil
dari nol maka object akan berputar ke kanan.
5.1.7.4. Skew
Tab Skew digunakan untuk membuat object menjadi miring atau condong berdasarkan pusat
object. Terdapat dua pilihan pada tab ini yaitu miring secara Horizontal dan Vertical atau
dapat menggunakan keduanya sekaligus.
40
5.1.7.5. Matrix
Tab Matrix digunakan untuk menerapkan suatu transformasi pada object dengan pengaturan
secara mandiri sesuai keinginan. Transformasi dijelaskan oleh 3 x 3 Transformasi Matrix
namun yang ditampilkan dan dapat dimodifikasi hanya dua baris. Kolom A, B, C, dan D
merupakan submatrix untuk mengontrol ukuran, putaran, dan kemiringan object. Sedangkan
kolom E dan F merupakan submatrix untuk mengatur perubahan yang dilakukan.
Trik
Di bawah ini beberapa trik yang dapat dilakukan
• Tekan Esc untuk membatalkan seleksi atau klik ikon Deselected any selected objects
or nodes pada Tool Control.
• Klik object sambil menekan Ctrl atau Shift+Ctrl jika ingin memilih object dalam
kelompok (group).
• Klik Edit => Select All atau Ctrl+A untuk memilih semua object pada layer yang
sedang aktif, cara lainnya klik ikon Select all object or all nodes pada Tool Control.
• Klik Edit => Selec All in All Layer atau tekan Ctrl+Alt+A untuk memilih seluruh object
pada semua layer yang sedang aktif dan tidak terkunci, cara lainnya klik ikon Selected
all objects in all visible and unlocked layer pada Tool Control.
• Untuk menukar mode antara object yang dipilih dengan yang tidak dipilih klik Edit =>
Invert Selection atau tekan ! (tanda seru).
• Untuk mematikan pilihan object klik Edit => Deselect
Catatan
• Transform object dalam buku ini masih menggunakan pengaturan Default. Jika ingin
mengubah ke pengaturan lain dapat dilakukan melalui File => Inkscape Preferences
(Shift+Ctrl+P) => Steps.
Catatan
• Untuk menampilkan semua object yang disembunyikan, klik Object => Unhide All,
sedangkan untuk membuka semua object yang disembunyikan klik Object => Unlock
All.
Catatan
• Cara membuat object berupa garis menggunakan Bezier Tool baca penjelasannya
pada halaman Tool Box => Bezier width Pen Tool
Pada saat menghapus node dengan menekan tombol Delete atau Backspace bentuk pinggir
path tidak berubah, sedangkan jika sambil menekan tombol Ctrl maka secara otomatis
bentuk path berubah.
Gambar 5.24: Perbandingan bentuk path sebelum dan sesudah salah satu node digabung
Untuk menggabungkan node dapat juga dilakukan dengan menekan tombol Crtl+J.
Gambar 5.25: Perbandingan bentuk path sebelum dan sesudah salah satu bagian node dibagi
46
Gambar 5.26: Perbandingan bentuk path sebelum dan sesudah salah satu bagian path dihapus
Catatan
• Untuk menyambung Path satu dengan path lain lakukan cara berikut: klik node paling
pinggir pada path => tekan Shift => klik node paling pinggir pada path lain, kemudian
klik ikon Join selected endnodes width a new segment.
Catatan
• Saat melakukan klik kedua secara berurutan setelah klik pertama maka sudut path
pada nodes menjadi lurus dan runcing.
Gambar 5.27: Perbedaan node pada object shapes sebelum dan sesudah diubah menjadi Path
Catatan
• Konversi teks menjadi path menghasilkan kelompok path dengan satu path pada
glyph. Hal ini memungkinkan karakter yang dihasilkan dapat dimanipulasi lebih
mudah serta memiliki atribut khusus sebagai glyphs secara mandiri.
48
Gambar 5.28: Kiri; Mengubah Stroke menjadi Path, Kanan; Mengubah Shape menjadi Path
Sebenarnya metode ini lebih tepat digunakan untuk mengubah stroke yang dibuat
menggunakan Pencil Tool atau Bezier width Pen Tool menjadi Shape atau Path tertutup.
Catatan
• Untuk memahami kedua fungsi dari fitur di atas silakan baca halaman Multiple Object
Operations => Clip and Mask
5.3.1. Width
Tweak Tool width digunakan untuk
mengatur besar-kecilnya ukuran brush,
ukuran tersebut diwakili dengan ikon
garis lurus, yang mana panjang rentang
garis sama dengan lebar brush, panjang
rentang garis yang tersedia adalah 1
sampai dengan 100 (20 sama dengan
100 pixel).
Untuk mengatur ukuran brush klik ikon
width => geser ke kiri atau ke kanan
lingkaran kecil di atas garis, pada saat
lingkaran kecil digeser ke kanan maka
ukuran brush akan berubah besar,
sedangkan jika digeser ke kiri maka
ukuran brush akan mengecil. Gambar 5.30: Pengaturan ikon width pada Tweak Tool
Selain cara di atas penggeseran width
dapat dilakukan dengan tombol Arah pada keyboard, tombol arah kiri memperkecil brush,
tombol arah kanan memperbesar brush, sedangkan jika menekan tombol Home ukuran
brush akan menjadi paling kecil, menekan tombol End ukuran brush menjadi paling besar.
5.3.2. Force
Force digunakan untuk mengatur efek dari gerakan brush. Klik ikon Force
=> geser ke kiri atau ke kanan lingkaran kecil di atas garis untuk mengatur
efek brush. Pada saat lingkaran kecil digeser ke kanan maka efek gerakan brush terhadap
object semakin kuat.
52
Selain cara di atas penggeseran Force dapat dilakukan dengan tombol Arah pada keyboard,
tombol arah Atas memperkuat efek brush, tombol arah Bawah memperlemah efek brush.
Sedangkan untuk menambah tekanan brush klik ikon input device yang ada di sebelah kanan
ikon Force.
kanan atau ke atas-bawah untuk melihat hasilnya, cara lainnya dengan melakukan Ungroup
atau tekan tombol Ctrl+Shift+G secara bersamaan. Sedangkan jika dilakukan sambil menekan
tombol Shift maka object akan terhapus.
5.3.4.1. Push
Push digunakan untuk modifikasi bentuk object dengan mendorong path ke tengah
object atau sebaliknya, jika salah satu sisi path didorong ke arah dalam, maka path tersebut
terdorong masuk ke tengah-tengah object secara lentur dan lembut, namun jika bagian
tengah (dalam) object yang didorong ke pinggir maka path akan menonjol ke salah satu sisi..
Catatan
• Jika object tertentu tidak dapat dimodifikasi menggunakan Tweaking Paths (misal;
lingkaran, persegi panjang, dan teks) ubah terlebih dulu object tersebut menjadi
path, cara mengubah object menjadi path baca halaman Tool Box => Node Tool.
5.3.5.3. Blur
Blur digunakan untuk mengubah object menjadi kabur seolah-olah diselimuti kabut,
dengan cara mengeser-geser kursor pada object sambil menekan tombol kiri mouse, jika
dilakukan disertai dengan menekan tombol Shift maka efek yang terjadi sebaliknya.
5.3.5.4. Fidelity
Setiap melakukan tweaking pada path terjadi sedikit pembelokan atau penyimpangan pada
seluruh path, termasuk bagian-bagian yang tidak disentuh. Dengan adanya mode Fidelity
memungkinkan Anda untuk mengontrol jumlah penyimpangan, nilai Fidelity yang tersedia
adalah 1 sampai 100.
Dengan menggunakan nilai Fidelity yang tinggi maka penyimpangan sedikit tidak terlihat,
tetapi path akan memiliki node yang banyak sehingga ukuran SVG jadi mengembang dan
memperlambat Inkscape. Nilai terbaik dari Fidelity tergantung pada sifat desain yang dibuat.
5.3.6. Channels
Channels control hanya bekerja pada modus Color Paint
dan Color Jitter. Channel control terdiri dari satu tombol
biasanya menggunakan huruf H yang artinya hue, di
dalam tombol tersebut terdapat submenu yang terdiri
dari Saturation, Lightness, dan Opacity, ketiga
submmenu tersebut dapat digunakan untuk melakukan Gambar 5.32: Submenu pada Channels
pengaturan kecerahan warna saat melakukan
modifikasi object.
Misalnya jika ingin meningkatkan saturation (penyerapan) beberapa bagian dari object tanpa
mengubah hue atau corak, pilih warna saturation secara maksimal (misalnya merah cerah)
kemudian matikan semua opsi pada Channel kecuali Saturation. Demikian juga jika ingin
mengganti warna tanpa mempengaruhi saturation atau lightness maka yang perlu diaktifkan
adalah Hue, atau jika ingin menggelapkan semua warna tanpa mengubah saturation atau
penyerapan maka yang perlu diaktifkan hanya Lightness. Jika ingin menerapkan opacity pada
style maka yang perlu diaktifkan hanya Opacity.
Catatan:
• Untuk melihat efek dari penggunaan Tweaking Colors dan Channel Control dapat
dilakukan dengan menampilkan jendela pengaturan Fill and Stroke.
Standard zoom yang digunakan inkscape adalah perbandingan "1" (satu) sama dengan satu
pixel perlayar. Jika ingin melakukan kalibrasi zoom ke ukuran satuan lainnya (misalnya inch
atau centimeter), lakukan pengaturan pada Inkscape Preferences => Interface.
Menggunakan Zoom
Untuk menggunakan fungsi Zoom Tool dapat dilakukan dengan beberapa cara yaitu: klik ikon
pada Tool Control, tekan tombol tertentu pada keyboard, atau tekan tombol Ctrl pada
keyboard disertai memutar tombol tengah (scroll) pada mouse.
5.4.1.1. Memperbesar
Klik ikon Zoom yang ada tanda Plus (tambah) atau tekan tombol + pada keyboard
5.4.1.2. Memperkecil
Klik ikon Zoom yang ada tanda Minus atau tekan tombol - (minus), maka tampilan object
pada layar akan mengecil
Tips
• Untuk melihat tampilan object tertentu, klik object tersebut kemudian tekan dan
tahan tombol Q, maka object akan terlihat membesar di tengah-tengah jendela, jika
tombol Q dilepas maka tampilan layar akan kembali
pada keadaan semula.
• Untuk melihat tampilan canvas atau halaman dengan
ukuran zoom tertentu dapat dilakukan dengan Gambar 5.33: Zoom pada Status Bar
mengisi nilai tertentu pada kotak zoom yang ada di
pojok kanan Status Bar.
Cara menggunakan
Klik ikon Rectangle Tool atau tekan F4 kemudian letakkan kursor pada area kerja, klik =>
tahan dan seret hingga membentuk object segi empat, setelah itu lepas.
Rectangles Tool juga dapat diaktifkan dengan menekan tombol R pada keyboard.
Cara lainnya dengan mengisi nilai tertentu di kotak isian pada Tool Control, kotak Rx artinya
Radius horizontal yaitu untuk mengubah bentuk bulat pada sisi mendatar, sedangkan kotak
Ry artinya Radius vertical yaitu untuk mengubah bentuk bulat pada sisi tegak atau ke bawah.
Untuk mengubah bentuk object persegi panjang menjadi lingkaran, seret kedua tanda
lingkaran kecil tersebut hingga mencapai setengah dari object persegi panjang, untuk
mempermudah proses tersebut gunakan garis panduan (guides) pada area kerja.
58
Sedangkan untuk mengembalikan sudut membulat yang telah dibuat menjadi bentuk persegi
panjang klik ikon Corner sharp pada Tool Control.
Tombol Pintas
• Saat membuat object persegi panjang sambil menekan Ctrl maka object yang
dihasilkan akan berbentuk bujur sangkar, sedangkan jika sambil menekan Shift maka
object akan ditarik dari tengah (bukan dari sudut).
Cara menggunakan
Klik ikon 3D Box Tool pada menu Tool Box, atau tekan Shift+F4, kemudian letakkan
kursor pada area kerja, klik => tahan dan seret hingga membentuk object kotak tiga dimensi,
setelah itu lepas, jika pada saat membuat object sambil menekan Shift maka object yang
dihasilkan akan menghadap pada sisi yang berbeda. 3D Box Tool juga dapat diaktifkan
dengan menekan tombol X pada keyboard.
Cara menggunakan
Klik ikon Create circles, ellipse, and arcs pada Tool Box (tekan tombol F5 atau E) klik
dan lepas di Canvas, maka pada canvas terbentuk object lingkaran yang pada pojok kiri dan
atas bagian tengah terdapat kotak kecil bujur sangkar, sedangkan pada sisi kanan tengah
terdapat dua lingkaran kecil yang saling bertumpuk, jika lingkaran pertama digeser maka
lingkaran di bawahnya akan terlihat.
Fungsi kotak tersebut sebagai pegangan untuk mengubah ukuran lebar dan tinggi object,
sedangkan lingkaran kecil untuk mengubah object yang semula bentuk lingkaran menjadi
elips atau busur.
61
Untuk melakukan pengaturan jarak rentang busur atau elips selain dengan cara menggeser
pegangan lingkaran kecil dalam jarak tetentu bisa juga dengan mengubah angka pada kotak
isian di Start dan End.
Tips
• Untuk membuat lingkaran agar lebar dan tinggi sama, saat membuat object lakukan
sambil menekan tombol Ctrl, sedangkan jika dilakukan dengan menekan tombol Shift
maka object yang terbentuk akan membesar ke semua arah (sisi).
62
Cara Menggunakan
Klik ikon Stars and Polygon pada Toolbox atau tekan tombol Bintang (*) pada
keyboard, kemudian pilih dan klik ikon Polygon (segilima) atau Star (bintang) pada Tool
Control, letakkan kursor pada area kerja, klik => tahan dan seret hingga membentuk object
Polygon atau Star, setelah itu lepas.
Jika object yang dibuat berbentuk Polygon maka pegangan pada object tersebut hanya satu
buah yang terletak pada salah satu sudut object, pegangan object tersebut berbentuk
Diamond (permata) berwarna putih namun jika kursor didekatkan akan berubah merah,
fungsi pegangan tersebut untuk mengubah ukuran dan memutar Polygon.
Untuk mengubah ukuran object dapat dilakukan dengan cara menyeretnya ke arah luar atau
dalam, sedangkan untuk memutarnya dilakukan dengan cara klik pegangan, tahan dan geser
memutar.
Jika object yang dibuat berbentuk Star maka akan terdapat dua pegangan yang terletak pada
salah satu sudut luar dan dalam object. Pegangan luar fungsinya sama seperti pada polygon,
sedangkan pegangan dalam untuk mengatur dan memodifikasi bentuk dan ukuran jari-jari
object.
63
Untuk melakukan modifikasi bentuk star dapat dilakukan dengan menyeret pegangan
sebelah dalam, jika ingin memodifikasi bentuk yang lebih rumit dapat dilakukan sambil
menekan tombol Ctrl, Shift, dan Shift+Alt.
Catatan
• Jika ingin membuat object polygon atau star dengan posisi tegak lurus lakukan sambil
menekan Ctrl dengan posisi pegangan di atas.
5.8.1.2. Corner
Digunakan untuk menentukan jumlah sudut atau jari-jari polygon maupun
star.
5.8.1.4. Rounded
Digunakan untuk mengatur sudut luar pada object Star atau Polygon,
sudut object akan berubah membulat pada saat nilai angka pada menu ini
diubah, efek dari penggunaan menu ini akan berbeda-beda tergantung dari banyaknya sudut
pada object.
5.8.1.5. Randomized
Untuk mengatur sudut object secara acak pada polygon atau star.
64
5.8.1.6. Reset
Digunakan untuk mengembalikan bentuk object yang sudah dimodifikasi ke bentuk
standar object polygon atau star yaitu dengan 5 sudut atau jari-jari.
Cara Menggunakan
Klik ikon Spirals pada Toolboox atau tekan tombol F9, letakkan kursor pada area kerja,
klik => tahan dan seret secara melingkar beberapa kali hingga membentuk object spiral,
setelah itu lepas.
Pada object Spiral yang dibuat terdapat dua pegangan berbentuk berlian yang fungsinya
hampir sama pada Star and Polygon. Jika pegangan bagian luar diputar searah jarum jam (ke
arah kanan) maka kisi-kisi lingkaran pada spiral jumlahnya akan bertambah, sebaliknya jika di
putar berlawanan maka kisi-kisi akan berkurang.
Sedangkan jika pegangan tengah diputar searah jarum jam maka kisi-kisi lingkaran bagian
dalam akan berkurang, jarak lebar ruangan pada lingkaran bagian dalam (pusat) akan
melebar (membesar), sedangkan jika pegangan diputar sebaliknya maka efek yang terjadi
juga sebaliknya.
65
5.9.1.1. Turns
Untuk mengatur jumlah kisi-kisi atau garis pada lingkaran object Spiral
5.9.1.2. Divergence
Untuk mengatur renggang kisi-kisi antara satu dan lainya dengan
berpedoman pada angka 1 (satu), jika nilai angka lebih besar dari
angka 1 maka jarak antara kisi-kisi satu dengan lainnya akan merenggang, jika nilai angka
lebih kecil dari 1 (satu) maka jarak antara kisi-kisi akan menjadi rapat dan ukuran pusat
(bagian tengah) spiral membesar.
Cara menggunakan
Klik ikon Pencil (freehand) pada Toolboox atau tekan tombol F6, letakkan kursor pada
area kerja, klik => tahan dan seret hingga membentuk object garis, setelah itu lepas. Pada
saat membuat garis sambil menekan Ctrl akan menghasilkan sebuah titik kecil.
Sedangkan jika sambil menekan tombol Ctrl+Alt maka akan menghasilkan titik yang
ukurannya dua kali lipat dari jika sambil menekan tombol Ctrl.
Pencil Tool juga dapat diaktifkan dengan menekan tombol P pada keyboard.
5.10.1.1. Mode
Pada menu ini terdiri dari dua ikon yaitu Regular Bezier dan Spiro yang dapat
digunakan untuk membuat object berupa garis, jika menggunakan mode
66
Regular Bezier maka garis yang dihasilkan berupa path dengan bentuk berlekuk-lekuk,
sedangkan jika menggunakan mode Spiro akan menghasilkan garis berupa stroke dengan
bentuk lurus.
5.10.1.2. Smoothing
Digunakan untuk mengatur jumlah node pada path dengan cara menggeser
lingkaran kecil yang berada atas garis lurus ke arah kanan atau ke kiri, semakin
besar nilai Smoothing, maka Node yang terdapat pada path semakin sedikit.
5.10.1.3. Reset
Digunakan untuk mengembalikan fungsi Smoothing ke posisi semula.
5.10.1.4. Shape
Pada ikon Shape terdapat submenu yang terdiri dari 5 (lima) model garis yang dapat
digunakan yaitu, None, Triangle in, Trianggle Out, Ellipse, dan From clipboard, di bawah ini
penjelasan singkat dari submenu shape:
• None, bentuk garis atau path dari
pangkal ke ujung sama besarnya.
• Triangle in, bentuk garis pada pangkal
lebih besar daripada ujung.
• Trianggle Out, bentuk garis pada
pangkal lebih kecil daripada ujung.
• Ellipse, bentuk garis pada pangkal dan
ujung kecil sedangkan bagian tengah Gambar 5.48: Submenu pada ikon Shape
lebih besar.
• From clipboard, garis yang dibuat berbentuk object shapes tanpa stroke.
Cara menggunakan
Klik ikon Bezier curves and straight line pada Toolboox atau tekan Shift+F6, letakkan kursor
pada area kerja, klik => tahan dan seret hingga membentuk garis lurus, kemudian lepas,
setelah itu klik dua kali, maka terbentuklah sebuah object berupa garis lurus.
Untuk membuat object kurva, lakukan seperti cara di atas, namun setelah terbentuk garis
lurus, lepas tekanan, tekan lagi => seret ke arah lain, ulangi hingga membentuk beberapa
garis kurva (sesuaikan jumlah garis kurva yang akan dibuat), jika bentuk kurva sudah sesuai
klik dua kali pada canvas.
67
Gambar 5.49: Cara membuat garis menggunakan Bezier width Pen Tool
Untuk membuat object shapes menggunakan bezier curve pen tool lakukan cara berikut;
buat garis kurva seperti biasanya namun bagian ujung dan pangkal garis gabungkan jadi satu,
setelah itu beri Fill pada object tersebut dengan melakukan klik salah satu warna pada Color
Palette.
Gambar 5.50: Cara membuat shapes menggunakan Bezier curve pen tool
5.11.1.2. Spiro
Digunakan untuk membuat garis lurus dan kurva, jika menggunakan mode ini garis yang
dihasilkan berupa stroke dan bentuknya tidak bisa diubah secara langsung (misal; ingin
dibuat melengkung), agar bentuk garis dapat dimodifikasi harus diubah terlebih dulu menjadi
path.
membuat garis berikutnya maka hanya bisa menarik garis ke arah yang berlawanan dari garis
yang dibuat sebelumnya, misalnya jika sebelumnya membuat garis vertical maka garis
berikutnya hanya dapat dibuat horizontal, jika ingin membuat garis yang berurutan lakukan
sambil menekan tombol Shift.
5.11.1.5. Shape
Pada ikon Shape terdapat submenu yang terdiri dari 5 (lima) model garis yang dapat
digunakan yaitu, None, Triangle in, Trianggle Out, Ellipse, dan From clipboard, fungsinya
sama persis pada Pencil Tool.
Cara menggunakan
Klik ikon Draw Calligraphic or Brush Strokes pada Toolboox atau tekan Ctrl+F6,
letakkan kursor pada area kerja, klik => tahan dan seret kursor hingga membentuk object
garis kaligrafi, kemudian lepas.
5.12.1.2. width
Digunakan untuk mengatur lebar dasar garis kaligrafi dengan cara menggeser ke
kiri atau ke kanan lingkaran kecil di atas garis. Lebar dasar garis kaligrafi dapat
berubah secara otomatis jika melakukan pengaturan pada ikon lain.
5.12.1.5. Thinning
Digunakan untuk mengatur lebar dan tekanan pena secara mandiri pada garis
kaligrafi, pada saat menggunakan modus ini maka menu pada Choose a preset
otomatis menjadi No Preset.
70
5.12.1.6. Angle
Angle digunakan untuk membuat dan mengatur garis rambut (garis kecil
semacam ukiran) pada sudut atau sumbu. Nilai dapat diatur antara -900 sampai
0
dengan 90 , jika nilai yang digunakan 0 maka hasilnya garis rambut horizontal, sedangkan jika
90 hasilnya garis rambut vertical.
5.12.1.8. Fixation
Fixation digunakan untuk mengatur lebar Angle yang mengikuti path pada
kaligrafi. Jika nilai yang digunakan 0 maka Angle pada path selalu tegak lurus
sehingga lebar sepanjang path terlihat hampir sama. Jika nilai yang digunakan 100 maka
Angle menyesuaikan arah stroke yang paling lebar.
5.12.1.9. Caps
Caps digunakan untuk menentukan akhir sebuah garis. Jika nilai yang digunakan
0 maka akhir garis rata, makin besar nilai yang digunakan maka akhir garis makin
bulat (elips), nilai yang tersedia maksimal 5,00.
5.12.1.10. Tremor
Tremor digunakan untuk mengatur garis dan gelembung dengan bentuk acak-
acakan pada kaligrafi, jika nilai yang digunakan 0 maka bentuk kaligrafi seperti
path biasa atau tidak ada gelembungnya, makin besar nilai yang digunakan maka garis dan
gelembung makin banyak dan panjang-panjang dengan jarak garis makin jarang. Nilai yang
tersedia maksimal 100.
5.12.1.11. Wiggle
Wiggle adalah tool untuk menambah benjolan pada sudut path seperti
gelombang pada stroke. Pada menu Wiggle terdapat beberapa submenu yang
dapat digunakan untuk mengatur benjolan-benjolan pada sudut path secara teratur.
5.12.1.12. Mass
Mass digunakan untuk mengatur jarak dan kecepatan gerakan garis kaligrafi
pada saat mengikuti kursor. Pada menu Mass terdapat beberapa submenu yang
dapat digunakan untuk mengatur jarak dan gerakan garis kaligrafi, jika nilai yang digunakan 0
maka gerakan garis kaligrafi sejalan dengan gerakan kursor, semakin besar nilai yang
digunakan maka semakin lambat gerakan garis kaligrafi terhadap kursor dan semakin jauh
juga jaraknya.
Cara menggunakan
Klik ikon berbentuk aksara A pada Toolbox atau tekan F8 pada keyboard.
5.13.4.4. Alignment
Digunakan untuk mengatur perataan (alignment) suatu paragraf, misalnya rata
kiri, kanan, atau rata tengah.
Cara menggunakan
Pilih object yang akan digandakan, klik ikon Spray Tool pada Tool Box atau tekan
Shift+F3, arahkan kursor pada object, klik => tahan dan geser-geser kursor yang sudah
berubah bentuk menjadi lingkaran ke arah kiri-kanan atau ke arah atas-bawah pada object
tersebut
5.14.1.4. width
Ikon width digunakan untuk mengatur jarak atau jangkauan area
penyemprotan, jangkauan area penyemprotan ditandai dengan lingkaran
berwarna oranye, jarak jangkauan dapat diatur antara 1 sampai 100, dimana nilai 20 sama
dengan 100 pixel layar, untuk mengatur jarak jangkauan, geser ke kiri atau ke kanan lingkaran
kecil di atas garis.
Pengaturan jarak jangkauan juga dapat dilakukan dengan menggunakan Tombol Arah pada
Keyboard, tombol arah kiri memperkecil jarak jangkauan, sedangkan arah kanan
memperbesar jarak jangkauan, tombol Home untuk menentukan ukuran 1, sedangkan
tombol End untuk menentukan ukuran 100.
5.14.1.5. Amount
Untuk menentukan jumlah object yang digandakan, metode ini bisa dilakukan
jika tombol Use the preasure aktif, tombol Use the preasure letaknya di
sebelah kiri garis Amount.
5.14.1.6. Rotation
Untuk mengatur letak object hasil penggandaan, object yang dihasilkan terletak
memutar di sekeliling object asli. Perbandingan rentang yang dapat dibuat
adalah 1 sampai 100, dengan perbandingan 100 sama dengan kemiringan 180°.
76
5.14.1.7. Scale
Untuk mengatur perbandingan (skala) setiap object hasil penggandaan dari
object asli, skala yang dapat dibuat adalah 1 sampai 100, dengan perbandingan
100 sama dengan dua kali dari ukuran asli.
5.14.1.8. Scatter
Untuk mentukan jarak penyebaran object hasil penggandaan dengan object asli,
jarak penyebaran object berikutnya akan mengikuti object hasil penggandaan
sebelumnya.
5.14.1.9. Focus
Focus digunakan untuk mengatur penyebaran Object yang berserakan pada
canvas. Nilai yang tersedia 0 sampai 100, jika nilai yang dipergunakan 0 maka
penyebaran object letaknya berada di bawah titik kursor waktu diklik.
Cara menggunakan
Klik ikon Eraser Tool pada Tool Box atau tekan Shift+E, arahkan kursor pada object,
klik => tahan dan geser kursor yang sudah berubah bentuk menjadi seperti penghapus pada
object yang akan dihapus.
5.15.1.1. width
Untuk mengatur besar kecilnya ukuran garis yang akan digunakan pada saat
melakukan pemotongan pada object.
Cara menggunakan
Buat beberapa object dengan bentuk yang berbeda, atur object-object tersebut saling
bertumpuk, sebagai contoh lakukan cara berikut: pertama buat object berbetuk persegi
panjang, kemudian buat lagi object berbentuk bintang yang diletakkan pojok kiri atas pada
persegi panjang, setelah itu buat object lingkaran, letakkan di pojok kanan bawah.
Klik ikon Fill bounded areas pada Tool Boox atau tekan Shift+F7, arahkan kursor pada Color
Palette, pilih warna yang diinginkan, klik object berbentuk persegi panjang, untuk melihat
hasilnya geser ke kanan object yang tercipta dari penerapan Bucket Fill Tool.
5.16.1.2. Fill by
Ikon Tool Control paling kiri saat Bucket Fill Tool aktif terdiri dari
beberapa submenu yang dapat digunakan untuk melakukan pengaturan
warna dan efek pada object yang dibuat, untuk memilih menu yang
tersedia, klik tanda segitiga mengarah ke bawah, terdapat 8 (delapan)
submenu yang dapat dipergunakan yaitu: Visible Color, Red, Green,
Blue, Hue, Saturation, Ligtness, dan Alpha.
5.16.1.3. Threshold
Digunakan untuk mengatur jangkauan warna yang ditambahkan pada object
dari titik awal ke object lainnya, nilai standar pada menu ini adalah 10 yang
artinya jika menggunakan nilai ini (10) maka jangkauan warna yang ditambahkan sesuai
object yang diklik, sedangkan jika digeser ke nilai yang lebih tinggi, maka jangkauan warna
akan ditambahkan pada object lainya.
5.16.1.4. Grow/shrink by
Digunakan untuk mengatur ukuran object yang ditambahkan,
semakin besar nilai yang digunakan maka object yang ditambahkan
akan semakin besar, jika object tersebut memiliki sudut, maka sudut tersebut akan sedikit
membulat. Nilai standar pada menu ini adalah 0 (nol) yang artinya jika menggunakan nilai ini
(nol) maka ukuran object yang ditambahkan sama persis dengan object asli (sudut tidak
membulat).
Catatan:
• Pada saat menggunakan salah satu menu pada Close gaps dapat memperlambat
kinerja Inkscape.
5.16.1.6. Reset
Digunakan untuk mengembalikan ke pengaturan standar menu pada Tool Control
yang sudah diubah.
79
5.17. Gradients
Gradients digunakan untuk menambahkan dan memodifikasi warna pada bagian object
sehingga sebuah object memiliki beberapa warna yang berbeda, gradients dapat diterapkan
pada Fill maupun Stroke.
Cara Menggunakan
Pilih object yang akan dimodifikasi, klik ikon Gradients pada Tool Box atau tekan
Ctrl+F1, kemudian pilih ikon pada Tool Control, klik bagian tertentu dari object => tahan dan
tarik garis lurus yang muncul ke arah lain, setelah itu lepas.
Untuk mengaktifkan tool gradient dapat juga dilakukan dengan menekan huruf G.
5.17.1.1. Linear
Gradien Linear digunakan untuk melakukan
perubahan warna dari satu titik ke titik lain
dengan garis lurus. Klik salah satu pinggir
object untuk mulai menambahkan warna,
kemudian tahan dan tarik garis lurus yang
muncul ke arah pinggir lainnya, setelah itu
lepas. Gambar 5.68: Gradient Linear
Sekarang pada object terdapat garis lurus yang pada kedua ujungnya terdapat pegangan
dengan bentuk berbeda, pada awal garis berbentuk persegi sedangkan pada akhir garis
berbentuk lingkaran, kedua ujung garis tersebut dapat digunakan untuk mengubah warna
sesuai pilihan.
5.17.1.2. Radial
Gradient Radial digunakan untuk mengubah
dan menambahkan warna dengan bentuk
melingkar dari tengah object, di tengah object
terdapat garis yang memiliki dua ujung
berbentuk lingkaran dan satu sudut dengan
bentuk persegi, sudut berbentuk persegi
merupakan pusat dari gardient, sedang kedua Gambar 5.69: Gradient Radial
lingkaran untuk mengubah radius gradient.
80
Jika kedua panjang jari-jari dari pusat ke ujung sama panjangnya maka gradient yang
berbentuk bulat, sedangkan jika salah satunya lebih panjang maka bentuk gradient lonjong.
Untuk memindahkan lokasi pusat gradient radial di dalam object, geser pegangan atau sudut
yang berbentuk persegi.
Catatan
• Untuk mengubah mode dari gradient Linear menjadi gradient Radial atau sebaliknya
dapat dilakukan dengan menggunakan jendela pengaturan Fill and Stroke.
• Setelah gradient selesai dibuat maka secara otomatis tersimpan pada List used
gradients sehingga dapat digunakan kembali pada object lain dengan mudah.
Untuk menghapus salah satu warna, klik salah satu titik pegangan hingga berubah warna
menjadi biru, kemudian tekan tombol Backspace atau Delete.
5.17.1.5. Deprecated
Deprecated atau Gradient Editor digunakan untuk mengedit gradients yang sudah dibuat
sebelumnya dengan menggunakan jendela pengaturan Fill and Stroke, jendela pengaturan
deprecated terdiri menu dan beberapa submenu.
Menu paling atas adalah gradients yang sedang dipilih dari daftar gradient yang sudah ada.
Menu Stop.... adalah warna dari salah satu gradient yang sedang dipilih. Offset digunakan
untuk mengatur jarak antara warna satu dan lainnya, submenu Add Stop digunakan untuk
menambahkan node warna baru ke depan warna yang sedang dipilih. Delete stop untuk
menghapus warna yang dipilih. Sedangkan Stop
Color untuk memilih metode pewarnaan yang
tersedia pada submenu di bawahnya.
5.17.1.6. Repeat
Susunan gradient pada object dapat diatur agar
mengulang atau tidak dengan memilih salah satu
submenu yang tersedia pada menu repeat,
pengaturan repeat dapat dilakukan dengan Gambar 5.72: Object hasil penerapan Repeat
menggunakan jendela pengaturan Fill and Stroke.
Tips:
• Agar object Gradient saat digeser tidak berubah, beri tanda centang (checklist) menu
Transform gradients yang ada pada jendela Inkscape Preferences, cara lainnya
lakukan langkah berikut: pilih object, kemudian klik ikon Move Gradient pada Tool
Control pada saat menggunakan modus Selector Tool (lebih jelasnya baca halaman
selector tool).
82
• Untuk memahami teknik pewarnaan Gradient pada object baca juga halaman Styling
Objects and Color.
Contoh Penggunaan
Buat dua object dengan warna Fill and Stroke
yang berbeda, pilih salah satu object, klik ikon
Pick color (tekan F7 atau D), arahkan kursor
pada object lain, kemudian klik pada tengah-
tengah object tersebut, maka Fill pada object
tersebut akan memiliki warna yang sama,
namun warna Stroke tidak berubah, jika waktu
melakukan klik sambil menekan tombol Shift
maka warna Stroke yang berubah. Gambar 5.73: Contoh penerapan Pick Color
Saat Dropper
Tool aktif maka pada tool control terdapat dua ikon yaitu
Opacity Pick dan Assign, kedua ikon memiliki fungsi yang
Gambar 5.74: Ikon Pick color berbeda, namun dapat digunakan secara bersamaan. Ikon Pick
digunakan untuk melakukan pengaturan alpha channel pada
Fill sedangkan Assign untuk Stroke.
Misalkan Anda memiliki object Rectangles dengan warna Fill 40% Black (969594FF) atau
dengan kata lain memilik warna R: 150, G: 149, B: 148, dan A: 255, satu object lainnya
berbentuk Circles dengan warna Fill Cyan (0093DDFF) atau dengan kata lain memilik warna
R: 0, G: 147, B: 221, dan A: 255. Jika
Opcity Pick dan Assign tidak aktif,
kemudian melakukan perubahan warna
fill pada object Rectangles dengan
mengambil warna fill dari object Circles
maka warna fill object Rectangles akan Gambar 5.75: Pick color Fill object circles ke fill object
rectangles
sama persis dengan fill object Circles
atau 00FFFFFF.
Jika Pick aktif, tapi Assign tidak aktif, kemudian melakukan perubahan warna fill pada object
Rectangles sambil menekan dan menggeser tekanan antara Fill and Stroke pada Circles
maka warna fill object Rectangles mirip dengan fill object Circles namun lebih gelap atau
3673C5FF.
83
Gambar 5.76: Pick color dengan mengambil warna fill adn stroke
Jika Pick dan Assign aktif, kemudian melakukan perubahan warna fill pada object Rectangles
sambil menekan dan menggeser tekanan antara Fill and Stroke pada Circles maka warna fill
object Rectangles mirip dengan fill object Circles namun lebih gelap (4B68BCBC) dan fill
alpha aktif atau warna fill agak transparan.
Jika Pick dan Assign aktif, kemudian melakukan perubahan warna fill pada object Rectangles
sambil menekan dan menggeser tekanan antara Fill and Stroke pada Circles disertai
menekan Shift maka warna Stroke object Rectangles mirip dengan fill object Circles namun
lebih gelap (3E6FC1BD) dan stroke alpha aktif.
Catatan
• Pengisian warna juga dapat dilakukan dengan mengambil warna dari object Gradient
atau Bitmap.
• Untuk melihat efek perubahan warna pada object dapat dilihat pada Style Indicator
atau jendela pengaturan Fill and Stroke.
Contoh Penggunaan
Buat beberapa object sehingga dapat dihubungkan, klik ikon Connector pada Tool Box atau
tekan Ctrl+F2, pilih ikon pada Tool Control, klik tengah-tengah salah satu object hingga
muncul kotak kecil => tahan dan tarik garis yang muncul ke arah object lain, kemudian lepas
pada kotak kecil yang muncul, maka pinggir kedua object akan saling terhubung.
Untuk menyambung kembali connector dari object satu ke object lainnya, tarik pegangan ke
tengah-tengah object hingga muncul kotak kecil kemudian lepas di atasnya.
otomatis. Pengaturan Connector dapat dilakukan dengan cara melakukan klik ikon pada Tool
Control.
Terdapat beberapa ikon Connector Tool pada Tool Control yang dapat digunakan untuk
mengatur efek dan bentuk diagram yang dibuat, di bawah ini penjelasan singkatnya:
5.19.3.4. Curvature
Digunakan untuk mengontrol jumlah lengkungan antara dua bagian
connector.
5.19.3.5. Spacing
Digunakan untuk mengontrol jumlah dan jarak di sekitar object yang tidak di
lewati connector.
5.19.3.7. Length
Untuk mengatur panjang connector secara otomatis, object dan connector ikut
diatur ulang.
5.19.3.8. End-Markers
Digunakan untuk mematikan opsi dan penanda (markers) pada bagian akhir atau ujung
connector
Object yang diterapkan pada SVG memiliki berbagai jenis style, dan inkscape menawarkan
beberapa pendekatan untuk menerapkan style tersebut. Sayangnya hal ini membuat
pembahasan tentang style pada object menjadi cukup kompleks atau rumit. Bab ini
bertujuan untuk menyederhanakan pembahasan tentang style object dan SVG pada inkscape
menjadi lebih ringkas. Dengan demikian, pembahasan ini akan fokus pada penjelasan jenis
style object dan alternatif untuk menerapkannya.
6.1.1. Fill
Fill adalah konten visual utama object SVG pada Inkscape atau dengan kata lain merupakan
bagian tengah pada object shape. Fill dapat memiliki warna, bentuk, dan ukuran yang
bermacam-macam..
6.1.2. Stroke
Stroke adalah garis tepi atau bingkai yang mengikuti fill suatu object SVG. Stroke pada
dasarnya sama dengan fill yang terdiri dari warna umum, gradient, dan pattern. Lebar Stroke
juga dapat diatur sesuai kebutuhan.
Catatan
• Saat object diperbesar maka ukuran stroke secara otomatis ikut melebar, agar lebar
stroke tidak ikut melebar saat object diperbesar hilangkan tanda centang (checklist)
pada kotak di Inkscape Preferences => Transform => Scale stroke width.
88
No Paint
No Paint digunakan untuk menghapus Fill atau Stroke pada object.
Flat Color
Flat Color digunakan untuk mengatur warna standar Fill atau Stroke pada object.
Tombol ini juga dapat digunakan untuk mengaktifkan Fill and Stroke pada object
Gradient
Gradient digunakan untuk mengatur transisi antara dua warna atau lebih pada
Fill atau Stroke (lihat halaman Tool Box => Gradient).
89
Pattern
Pattern digunakan untuk mengubah Fill atau Stroke menjadi bentuk pola tertentu.
Swatch
Swatch digunakan untuk mengubah Fill atau Stroke menjadi warna yang sama pada
object lain dalam satu halaman dengan melakukan klik pada list Swatch fill yang
tersedia.
Unset Paint
Unset Paint digunakan untuk mematikan atribut atau style pada Fill atau Stroke, saat
menggunakan fitur ini warna object menjadi hitam.
File Rule
Fill Rule digunakan untuk mengatur dan menentukan warna fill pada object yang saling
tumpang tindih dan memiliki beberapa path. Terdapat dua metode yang dapat digunakan
yaitu: Even-odd dan Non-zero.
6.2.1.1. RGB
RGB atau Red, Green, Biru adalah sebuah metode untuk menentukan warna dengan tiga
warna primer aditif. Hal ini merupakan metode yang paling umum pada layar komputer
(warna aditif). Rentang nilai yang diperbolehkan adalah dari 0 sampai 255 (0 sampai FF
dalam hexadecimal).
6.2.1.2. HSL
HSL atau Hue, Saturation, Lightness adalah metode untuk menentukan warna yang
berhubungan dengan pencahayaan. Rentang untuk saturation adalah dari warna abu-abu
murni. Sedangkan rentang untuk lightness adalah dari warna murni hitam menjadi warna
putih.
Gambar 6.5: Kiri; warna tab RGB, kanan; warna tab HSL
91
6.2.1.3. CMYK
CMYK atau Cyan, Magenta, Yellow, Key (black), adalah metode untuk menentukan warna
pada warna primer subtraktif yang umumnya digunakan pada percetakan. Rentang nilai
yang diperbolehkan adalah dari 0 sampai 100.
6.2.1.4. Wheel
Wheel adalah suatu alternatif untuk mengubah warna dalam paradigma HSL. Jika garis
diseret ke sekitar lingkaran maka terjadi perubahan pada Hue. Jika lingkaran kecil di dalam
segitiga sejajar dengan tepi antara putih dengan hitam, maka terjadi perubahan pada
Lightness, dan ketika menyeretnya secara tegak lurus ke tepi maka akan mengubah
Saturation.
Gambar 6.6: Kiri; warna tab CMYK, Kanan; warna tab Whell
6.2.1.5. CMS
Pilihan warna pada tab ini digunakan untuk mengedit warna yang dikelola oleh profil ICC,
cara kerja modus ini seperti Opacity.
Catatan
• Penjelasan lain mengenai warna HSL dan Wheel baca halaman Tweak Tool =>
Channels.
6.2.2.1. Blur
Blur digunakan untuk mengatur warna object menjadi terlihat kabur seolah-olah berkabut,
jika silder digeser ke kanan maka object terlihat semakin kabur. Semakin banyak silder
digeser ke kanan atau semakin besar nilai pada kotak isian maka semakin kabur object,
bentuk object juga semakin melebar.
6.2.2.2. Opacity
Opacity digunakan untuk mengatur
transparansi warna suatu object
dengan menggeser slider ke sebelah
kiri, jika silder digeser ke kiri maka
object terlihat semakin transparan.
Semakin banyak silder digeser ke
Gambar 6.9: Penggunaan Blur dan Opacity pada object
kiri atau semakin kecil nilai pada
kotak isian maka semakin
transparan juga warna object.
Jika memilih submenu paling atas (tiny) maka ukuran color palette akan menjadi sangat
kecil, sedangkan jika memilih paling bawah (huge) maka ukurannya paling besar (tinggi).
Jika memilih submenu paling atas (narrower) maka ukuran lebar warna pada color palette
akan menjadi kecil (sempit) bercampur besar (lebar), sedangkan jika memilih paling bawah
(wider) maka ukurannya paling besar (lebar).
6.3.1.3. Wrap
Wrap digunakan untuk mengatur jumlah baris color palette, contohnya jika pada size yang
dipilih small dan pada width yang dipilih wider, kemudian Wrap diaktifkan maka color
palette berjumlah tiga baris.
Pada saat kursor diletakkan di atas salah satu warna maka akan muncul tulisan kecil sesuai
kode warna tersebut.
Catatan
• Color Swatches juga dapat ditampilkan menggunakan jendela pengaturan dengan
cara klik View => Swatches.
• Color Palette dapat ditambahkan dengan memasang color palette dari aplikasi lain,
misalnya dari GIMP. Pada sistem Operasi Linux kode Color Palette terletak pada
direktori /usr/share/inkscape/palettes.
• Edit fill: Digunakan untuk menampilkan jendela pengaturan Fill and Stroke
• Last set color: Untuk menerapkan warna yang terakhir dipilih
• Last selected color: Untuk menerapkan warna pada Object yang dipilih sebelumnya.
• Invert: Untuk mengubah warna pada object yang
dipilih menjadi warna lain, namun perubahan warna
tidak menentu.
• White: Mengubah warna pada object menjadi Putih
• Black: Mengubah Warna pada object menjadi Hitam
• Copy color: Menyalin warna pada object satu ke
object lainnya, atau dapat juga digunakan untuk
menyalin warna Fill ke Stroke atau sebaliknya
• Paste color: Menerapkan atau menempelkan warna
hasil copy (salin) pada object satu ke object lainnya,
atau dapat juga digunakan untuk menempelkan warna
Fill ke Stroke atau sebaliknya
• Swap fill and stroke: Menukar warna Fill dengan
Stroke secara langsung atau sebaliknya sesuai modus
yang digunakan.
• Make fill (stroke) opaque: mengembalikan atribut Gambar 6.15: Menu Style Indicator
Alpha menjadi maksimal (255) atau dengan kata lain
menghilangkan transparan pada Alpha Channel, namun opacity pada object tidak
berubah.
• Unset Fill (Stroke): Mematikan warna pada Fill atau Stroke, namun efek warna pada
Fill atau Stroke menjadi Hitam.
• Remove Fill (Stroke): Menghapus warna pada Fill atau Stroke.
6.4. Pattern
Sebuah object dapat diisi dengan pattern (pola), pattern yang diterapkan pada object dapat
dibuat sendiri atau menggunakan pattern yang sudah tersedia.
Cara menggunakan
Pilih object dengan Selector Tool, buka jendela Fill and Stroke, pilih tab Fill atau Stroke
(dalam contoh menggunakan fill), kemudian klik ikon Pattern. Pada kotak seleksi di bawah
Pattern Fill tersedia beberapa pattern yang dapat langsung dipilih dan digunakan, berikut
adalah beberapa pattern yang tersedia: path-based, such as stripes, dots, polka dots,
checkboard, wavy, camouflage, and ermine, or bitmap-based, such as sand, clothes and old
paint.
96
Untuk mengembalikan object dari patern, arahkan kursor pada Menu Bar, pilih Object =>
Pattern => Pattern to Object atau tekan Shift+Alt+I.
97
Cara Menggunakan
Pilih object dengan Selector Tool, buka jendela Fill and Stroke, pilih tab Stroke style.
Gambar 6.18: Stroke style pada jendela pengaturan Fill and Stroke
Pada jendela yang tampil terdapat beberapa pilihan Stroke style, berikut penjelasan
singkatnya:
6.5.2. Join
Joint digunakan untuk mengatur sudut Stroke suatu object apakah akan dibuat berbentuk
miter (siku), round (bulat) atau bevel (datar).
98
6.5.4. Cap
Cap digunakan untuk menentukan jenis penutup pada ujung atau pangkal path terbuka,
tersedia tiga macam yang dapat digunakan yaitu: butt cap (rata namun pendek), round cap
(setengah lingkaran), dan Square cap (rata namun panjang).
6.5.5. Dashes
Dashes digunakan untuk memilih dan mengatur bentuk putaran pattern, beberapa bentuk
Dash tersedia pada kotak pilihan, di sebelah kanan terdapat kotak untuk mengatur putaran
Stroke.
Catatan:
• Object yang akan dijadikan sebagai Markers sebaiknya berukuran kecil, gunakan
ukuran antara 3 sampai dengan 5 pixel. Jika pada saat membuat object yang akan
dijadikan markers mengalami kesulitan, gunakan fitur Zoom untuk memperbesar
tampilan layar.
100
BAB 7 TEXT
Ctrl+Arah Kanan Memindahkan kursor ke arah kanan dari satu kata ke kata lainnya
Ctrl+Arah kiri Memindahkan kursor ke arah kiri dari satu kata ke kata lainnya
Ctrl+Arah Atas Memindahkan kursor ke atas dari paragraf satu ke paragraf lainnya
Shif+Arah Kiri Melakukan blok pada teks ke arah kiri perhuruf atau perkarakter
102
7.2. Glyphs
Pada Inkscape v0.48 Anda dapat menggunakan jendela Glyphs yang tersedia pada menu Text
untuk memasukkan karakter khusus pada object teks yang sedang dibuat, berikut caranya:
arahkan kursor ke Menu Bar => klik Text => Glyphs ....
Pada jendela pengaturan yang tampil Anda dapat memilih Font Family dan style Font yang
akan digunakan, karakter khusus yang tersedia tergantung pada font yang dipilih. Jika
karakter yang diinginkan sudah ditemukan, klik dua kali karakter tersebut, kemudian klik
Append untuk menambahkan pada teks yang sudah ada.
103
Catatan
• Agar dapat memasukkan karakter khusus pada canvas/halaman Anda harus membuat
object teks terlebih dulu.
Pada saat path digeser maka teks akan mengikutinya, sedangkan jika teks yang digeser path
akan tetap dalam posisi semula. Text dan Path dapat dimodifikasi secara langsung. Pada saat
bentuk path dimodifikasi maka teks akan mengikuti bentuk perubahan tersebut.
104
Path dapat diatur supaya terlihat, tersembunyi, maupun dihapus, cara termudah untuk
menyembunyikan dan menghapus path adalah dengan menghilangkan Stroke Paint atau
menghapus path dengan menggunakan jendela pengaturan Fill and Stroke, caranya klik Path
=> Object => Fill and Stroke (Shift+Ctrl+F) => Stroke paint => No Paint (klik tanda silang
paling kiri). Sedangkan untuk menyembunyikan path dapat dilakukan dengan mengubah
semua nilai pada RGB menjadi 0 (nol), cara lain untuk menyembunyikan path adalah klik
Object => Object Properties => beri tanda centang Hide
Untuk menghapus Text and Path, pilih teks => klik Text pada Menu Bar => Remove from
Path.
Untuk memasukkan teks ke dalam shape, pilih kedua object (teks dan shapes) => klik Text =>
Flow into Frame atau tekan Alt+W. Sedangkan untuk memisahkan atau mengeluarkan teks,
klik Text => Unflow atau tekan Shift+Alt+W.
105
Catatan:
• Pada saat melakukan Unflow maka teks yang sebelum berasal dari teks mengalir
secara otomatis berubah menjadi teks biasa.
Jika ingin menambahkan kata dari object teks ke menu Check Spelling, klik Add to dictionary,
kata yang ditambahkan tersebut akan digunakan secara permanen pada Check Spelling
sehingga jika suatu saat melakukan pengecekan dan menemukan kata tersebut akan
dianggap benar (tidak ditandai kotak merah).
Anda dapat memilih bahasa yang akan digunakan pada jendela Inkscape Preferences =>
Spellcheck, terdapat tiga bahasa yang dapat dipilih.
106
Catatan
• Pada Inkscape yang dijalankan di sistem operasi Microsoft Windows hanya
menyertakan satu bahasa yaitu bahasa Inggris (english). Jika Anda menggunakan
Sistem Operasi GNU/Linux dapat menambahkan bahasa dengan menginstal paket
Gnu Aspell sesuai paket bahasa yang diperlukan.
• Jika mengalami masalah dimana Check Spelling tidak bekerja dengan baik, Anda
dapat mulai melakukan pemeriksaan kata dengan melakukan klik Start, maka
pemeriksaan akan dilakukan mulai kata-kata pada pojok kanan atas, untuk
menghentikan pemeriksaan klik Stop.
Bab ini membahas beberapa konsep dasar editing dalam penggunaan inkscape, pembahasan
meliputi cara membatalkan dan mengulangi perubahan (undo/rendo), cara menyalin,
memindah, dan menempelkan object, serta duplikasi dan kloning object. Pembahasan pada
bab ini sengaja dibuat sederhana dan seringkas mungkin mengingat konsep edit pada
inkscape hampir sama pada aplikasi grafis lain.
8.1.1. Undo
• Melalui Menu Bar, klik Edit => Undo
• Menggunakan Mouse, klik kanan => Undo
• Melalui ikon Comand Bar, klik ikon Undo (undo last action)
• Menggunakan Keyboard, tekan Ctrl+Z atau Shift+Ctrl+Y
8.1.2. Redo
• Melalui Menu Bar, klik Edit =>Redo
• Menggunakan Mouse, klik kanan => Redo
• Melalui ikon Comand Bar, klik ikon Redo
• Menggunakan Keyboard, tekan Ctrl+Y atau Shift+Ctrl+Z
8.2.1.1. Copy
Copy digunakan untuk menyalin suatu object untuk kemudian ditempelkan atau diletakkan
ke tempat lain, untuk melakukannya, pilih terlebih dulu object yang akan dicopy, berikut
beberapa cara yang dapat dilakukan:
• Melalui Menu Bar, klik Edit => Copy
• Menggunakan Mouse, klik kanan => Copy
• Melalui Comand Bar, klik ikon (copy Selection to clipboard)
• Menggunakan Keyboard, tekan Ctrl+C
8.2.1.2. Cut
Cut digunakan untuk memotong atau memindahkan suatu object yang kemudian
ditempelkan atau diletakkan ke tempat lain
• Melalui Menu Bar, klik Edit => Cut
• Menggunakan Mouse, klik kanan => Cut
• Melalui Comand Bar, klik ikon (cut Selection to clipboard)
• Menggunakan Keyboard, tekan Ctrl+X
111
8.2.1.3. Paste
Paste digunakan untuk menempelkan object di suatu tempat dari hasil perintah Copy atau
Cut
• Melalui Menu Bar, klik Edit => Paste
• Menggunakan Mouse, klik kanan => Paste
• Melalui Comand Bar, klik ikon (paste object from clipboard)
• Menggunakan Keyboard, tekan Ctrl+V
Catatan
• Sebelum melakukan teknik ini Anda harus melakukan perintah Copy pada object
tertentu yang akan ditiru ukurannya.
Paste Size
Menempelkan dimensi suatu object ke object lain dengan tinggi dan lebar yang sama, object
tujuan akan memiliki ukuran tinggi dan lebar sama persis dengan object yang disalin.
Paste Width
Menempelkan dimensi suatu object ke object lain dengan Lebar yang sama.
Paste Height
Menempelkan dimensi suatu object ke object lain dengan Tinggi yang sama.
8.3. Duplicate
Duplicate digunakan untuk menggandakan object. Letak dan bentuk object baru sama persis
seperti object yang digandakan. Object hasil penggandaan menumpuk pada object asli,
object dari hasil perintah duplicate dapat dimanipulasi menjadi object dengan bentuk dan
style yang berbeda.
Cara melakukan
Pilih terlebih dulu object yang akan digandakan, kemudian lakukan salah satu langkah
berikut:
• Melalui Menu Bar, klik Edit => Duplicate
• Menggunakan Mouse, klik kanan => Duplicate
• Melalui Comand Bar, klik ikon (duplicate selected objects)
• Menggunakan Keyboard, tekan Ctrl+D
8.5. Clone
Clone atau kloning digunakan untuk membuat salinan suatu object namun masih terhubung
dengan object asli. Bentuk object hasil Clone sama persis dengan object asli atau induk, baik
bentuk, warna, style, dan ukurannya. Setiap melakukan perubahan pada object induk maka
object hasil clone akan mengikuti perubahannya, agar object hasil clone tidak mengikuti
perubahan pada object induk, matikan atribut clone dengan metode Unlink Clone.
114
Clone dapat dilakukan pada beberapa object sekaligus dengan mengelompokkan atau
menyeleksi object-object tersebut terlebih dulu. Untuk melakukan kloning pilih terlebih dulu
object yang akan dikloning kemudian lakukan salah satu langkah berikut:
Pada saat metode ini dijalankan maka tampil jendela pengaturan untuk mengatur banyaknya
baris dan kolom object yang akan dibuat.
Arahkan kursor ke Menu Bar, klik Edit => Clone => Create Tiles Clones => tentukan jumlah
baris dan kolom object yang akan dibuat => klik Create, kemudian tutup jendela pengaturan
clone.
Jendela pengaturan Create Tiled Clones
berisi beberapa menu, menu utama
berupa kolom atau tab yang terdiri dari
Symmetry, Shift, Scale, Rotation, Blur and
Opacity, Color, dan Trace, pada setiap tab
memiliki menu dan beberapa submenu.
Di bawah tab terdapat menu berisi dua
submenu yaitu: submenu row, columns
yang fungsinya untuk mengatur jumlah
object yang akan dibuat, sedangkan
submenu width, height digunakan untuk mengatur ukuran object (tergantung metode dan
pengaturan submenu pada masing-masing tab).
Menu Use saved size and position of the tile digunakan untuk membuat kloning object
sesuai operasi terakhir yang dilakukan dengan memberi tanda centang (checklist) pada kotak
yang tersedia.
Reset digunakan untuk mengembalikan ke pengaturan awal pada semua tab yang sudah
dilakukan.
Remove digunakan untuk menghapus object hasil kloning atau dengan kata lain untuk
membatalkan kloning (undo clone).
Unclump digunakan untuk mengatur penyebaran proses kloning secara acak atau untuk
menghentikan perubahan warna pada object induk yang sudah dikloning. Create digunakan
untuk menerapkan proses kloning.
Berikut penjelasan singkat masing-masing menu dan submenu pada tab yang tersedia
8.5.2.1. Symmetry
Menu pada tab Symmetry berisi 17 submenu yang menganut pada pola (pattern) dua
dimensi sesuai rumus matematika. Rumus tersebut sering dipakai dalam arsitektur dan seni
dekoratif. 17 submenu tersebut memiliki efek yang berbeda saat diterapkan, untuk memilih
dan menggunakannya klik submenu yang berada di bawah tab Symmetry.
Di bawah ini beberapa contoh gambar efek dari penerapan Symmetry.
8.5.2.2. Shift
Tab Shift digunakan untuk memberi variasi jarak antar tile atau batas object hasil kloning.
Pada saat menggunakan modus standar (default) maka bagian pinggir object saling
menempel tanpa jarak.
Exponent
Digunakan untuk mengubah efek dari fungsi Shift X dan Shift Y, kotak sebelah kiri untuk efek
Shift X dan kotak sebelah kanan untuk Shift Y.
Alternate
Digunakan untuk mengatur jarak yang ditambahkan atau dikurangi berdasarkan nilai pada
kotak Shift X dan Shift Y.
Cumulate
Digunakan untuk menambahkan renggang antar pinggir object yang dibuat dengan
perhitungan 2 (dua) kali secara berurutan dari nilai pada kolom Shift X atau Shift Y. Misal
pada kolom Shift Y dan Shift X memiliki nilai 15% sedangkan jumlah object yang akan dibuat
adalah 3 x 3, maka pada renggang pertama 15% renggang kedua 30% renggang ketiga 45%.
Exclude tile
Digunakan untuk mematikan renggang antar tile sehingga object yang dibuat saling
bertumpuk (tidak memiliki jarak). Modus ini berguna jika dikombinasikan dengan menu pada
tab lain, misalnya dengan tab Rotation untuk membuat tile melingkar. Rumus yang
digunakan hampir sama dengan mengubah nilai pada Shift X dan Shift Y menjadi -100%.
8.5.2.3. Scale
Tab Scale digunakan untuk menambah dan mengurangi ukuran tile yang akan dibuat
berdasarkan posisi baris dan kolom. Berikut penjelasan dari submenu yang tersedia untuk
mengatur ukuran tile.
Scale X, Scale Y
Digunakan untuk menambahkan dan mengurangi ukuran tile berdasarkan % (persen).
Penambahan dan pengurangan secara acak dapat dilakukan dengan mengubah nilai pada
kolom Randomize.
117
Exponent
Digunakan untuk mengubah efek dari fungsi Scale X dan Y.
Base
Digunakan untuk membuat tile dengan pola memutar jika dikombinasi pada tab Rotation.
Untuk dapat menerapkan modus ini, ubah terlebih dulu pusat object ke salah satu sisi,
sebagai contoh jika pusat object berada di sebelah kanan maka pola yang tercipta berada di
sisi kanan.
8.5.2.4. Rotation
Tab Rotation digunakan untuk memutar tile yang akan dibuat berdasarkan baris dan kolom.
Object induk digunakan sebagai pusat rotasi. Perputaran (rotasi) menggunakan ukuran
derajat atau dengan kata lain perputaran searah jarum jam (dari kanan ke kiri).
Angle
Digunakan untuk mengatur rotasi berdasarkan derajat. Pengaturan rotasi secara acak dapat
dilakukan dengan mengubah nilai pada kolom Randomize.
118
Blur
Blur dapat diterapkan pada masing-masing tile dengan nilai berbeda. Perubahan dari efek
blur berdasarkan % (persen) yang sesuai nilai pada kotak isian. Efek blur secara acak dapat
dilakukan dengan mengubah nilai pada kolom Randomize.
Opacity
Opacity atau transparansi dapat diterapkan pada masing-masing tile dengan nilai berbeda.
Perubahan dari transparansi berdasarkan % (persen) yang sesuai nilai pada kotak isian.
8.5.2.6. Color
Tab Color digunakan untuk mengubah warna tile yang akan dibuat berdasarkan posisi baris
dan kolom. Perubahan warna ditentukan dalam hitungan persen sesuai angka pada kotak
isian. Warna yang digunakan adalah standar HSL (Hue, Saturation, dan Lightness). Warna
pada Hue secara otomatis akan terulang jika perubahan warna mencapa 100%.
Ukuran lengkap masing-masing komponen untuk Saturation dan Lightness adalah 100%.
Perubahan pada ketiga warna dapat diatur secara terpisah menggunakan fitur Alternate.
Perubahan warna secara acak juga dapat diterapkan dengan menggunakan fasilatas
Randomize.
Object induk yang akan digunakan harus dalam keadaan Unset (penjelasan mengenai unset
fill baca halaman Styling Object and Color). Warna awal yang akan digunakan sesuai warna di
sebelah kanan Initial color, untuk mengubah warna yang sudah ada klik kotak tersebut
kemudian lakukan pengaturan sesuai keinginan.
119
8.5.2.7. Trace
Tab Trace digunakan untuk mengatur warna, ukuran, dan transparansi tile menggunakan
object yang berada di bawah tile. Beri tanda centang (checklist) pada Trace the drawing
under the tiles untuk dapat menggunakan fitur ini.
Tab Trace memiliki tiga submenu. Submenu nomor satu adalah untuk menentukan input
gambar yang digunakan. Tersedia juga pilihan untuk menentukan warna yang digunakan
yaitu Color, Opacity atau salah satu submenu pada RGB dan HSL.
Submenu nomor dua untuk mengubah nilai Input, submenu ini memiliki tiga pilihan yaitu:
1. Gamma correction untuk menentukan koreksi Gamma pada warna.
2. Randomize untuk menambahkan modus pengacakan pada input.
3. Invert digunakan untuk membalik input.
Submenu nomor tiga digunakan untuk menentukan apa yang terkena efek dari input. Pilihan
yang tersedia adalah Presence, Color, Size, dan Opacity.
Berikut contoh penjelasan sederhana untuk menerapkan modus tab Trace:
• Pilih gambar dasar yang akan digunakan sebagai Output, gambar dapat menggunakan
file SVG atau Bitmap. Beri tanda centang pada Trace the drawing under tiles, pilih
jenis warna yang akan digunakan.
• Buat object yang akan dijadikan tile (object harus Unset), lakukan pengaturan pada
submenu nomor dua dan tiga
• Tentukan jumlah Row dan Columns tile yang akan dibuat, klik Create.
Di bawah ini contoh penerapan tab Trace pada object Gradient, gambar kiri merupakan
output dan input untuk tile sedangkan sebelah kanan hasil akhir dengan output gambar
dasar yang sudah dihapus..
120
Catatan
• Alternate dan Cumulate pada masing-masing tab memiliki fungsi yang hampir sama,
misal fungsi Alternate pada tab scale untuk menambah dan mengurangi ukuran, pada
tab rotation untuk untuk menambah dan mengurangi rotasi.
Gambar 8.17: Kiri; mengubah pusat object, kanan; melakukan Unset fill
• Arahkan kursor pada Menu Bar, klik Edit => Clone => Create Tiled Clones, pada menu
Rows, colums isi dengan nilai 12 X 1.
121
• Pindah ke Tab Shift, beri tanda centang (chek list) pada Exclude tile .
• Pindah ke Tab Rotation, pada kotak isian Angle (per row) isi dengan nilai 30,0.
Gambar 8.18: Kiri; mengatur jumlah object, Kanan; mengatur putaran object
• Pindah ke Tab Color, klik Initial color kemudian atur warna yang diinginkan, atur juga
nilai warna pada masing-masing kotak HSL yang ada.
• Setelah semua pengaturan dirasa cukup, klik Create, maka hasilnya seperti gambar di
bawah ini:
Catatan
• Dalam contoh di atas kita membuat object melingkar berjumlah 12 buah, rumus yang
digunakan adalah 3600 dibagi 12 sama dengan 300, jika ingin membuat object
melingkar dengan jumlah berbeda gunakan rumus yang sama, misal ingin membuat
object melingkar dengan jumlah 6 (enam) buah, rumusnya adalah 360:6=60 maka
kotak isian pada tab Rotation => Angel (per columns) diisi dengan nilai 60.
122
8.6.1. Clips
Perintah Clip digunakan untuk membentuk ataupun memotong suatu object yang sudah
dibuat menggunakan path tertutup sebagai pemotong.
Object yang sudah diclips dapat dikembalikan pada keadaan semula, untuk mengembalikan
ke posisi semula, kli Object => Clip => Release.
Clip juga dapat digunakan untuk memotong gambar dalam format bitmap (bukan vektor)
dengan menggunakan object vektor sebagai pemotongnya. Untuk memotong object dengan
bentuk tertentu yang rumit dapat membuat Path tertutup menggunakan Bezier width Pen
Tool sebagai pemotong.
Catatan
• Jika setelah melakukan clipping object yang dipotong tidak terlihat karena tertutup
path, geser path tersebut ke arah tertentu untuk melihat hasilnya. Kasus ini sering
terjadi pada inkscape yang sudah banyak dimodifikasi sehingga kadang fungsi
tertentu mengalami perubahan, jika mengalami kasus seperti ini lakukan pengaturan
ulang pada fungsi clip and mask, caranya klik File => Inkscape Preferences
(Shift+Ctrl+P), kemudian pilih submenu Clippaths and masks, beri centang pada
Remove clippath/mask object after applying.
125
8.6.2. Masking
Masking dapat digunakan untuk memotong suatu object atau kelompok object secara visual
seperti pada clip. Perbedaannya adalah bagian object asli menjadi putih bening atau
transparan, sedang pada bagian mask akan menjadi putih gelap atau transparan agak buram
namun masih terlihat.
9.1. Position
Setiap membuat object baru pada inkscape maka object tersebut ditempatkan di atas object
yang sudah ada sebelumnya. Posisi object dapat diatur sesuai kebutuhan dengan
menggunakan Selector Tool pada Tool Box, kemudian mengubahnya melalui beberapa
metode.
Sebagai contoh: buat tiga buah object lingkaran dengan warna berbeda, object pertama
berwarna Hitam, object kedua berwarna abu-abu, dan object ketiga berwarna Putih.
9.1.3. Raise
Raise digunakan untuk mengubah tumpukan suatu object satu tingkat ke atas object lain
yang berada di atasnya, untuk melakukannya gunakan salah satu cara berikut:
• Melalui Menu Bar, klik Object => Raise
• Melalui Comand Bar, klik ikon (Raise selection one step).
• Menggunakan Keyboard, tekan tombol Page Up
Gambar 9.4: Mengubah posisi object paling bawah ke atas satu tingkat
9.1.4. Lower
Lower digunakan untuk mengubah tumpukan suatu object satu tingkat ke bawah object lain
yang berada di bawahnya, untuk melakukannya gunakan salah satu cara berikut:
• Melalui Menu Bar, klik Object => Lower
• Melalui Comand Bar, klik ikon (Lower selection one step)
• Menggunakan Keyboard, tekan tombol Page Down
Gambar 9.5: Mengubah posisi object paling atas ke bawah satu tingkat
129
9.2.1. Align
Align digunakan untuk mengatur posisi object terhadap halaman maupun object lain agar
dapat selaras atau sejajar.
9.2.1.1. Relative
Di bawah menu Align terdapat submenu bernama Relative yang dapat digunakan untuk
mengatur posisi object yang akan diatur melalui beberapa pilihan yang menyertainya,
submenu dapat diterapkan dan berfungsi dengan baik jika Treat selection as group aktif
(dicentang) kecuali pada submenu Page dan Drawing.
• Last selected: object mengikuti object lain terakhir yang dipilih atau diseleksi.
• First selected: object mengikuti object lain yang
pertama dipilih atau diseleksi.
• Bigges object: object mengikuti object lain dengan
ukuran paling besar yang dipilih atau diseleksi.
• Smalles object: object mengikuti object lain
dengan ukuran paling kecil yang dipilih atau
diseleksi
• Page: object mengikuti halaman.
• Drawing: object yang dipilih mengikuti object
dengan ukuran paling besar yang sama-sama
dipilih atau diseleksi. Gambar 9.6: Submenu pada Relative to
Catatan:
• Untuk memilih atau menyeleksi object satu dan lainnya dapat menggunakan fungsi
Selected and transform object pada Tool Box, cara lainnya adalah dengan melakukan
klik pada object satu sambil menekan tombol Shift kemudian melakukan klik pada
object lain.
Catatan
• Dalam contoh di atas pada menu Relative menggunakan submenu Page.
• Untuk ikon sejajarkan teks ke tengah secara mendatar dan tegak hanya dapat
dilakukan antara teks dengan teks.
9.2.2. Distribute
Distribute merupakan bagian dari menu Align and Distribute, dengan metode ini jarak
perataan object dapat diatur pada arah horizontal atau vertical berdasarkan beberapa
kriteria.
Pengaturan meliputi dua pilihan yang mungkin harus lakukan secara terpisah, yaitu:
mengacak pusat object dan memisah kumpulan object.
Untuk mendistribusikan object yang dipilih, klik salah satu ikon pada Distribute:
Mendistribusikan object ke sisi kiri secara mendatar.
Mendistribusikan object ke tengah secara mendatar.
Mendistribusikan object ke sisi kanan secara mendatar.
Mendistribusikan object dengan seragam secara mendatar.
131
9.2.2.3. Nodes
Pada menu ini terdapat empat ikon untuk mengatur node pada path, klik object yang
memiliki path, kemudian klik Node Tool pilih beberapa node yang akan disejajarkan, setelah
itu pilih ikon yang sesuai.
Sejajarkan node yang dipilih secara horizontal.
Sejajarkan node yang dipilih secara vertical.
Mendistribusikan node yang dipilih secara horizontal.
Mendistribusikan node yang dipilih secara vertical.
Catatan
• Untuk memahami penggunaan fitur Nodes pada Align and Distribute baca halaman
Tool Box => Node Tool.
9.3. Snap
Snap digunakan untuk membantu penempatan object secara tepat pada canvas atau page
dengan mendekatkan object pada target tertentu sesuai parameter yang dilakukan. Target
dapat berupa batas halaman, grids, atau guides. Teknik dalam menggunakan Tool Snap
sering disebut Snapping, snapping juga dapat diterapkan antar bagian object satu dengan
object lainnya. Snapping dapat terjadi ketika salah satu object digeser menggunakan mouse
mendekati titik yang ditetapkan sebagai target, maka object secara otomatis tertarik atau
132
menempel pada titik tersebut. Efek snapping dapat diatur untuk selalu aktif atau dimatikan
melalui jendela pengaturan Document Properties.
Fungsi semua ikon pada Tool Control Snap dapat dimatikan dengan cara klik View => Snap
atau tekan % pada keyboard, sedangkan untuk
menyembunyikannya klik View => Show/Hide =>
Tool Control Snap.
Pada saat object akan menempel pada titik snap
maka muncul indikator atau tanda silang kecil
berwarna merah, jika object dilepas maka salah
satu bagian object akan menempel ke tanda
Gambar 9.8: Indikator Snap
tersebut. Indikator Snap dapat dimatikan dengan
cara menghilangkan tanda centang pada jendela pengaturan Inkscape Preferences => Enable
snap indicator .
Berikut beberapa menu pengaturan snapping lain yang terdapat pada jendela pengaturan
Inkscape Preferences
• Delay (in ms): untuk mengatur
jeda waktu berhentinya kursor
pada saat akan melakukan
snapping. Hal ini berguna jika
banyak target snapping yang
dituju, misalnya menggunakan
target sebuah Grid.
• Only snap the node closest to
pointer: jika opsi ini diaktifkan
maka hanya satu node yang Gambar 9.9: Pengaturan Snap pada Inkscape Preferences
digunakan sebagai titik target
snapping. Node akan menjadi target dari sebuah object yang diseret mendekatinya.
133
• Weight factor: Digunakan untuk mengatur proses snapping jika terjadi beberapa
snapping, nilai yang sudah ada digunakan untuk menetapkan jarak terkecil atau
terbesar antara titik snap dengan target snap.
Snap berdasarkan persimpangan path, untuk dapat menggunakan teknik ini Snap to
paths juga harus aktif.
134
Catatan
• Untuk dapat memahami teknik sanpping berdasarkan node baca halaman Tool Box
=> Node Tool.
BAB 10 ORGANISING OBJECTS
10.1. Layer
Layer merupakan fasilitas yang disediakan untuk object pada dokumen SVG. Layer bagaikan
potongan beberapa object yang ditumpuk dalam sebuah gambar, layer dapat ditumpuk,
disusun, ditambahkan dan dihapus. Layer juga dapat dikunci dan disembunyikan sehingga
lebih memudahkan pekerjaan saat melakukan pengeditan object pada layer lain dalam satu
halaman.
Layer sangat berguna untuk beberapa tujuan:
• Mengatur beberapa pasang object yang disusun sehingga lebih mudah untuk
diseleksi.
• Mengelompokkan object yang harus dibuat terlihat atau tersembunyi, baik yang
dikunci ataupun yang dibuka bersama-sama.
• Mengatur latar belakang (background) agar tetap terlihat tetapi tidak ikut diseleksi.
10.1.3.2. Opacity
Opacity digunakan untuk mengatur tampilan object pada layer yang dipilih, cara
menggunakan modus opacity adalah dengan cara menggeser lingkaran kecil yang berada
atas garis lurus ke arah kanan atau ke kiri, waktu slider digeser ke arah kiri maka tampilan
object akan semakin kabur (buram), jika digeser sampai pinggir maka semua object yang ada
pada layer tersebut tidak terlihat.
10.2. Group
Kadang-kadang beberapa object perlu dimanipulasi secara bersamaan dalam kelompok atau
group. Misalnya untuk menjaga agar beberapa object antara satu dengan yang lainnya tetap
dalam posisi yang sama.
Teknik Grouping atau pengelompokan object dapat digunakan untuk membuat group dari
sekelompok object sehingga apabila akan melakukan editing (pergeseran, perpindahan
posisi, dll) semua object dalam satu group akan mengikuti perubahan tersebut. Dalam
sebuah Canvas dapat dibuat beberapa group object dengan kelompok object berbeda-beda
secara terpisah. Grouping juga dapat dilakukan terhadap object dalam layer yang berbeda,
dengan catatan object-object tersebut secara otomatis akan tergabung ke dalam satu layer.
10.2.1. Group
Group dapat dibuat dengan memilih atau menyeleksi beberapa object terlebih dulu,
kemudian lakukan salah satu langkah berikut:
• Melalui Menu Bar, klik Object => Group.
• Melalui Comand Bar, klik ikon (Group selected objects).
• Menggunakan Keyboard, tekan tombol Ctrl+G atau Ctrl+U.
10.2.2. Ugroup
Object yang sudah dikelompokkan (grouping) dapat dipisahkan kembali dengan cara berikut:
• Melalui Menu Bar, klik Object => Ungroup.
• Melalui Comand Bar, klik ikon (ungroup selected groups).
• Menggunakan Keyboard, tekan tombol Shift+Ctrl+G atau Shift+Ctrl+U, sedangkan
cara lain lakukan langkah berikut, klik group => tekan Ctrl kemudian Enter, jika ingin
melakukan group kembali tekan Ctrl kemudian Enter.
• Cara lain untuk melakukan ungroup adalah dengan cara klik dua kali (double click)
group, kemudian pilih salah satu object.
Halaman ini merupakan penjelasan singkat dan pelengkap dari berbagai operasi dalam
menangani path yang sudah dijelaskan pada halaman lain.
Untuk memulai menggunakan metode Path, lakukan cara berikut: pilih kelompok object, klik
Path => pilih nama efek yang diinginkan.
Contoh Penggunaan
Buat 3 (tiga) buah object dengan bentuk berbeda, seleksi semua object, kemudian atur agar
posisi object saling menumpuk antara satu dan lainnya, sebagai contoh buat object kotak,
lingkaran, dan bintang seperti pada gambar 11.1.1.
Cara menggunakan
Klik object atau path yang akan diubah, klik Path => pilih nama efek yang diinginkan, untuk
melihat hasilnya klik Node Tool pada Tool Box.
Gambar 11.8: Kiri; penerapan Inset pada object, Kanan; penerapan Outset pada object
Path atau object sudah tidak dapat diedit setelah diubah menggunakan modus ini. Untuk
mengubah menjadi path normal lagi, klik Path => Object to path (Shift+Ctrl+C).
Catatan
• Batas Penyederhanaan dapat diubah melalui jendela Inkscape Preferences => Misc =>
Simplification threshold, dengan cara mengubah nilai yang ada, untuk menampilkan
jendela tersebut, klik File => Inkscape Preferences ... (Shift+Ctrl+P).
Untuk menggunakan Live path effects, lakukan cara berikut: pilih salah satu object,
kemudian arahkan kursor pada Menu Bar klik Path => Path Effect Editor... atau tekan
Shift+Ctrl+7, pilih efek yang diinginkan dari menu yang tersedia, kemudian klik tombol Add.
Beberapa efek dapat disatukan (ditumpuk) bersama-sama. Urutan pada setiap efek
yang diterapkan dapat diubah dengan menggunakan ikon Edit on-canvas.
Setiap efek dapat dimatikan atau dikunci untuk sementara dengan melakukan klik ikon
mata di samping nama efek. Hal ini berguna jika Anda ingin mengedit path kerangka atau
kelompok path kerangka.
11.4.1. Bend
Cara kerja dari efek bend adalah mengambil sebuah path dengan cara menambahkan path
baru pada suatu object, kemudian membengkokkan bagian tengah object dengan control
path. Control path dibuat secara otomatis, path yang dibengkokan diambil dari style path
asli.
Cara menggunakan
Pilih object, klik Path => Path Effect
Editor... atau tekan Shift+Ctrl+7, pilih
submenu Bend, klik ikon Add, arahkan
kursor pada ikon Edit on-canvas di
sebelah kanan Bend path, maka akan
muncul path baru berwarna hijau dengan
posisi horizontal di tengah object.
Path tersebut dapat digunakan untuk
membengkokkan object secara lentur
dengan menyeret ke arah atas atau
bawah. Path atau jalur tersebut dapat
dimodifikasi seperti menggunakan Node
Gambar 11.14: Modifikasi object menggunakan LPE Bend
Tool, node baru pada path juga dapat
ditambahkan.
Untuk mengatur posisi kemiringan object, klik dua kali object tersebut, kemudian klik salah
satu nodes berwarna merah, tahan dan geser ke arah yang diinginkan.
11.4.4. Gear
Efek path Gear digunakan untuk mengubah object biasa menjadi object gear atau roda gigi.
Jumlah gear sesuai dengan jumlah node pada object asli, gear satu dan lainnya terhubung
dengan rantai yang diwakili oleh path atau garis. Terdapat tiga node utama pada gear, node
pertama adalah pusat rantai, node kedua sebagai pusat gear, sedangakan node ketiga
merupakan jari-jari gigi pertama.
148
Klik dan geser node yang dipilih untuk mengatur gear, sedangkan untuk menambahkan
jumlah gear klik dua kali nodes pada path, maka gear baru akan ditambahkan.
Untuk menambah jumlah gerigi gear isikan nilai tertentu pada menu Teeth, sedangkan untuk
mengatur bentuk ujung gerigi dapat dilakukan dengan mengisi nilai tertentu pada menu Phi.
11.4.5. Hatches
Efek LPEs Hatches adalah mengubah object menjadi garis berlekuk-lekuk seperti arsiran
tangan dengan cara menghapus Fill dan mengubah Stroke menjadi path. Bentuk object
secara otomatis dikonversi menjadi path. Garis berlekuk-lekuk dibuat seperti stroke
calligraphic dengan dua garis hampir sejajar. Ketebalan garis dapat diubah dengan
menggunakan Stroke Style.
Pada path yang dibuat terdapat empat alat pengontrol, dua berbentuk persegi sedangkan
yang lainnya berbentuk lingkaran, pengontrol berbentuk persegi pertama digunakan untuk
mengatur kemiringan dan rapat garis arsir, pengontrol persegi kedua digunakan untuk
mengatur lengkung arsiran, sedangkan pengontrol lingkaran digunakan untuk mengatur letak
pengontrol berbentuk persegi.
149
Dipinggir object terdapat bingkai berupa nodes yang digunakan untuk mengatur bentuk
object, nodes dapat ditambahkan seperti object biasa dengan cara melakukan klik dua kali
pada garis path.
Terdapat banyak menu yang ada pada jendela pengaturan Hatches yang dapat digunakan
untuk melakukan modifikasi path.
Catatan:
• Pada saat menggunakan fitur ini kinerja komputer akan semakin lambat, tidak
disarankan pada komputer dengan spesifikasi rendah
Klik Path => Path Effect Editor (Shift+Ctrl+7), kemudian Pada jendela pengaturan LPE yang
tampil pilih Interpolate Sub-Paths, klik Add.
150
Tambahkan jumlah object dengan mengubah nilai pada kotak isian Steps yang berada
dibawah menu Equidistant spacing.
Untuk mengatur bentuk gambar yang sudah dibuat klik ikon Edit on-canvas di samping menu
Trajectory, maka muncul garis kerangka yang bisa digunakan untuk mengatur bentuk gambar
seperti pada LPE Bend, tambahkan node jika diperlukan.
11.4.7. Knot
Efek dari Knot bertujuan untuk mengubah path menjadi gambar seperti ikatan atau simpul
pada tali. Artinya pada setiap titik pertemuan antara path satu dan lainnya maka bagian yang
di bawah tersembunyi atau terpotong, salah satu path mengikuti path lainya secara
berurutan sehingga letak tumpukan path pada titik simpul otomatis bergantian.
➢ Klik atau seleksi garis yang akan dijadikan kerangka, buka jendela Path Effect Editor
(Shift+Ctrl+7), pada menu Apply new effect pilih Pattern along Path, setelah itu klik Add.
➢ Klik Edit on-canvas yang berada disebelah kanan Pattern source, kemudian klik ikon Paste
path untuk menempelkan shape ke garis kerangka, maka secara otomatis bentuk garis
berubah.
➢ Untuk mengubah jenis Pattern Along Path, klik submenu disebelah kanan Pattern copies,
tersdia 4 (empat) submenu yang dapat dipilih dan digunakan
➢ Untuk mengubah bentuk pola klik ikon Edit on-canvas, kemudian modifikasi bentuk shape
yang digunakan dengan menggeser nodes pada object tersebut.
➢ Sedangkan untuk mengubah bentuk kerangka klik ikon Edit on-canvas, kemudian klik
kerangka, setelah itu geser garis kerangka ke arah lain. Klik dan seret node di ujung
kerangka untuk menambah atau mengurangi jumlah pola, Anda juga dapat
menambahkan node baru pada garis kerangka dengan melakukan klik dua kali pada garis
tersebut.
153
Pada jendela pengaturan LPE Pattern Along Path terdapat berbagai menu lain yang dapat
digunakan untuk mengatur gambar yang dibuat, lakukan pengaturan lain sesuai kebutuhan
Anda.
➢ Klik gambar cicak, kemudian lakukan teknik copy pada gambar tersebut (tekan Ctrl+C)
yang nantinya akan di paste-kan ke lingkaran.
➢ Klik atau seleksi object lingkaran yang sudah dibuat sebelumnya, kemudian buka jendela
pengaturan Live Path Effects, caranya klik Path => Path Effect Editor atau tekan
Shift+Ctrl+7.
154
➢ Pada Jendela Pengaturan Path Effect Editor yang tampil arahkan kursor pada submenu
Apply new effect, pilih Pattern Along Path, kemudian klik Add
155
➢ Selanjutnya paste gambar cicak yang telah di copy sebelumnya ke object lingkaran,
caranya klik ikon Paste path, maka hasilnya object lingkaran secara otomatis berubah
menjadi gambar cicak melingkar.
➢ Sampai ini Anda sudah berhasil mengubah gambar yang tadinya lurus menjadi melingkar,
Anda dapat mengubah posisi gambar dengan teknik Rotation atau Flip.
156
Di bawah ini adalah contoh gambar yang sudah dimodifikasi dengan menambahkan lingakran
sebagai bingkainya dan Pattern untuk warna gambar
Catatan:
• Hanya path yang dapat digunakan sebagai kerangka, jika ingin menggunakan Shape
sebagai kerangka, silakan ubah dulu menjadi path (Shift+Ctrl+C), penjelasan
mengenai cara mengubah shape menjadi path baca halaman Tool Box => Node Tool
• Penjelasan lain mengenai Pattern Along Path silakan baca halaman Extensions =>
Generate from Path => Pattern along Path.
11.4.9. Ruler
Efek dari modus ini adalah mengubah path menjadi ruler atau penggaris secara langsung,
tersedia beberapa opsi yang dapat digunakan untuk melakukan pengaturan ruler yang akan
dibuat.
11.4.10. Sketch
Efek dari LPEs Sketch adalah membuat object sketsa pada path, cara kerjanya adalah
membuat tiruan berupa garis-garis pada path yang terdiri dari dua jenis garis, garis pertama
adalah sebuah Stroke yang mengikuti lengkung path, sedangkan yang kedua adalah garis
Construction lurus yang terhubung dengan path.
157
Catatan:
• Semakin banyak garis-garis yang dibuat maka semakin lambat juga kinerja komputer,
jika spesifikasi komputer Anda pas-pasan jangan mengunakan fitur ini.
159
11.4.13. VonKoch
Efek VonKoch adalah menciptakan object dengan pola fractal. Cara kerja efek ini adalah
menciptakan path berupa object baru dengan dua path kontrol. Struktur fractal sepenuhnya
diatur oleh path kontrol. Path kontrol pertama ditempatkan pada object induk (asli),
sedangkan path kontrol kedua ditempatkan pada object salinan. Berikut contoh cara
menggunakan LPEs VonKoch:
Buat object segitiga (triangle) menggunakan Star Tool, kemudian klik Path => Live Path
Effects, pilih VonKoch pada menu Apply new effect, kemudian klik Add, maka muncul
jendela pengaturan efek fractal, berikut penjelasan:
• Reference segment, digunakan untuk mengatur posisi dan kerangka Object Induk.
• Generating path, digunakan untuk mengatur posisi dan kerangka Object salinan.
• Nb of generations, untuk mengatur jumlah object salinan (maksimal 8).
Klik ikon Edit Node (edit on-canvas) pada menu Reference segment atau Generating
path untuk melakukan pengaturan pada masing-masing segmen.
Path pada gambar hasil tracing dapat memiliki ribuan node jika menggunakan gambar
dengan berbagai warna dan efek yang rumit, hal ini kadang berpengaruh dengan
melambatnya kinerja komputer terutama pada komputer dengan spesifikasi rendah, bahkan
komputer dapat berhenti atau inkscape dapat menutup sendiri secara mendadak.
Jika hasil tracing memiliki node
yang banyak dapat disederhanakan
dengan mengunkan fitur Simplify
yang dapat diakses melalui Menu
Bar => Path => Simplify atau tekan
Ctrl+L. Jika mengunakan metode ini
Anda harus hati-hati karena bentuk
path kadang dapat sedikit berubah Gambar 11.30: Mengurangi node menggunakan fitur Simplify
saat node dikurangi, untuk
mengatasinya Anda dapat
melakukan pengaturan pada Inkscape Preferences => Misc
Untuk melakukan Trace pada Bitmap lakukan langkah berikut: Pilih gambar bitmap, arahkan
kursor pada Menu Bar => klik Path => Trace Bitmap atau tekan Shift+Alt+B.
Maka segera muncul jendela pengaturan Tracing yang terdiri dari 3 (tiga) Tab yaitu: Mode,
Option, dan Credit.
11.5.1. Mode
Tab Mode berisi beberapa menu
dan submenu, di sebelah kiri terdiri
dari dua menu yaitu Single scan
dan Multiple Scan, di dalam menu
tersebut terdapat beberapa
submenu lagi.
Single scan digunakan untuk
menciptakan single Path,
sedangkan Multiple scan
digunakan untuk menciptakan
beberapa Path.
Di sebelah kanan terdapat jendela
Preview berisi gambaran singkat
proses scan terakhir yang
Gambar 11.31: Jendela pengaturan Trace Bitmap
dilakukan, di bawahnya terdapat
tombol Update yang fungsinya
untuk menampilkan gambar pada Preview jika tidak muncul secara otomatis.
Brightness Cutoff
Output tergantung kecerahan
brightness pada pixel dari object
bitmap. Brightness berdasarkan
jumlah pixel dari nilai warna merah,
hijau, dan biru, jika bitmap
warnanya hitam-putih maka dihitung
berdasarkan nilai grayscale.
Sebuah Path berwarna gelap atau Gambar 11.32: Path dari hasil penerapan Brightness Cutoff
hitam tercipta berdasarkan nilai
pada kotak Thershold, semakin besar
nilai yang digunakan maka semakin gelap path yang dihasilkan.
Edge Detection
Ketebalan tepi Output berdasarkan
pada perbedaan brightness dengan
pixel yang saling berdekatan.
Sebuah Path berwarna putih tercipta
berdasarkan nilai pada kotak
Thershold, semakin besar nilai yang
digunakan maka semakin putih path Gambar 11.33: Path dari hasil penerapan Edge Detection
yang dihasilkan.
Color Quantization
Output berdasarkan warna pada pixel
yang saling berdekatan, nilai pada
kotak Colors digunakan untuk
menentukan jumlah warna pada tepi
path, namun hanya satu path yang
tercipta.
Jika Bitmap yang digunakan memiliki
warna latar belakang sedikit namun Gambar 11.34: Path dari hasil penerapan Color Quantization
corak gambarnya banyak (contoh
batik), maka semakin besar nilai yang
digunakan, semakin banyak node pada path yang dihasilkan, begitupun sebaliknya.
Brightness Steps
Bitmap seolah-olah discans dua kali
sehingga path yang dihasilkan lebih
satu dari yang diinginkan. Path yang
dihasilkan memiliki kecerahan yang
berbeda, path paling bawah memiliki
kecerahan paling rendah, sedangkan
path di atasnya lebih gelap, untuk
Gambar 11.35: Path hasil penerapan Brightness Steps
melihat hasilnya lakukan Ungroup
setelah dipisahkan
terlebih dulu, kemudian masing-
masing path pisahkan dengan menggeser ke tempat lain.
Jika kotak opsi Remove background dicentang maka path paling bawah secara otomatis
dihapus.
Colors
Path tercipta hampir sama saat menggunakan teknik Octree Quantization yaitu dengan cara
mengurangi warna bitmap menggunakan nilai pada kotak Scans. Jika kotak Scans nilainya 2
(dua) maka warna path yang tercipta buram, namun jika nilainya 3 (tiga) atau lebih maka
path yang tercipta mirip warna bitmap yang digunakan namun sedikit buram.
Grays
Teknik yang digunakan sama pada Colors namun path yang dihasilkan berupa gambar
grayscale.
Smooth
Jika kotak Smooth dicentang maka proses trace pada bitmap akan menerapkan Gaussian
Blur. Efeknya adalah dapat merapikan perbedaan pixel bitmap yang saling berdekatan
sehingga path yang tercipta lebih rapi, cara ini sangat berguna untuk melakukan trace pada
bitmap yang berasal dari hasil scans menggunakan mesin scanner.
Stack scans
Stack scans digunakan untuk mengatur dan menentukan path yang akan diciptakan, path
yang dihasilkan tidak tercampur atau dengan kata lain terpisah berdasarkan lapisan yang
dibuat, keuntungan menggunakan opsi ini adalah pada path tidak terdapat bintik-bintik
sehingga jumlah node tidak begitu banyak.
Remove background
Path paling bawah ditetapkan sebagai latar belakang dengan warna lebih terang atau tipis,
jika latar belakang bitmap yang digunakan sudah memiliki warna yang terang misalnya putih
atau kuning maka secara otomatis terhapus. Jika saat menggunakan modus ini opsi Stack
scan dicentang maka path paling bawah akan berbentuk persegi panjang sesuai ukuran
gambar yang discan.
163
11.5.2. Option
Tab Option digunakan untuk mengatur semua scanning pada Bitmap, tersedia 3 (tiga) pilihan
yang dapat digunakan secara terpisah maupun bersamaan. Dua opsi digunakan untuk
mengurangi ukuran file, sedangkan yang satunya untuk meperhalus path, semua opsi yang
tersedia menggunakan program atau paket tambahan dari Potrace, path yang tercipta dapat
berbeda-beda tergantung dari bitmap yang digunakan.
Catatan:
• Penjelasan mengenai corners node baca halaman Tool Box => Node Tool.
11.5.3. SIOX
Simple Interactive Object Extraction atau SIOX dapat digunakan untuk memisahkan suatu
object dengan latar belakang suatu gambar bitmap. Saat ini hanya latar belakang yang dapat
ditentukan, namun pada versi yang akan datang bagian depan juga dapat ditentukan.
Kinerja SIOX sangat tergantung pada karakter atau kerumitan gambar bitmap. Semakin
banyak warna dan corak pada bitmap maka semakin sulit juga pemisahannya.
Untuk melakukan SIOX beri tanda centang pada kotak SIOX foreground selection. Berikut
contoh untuk melakukan teknik SIOX:
• Import gambar bitmap yang memiliki object depan dan latar belakang dengan warna
berbeda.
• Buat path sesuai gambar object depan yang akan dipisahkan dengan latar
belakangnya, letakkan di atas object depan.
164
• Pilih kedua object tersebut (bitmap dan path), kemudian arahkan kursor pada Menu
Bar, klik Path => Trace Bitmap atau tekan Shift+Alt+B, lakukan pengaturan yang
sesuai, setelah itu beri tanda centang pada kotak SIOX foreground selection.
• Geser path yang digunakan untuk memotong bitmap ke tampat lain, kemudian klik
path hasil operasi teknik SIOX ke tempat lain untuk melihat hasilnya.
Tentang Extensions
Object yang dibuat menggunakan Inkscape dapat dimaksimalkan dengan menggunakan
Extensions. Extensions terdiri dari script atau program yang dapat dijalankan secara langsung
oleh inkscape. Sebagian besar extensions memerlukan program dari luar yang ditulis
menggunakan Perl atau Python.
Extensions baru dapat dibuat dengan mempelajari kode dan script extensions yang sudah
ada atau dapat menulisnya sendiri dari nol. Pada Sistem Operasi GNU/Linux kode extensions
yang sudah ada dapat dilihat pada direktori usr/share/inkscape/extensions.
Beberapa kode extensions yang dibangun ke dalam inkscape terletak pada direktori
src/extension/internal (tidak disertakan pada semua sistem operasi).
Jika extension tidak bekerja dengan baik, kemungkinan besar inkscape yang digunakan telah
kehilangan beberapa dependency yang berasal dari program luar. Jika hal ini terjadi, lakukan
pememeriksaan dengan cara melihat log file extensions-errors pada direktori inkscape
berdasarkan sistem operasi yang Anda gunakan, pada sistem operasi GNU/Linux log file
tersebut terletak pada .config/inkscape, sedangkan pada sistem operasi Windows terdapat
pada Documents and Settings\USER\ Application Data\Inkscape.
Pada sebagian extension tertentu memiliki jendela pengaturan dengan menyertakan kotak
menu Live preview yang dapat digunakan untuk melihat tampilan object secara langsung
sebelum melakukan perubahan.
Extensions pada inkscape dikelompokkan dalam beberapa kategori yaitu:
• Arrange: untuk mengatur ulang susunan object.
• Color: untuk modifikasi warna suatu object atau kelompok object.
• Generate from Path: memanfaatkan path pada object yang sudah ada sehingga
tercipta object baru dengan bentuk berbeda.
• Images: menanamkan atau menempelkan gambar bitmap ke dalam file SVG di
inkscape.
• JessyInk: untuk membuat presentasi yang dapat ditampilkan menggunakan browser.
• Modify Path: melakukan modifikasi path yang sudah dibuat sebelumnya.
• Raster: Memanipulasi warna dan bentuk pada suatu gambar bitmap.
• Render: untuk membuat object baru dengan bentuk tertentu.
• Text: untuk manipulasi teks.
• Visualize Path: informasi tentang path yang diekstrak.
• Web: untuk menyiapkan gambar SVG yang akan digunakan pada web.
166
Cara Menggunakan
Pilih Object => arahkan kursor ke Menu Bar => klik Extensions => pilih kelompok Extensions
=> pilih Extensions yang akan digunakan. Jika extensions yang digunakan menampilkan
jendela pengaturan, lakukan pengaturan yang sesuai.
Untuk melihat tampilan gambar secara langsung sebelum melakukan perubahan, aktifkan
Live Preview dengan memberi tanda centang (checklist) pada kotak kecil yang tersedia, jika
sudah yakin pada perubahan yang diinginkan klik Apply, kemudian tutup jendela pengaturan
dengan melakukan klik pada tombol Close.
12.1. Arrange
Kategori pada extensions arrange digunakan untuk menata object dalam sebuah gambar,
saat ini baru tersedia satu extension pada kategori ini.
12.1.1. Restack
Exensions ini mengubah urutan atau susunan object berdasarkan posisi object. Pada jendela
pengaturan Restack terdapat beberapa menu yang dapat digunakan untuk mengubah posisi
object.
Pada menu Restack Direction terdapat submenu yang dapat digunakan yaitu: Left to Right,
Bottom to Top, Right to Left, Top to Bottom, Radial Outward, Radial Inward, and Arbitrary
Angle.
12.2. Color
Extension Color digunakan untuk memanipulasi atau modifikasi warna suatu object atau
kelompok object secara langsung atau dengan kata lain object asli otomatis berubah sesuai
dengan extension yang dipilih. Jika tidak ada object yang dipilih maka perubahan warna akan
diterapkan ke seluruh object di canvas pada layer yang aktif.
167
Extension color dijalankan melalui satu set script khusus yang dibuat menggunakan Python
dan terletak pada direktori usr/share/inkscape/extensions.
Penggunaan script python hanya untuk sementara sampai kemampuan mode ini bisa
berjalan secara native pada Inkscape. Pemetaan warna dihitung dalam ruang warna RGB
kecuali untuk extensions yang mengubah nilai HSL yang mana dihitung dalam ruang warna
HSL.
12.2.2. Brighter
Efek dari extension ini adalah mencerahkan warna dari suatu object atau kelompok object.
Sifat dari extension ini membuat warna yang gelap menjadi lebih tajam sehingga warna
tampak menyala, efeknya tidak begitu terlihat atau samar sehingga memerlukan beberapa
aplikasi lain untuk menyempurnakan.
Gambar 12.2: Kiri; Efek Extension Color Black and White, Kanan; Efek Extension Color Brighter
12.2.3. Custom
Extension ini memungkinkan untuk melakukan transformasi warna khusus pada gambar.
Perubahan warna dapat dilakukan dengan menggunakan angka tertentu atau rumus
matematika standar (+, -, ×, dan /) pada jendela pengaturan yang ditampilkan.
12.2.4. Darker
Extension ini mengubah warna suatu object menjadi lebih gelap, setiap bagian R, G, dan B
diatur menjadi 90% dari nilai sebelumnya, efek dari perubahan ini tidak begitu terlihat atau
samar sehingga memerlukan aplikasi lain untuk menyempurnakannya.
Gambar 12.3: Kiri; Efek Extension Color Custom, Kanan; Efek Extension Color Darker
168
12.2.5. Desaturate
Extension ini mengubah warna suatu object menjadi abu-abu dengan mengatur rata-rata
nilai R, G, dan B, cara kerja extension ini seperti pada mesin foto copy saat mengubah
gambar berwarna menjadi hitam putih.
12.2.6. Grayscale
Mengubah warna object menjadi abu-abu dengan menggunakan rumus pencahayaan seperti
pada televisi hitam putih yang mengubah gambar (video) berwarna menjadi hitam putih
dengan menerapkan metode PAL. Metode yang digunakan adalah menetapkan kecerahan
warna menggunakan rumus YUV, yang mana Y = 0,229 × R + 0,587; × G + 0.114 × B.
Gambar 12.4: Kiri; Efek Extension Color Desaturate, Kanan; Efek Extension Color Grayscale
Gambar 12.5: Kiri; Efek Extension Color Less Hue, Kanan; Efek Extension Color Less Light
Gambar 12.6: Kiri; Efek Extension Color Less Saturation, Kanan; Efek Extension Color More Hue
Gambar 12.7: Kiri; Efek Extension Color More Light, Kanan; Efek Extension Color More Saturation
12.2.13. Negative
Extension ini digunakan untuk membalik warna. Sebagai contoh: nilai R dari 64 (25%)
menjadi nilai R 191 (255-64, atau 75%).
12.2.14. Randomize
Extension ini digunakan untuk mengubah warna pada object dengan acak. Pengubahan
warna dapat dilakukan dengan memilih modus tertentu pada jendela pengaturan yang
ditampilkan.
Gambar 12.8: Kiri; Efek Extension Color Negative, Kanan; Efek Extension Color Randomize
Gambar 12.9: Kiri; Efek Extension Color Remove Blue, Kanan; Efek Extension Color Remove Green
Gambar 12.10: Kiri; Efek Extension Color Remove Red, Kanan; Efek Extension Color RGB Barrel
12.3.1. Extrude
Extrude digunakan untuk menciptakan object baru dengan cara menghubungkan node pada
dua path dengan garis atau polygons. Cara kerjanya adalah menarik path antara setiap node
yang sesuai dengan dua path.
ukurannya lebih kecil. Letakkan object kedua di tengah-tengah object pertama, seleksi kedua
object, kemudian klik Extensions => Generate from Path => Extrude, pada jendela yang
tampil pilih mode yang diinginkan, tersedia dua mode yaitu Polygons dan Lines, klik Apply
untuk menerapkan perubahan, tunggu beberapa saat hingga proses generate selesai, setelah
proses selesai maka secara otomatis tercipta object baru yang menumpuk di atas object
12.3.3. Interpolate
Extension ini digunakan untuk menambahkan garis dan ruang baru di antara dua path, jarak
ruang dapat diatur melalui jendela pengaturan yang disertakan pada extensions ini.
Untuk menggunakan extension ini, buatlah dua buah object berupa path, kemudian seleksi
keduanya, klik Extensions => Generate from Path => Interpolate, pada jendela yang tampil
lakukan pengaturan sesuai keinginan, setelah itu klik Apply.
172
12.3.4. Motion
Extension Motion digunakan untuk
membuat object bayangan sesuai
bentuk object asli, cara kerjanya
membuat salinan pada object yang
dipilih dan meletakkan di balik object
asli, kemudian menghubungkan
antara object asli dengan salinan
menggunakan garis-garis untuk
membentuk kelompok path tertutup.
Cara kerja Extension ini mengubah Gambar 12.14: Efek Extension Generate from Path Motion
secara langsung suatu object
menjadi object baru. Arah dan letak
object salinan dapat ditentukan melalui jendela pengaturan motion yang tampil.
Catatan
• Object depan dan object bayangan dapat diedit dengan melakukan ungroup terlebih
dulu.
Gambar 12.15: Efek Extension Generate from Path Pattern Along Path
12.3.6. Scatter
Extension ini menempatkan pattern atau pola ke sepanjang garis lintasan, metode yang
digunakan hampir sama dengan Pattern along Path namun pattern yang dihasilkan lebih
serasi.
174
12.3.7. Voronoi
Extensions ini digunakan untuk menggambar suatu pattern (pola) pada path tertutup
berbentuk potong-potongan dan pecahan batu tidak berarturan. Untuk menggunakan
extension ini, pilih path dan object kemudian tampilkan jendela pengaturan extensions
voronoi pattern, pada jendela pengaturan terdapat dua menu yang dapat digunakan.
12.4. Images
Extensions pada kelompok ini akan mengekstrak dan menanamkan gambar bitmap ke dalam
file di inkscape.
12.5. JessyInk
Inkscape juga dapat digunakan untuk membuat presentasi berbasis web yang canggih
lengkap dengan slide master disertai penomoran halaman otomatis, transisi antar slide, dan
zooming halaman.
Presentasi pada inkscape dapat dibuat dengan bantuan extension JessyInk. JessyInk bekerja
dengan menanamkan JavaScript ke dalam file SVG. Kemudian JavaScript memanipulasi layer
untuk menjalankan presentasi.
Untuk dapat menggunakan JessyInk Anda harus menambahkan kode JavaScript JessyInk
terlebih dahulu kedalam file SVG, caranya adalah dengan melakukan klik Extensions =>
JessyInk => Install/Update, kemudian klik Apply. Kode yang sudah dibuat dapat dihapus
dengan melakukan klik Extensions => JessyInk => Uninstall/remove.
Setelah kode terpasang dengan baik, setiap layer menjadi slide dalam presentasi. Urutan
slide presentasi sesuai dengan urutan gambar pada layer. Salah satu layer digunakan sebagai
slide Master yang akan ditampilkan sebagai latar belakang pada semua slide presentasi yang
dibuat.
Buka jendela Layer, caranya; klik Layer => Layer atau tekan Shift+Ctrl+L, cara lainnya dapat
dilakukan dengan kli ikon Layer pada Commad Bar. Ubah nama layer yang sudah ada
menjadi nama tertentu, dalam contoh ubah menjadi Master Slide, alasannya adalah layer ini
akan dijadikan Master atau Template Presentasi untuk semua slide yang akan dibuat.
Buat object Buat object persegi panjang dengan ukuran 800 x 470 px untuk tempat menulis
isi masing-masing Slide presentasi. Beri warna berbeda dengan object sebelumnya (contoh:
coklat), atau ada juga dapat memberi warna Gradient Linear pada agar lebih indah, atur
object yang dibuat agar berada di dalam halaman bagian bawah.
Langkah selajutnya adalah mengubah Layer yang telah dibuat ini menjadi Master atau
Template untuk semua Slide Presentasi, caranya klik Extension => JessyInk => Master, beri
nama Master Slide sesuai dengan nama layer yang sudah dibuat sebelumnya, dalam contoh
isi dengan Master Slide sesuai dengan nama Layer yang digunakan, kemudian klik Apply,
setelah itu klik Close.
178
Tulis Judul Presentasi menggunakan Text Tool pada bagian atas slide, sebagai contoh tulis
FIROLAB. Ukuran font untuk judul presentasi biasanya 44 s/d 60 pt.
179
Tulis Nama dan Keterangan Identitas pemateri pada kotak persegi panjang isi presentasi.
Ukuran font pada Nama dan Keterangan Identitas pemateri lebih kecil dari font judul
presentasi.
Tambahkan Slide baru lagi seperti cara sebelumnya yaitu dengan menambah layer baru dan
beri nama berbeda dari layer sebelumnya, isi slide dengan materi yang sesuai.
Ulangi langkah ini beberapa kali sehingga terdapat beberapa slide sesuai dengan materi
presentasi yang akan dibuat, berikut ini contoh isi dari slide:
NAMA LAYER JUDUL SLIDE ISI SLIDE
Master Slide Isinya adalah Master atau Template Slide berupa gambar tertentu
Tentang Firolab TENTANG FIROLAB Logo atau dekripsi singkat tentang Firolab
Desain Grafis Aplikasi Desain Grafis Berisi dekripsi aplikasi desain grafis yang digunakan
Contoh Aplikasi CONTOH APLIKASI Berisi contoh aplikasi desain grafis yang digunakan
Tambahkan Slide baru lagi seperti cara sebelumnya yaitu dengan menambah layer baru dan
beri nama berbeda dari layer sebelumnya, isi slide dengan materi yang sesuai.
Ulangi langkah ini beberapa kali sehingga terdapat beberapa slide sesuai dengan materi
presentasi yang akan dibuat, berikut ini contoh isi dari slide:
NAMA LAYER JUDUL SLIDE ISI SLIDE
Master Slide Isinya adalah Master atau Template Slide berupa gambar tertentu
Tentang Firolab TENTANG FIROLAB Logo atau dekripsi singkat tentang Firolab
Desain Grafis Aplikasi Desain Grafis Berisi dekripsi aplikasi desain grafis yang digunakan
Contoh Aplikasi CONTOH APLIKASI Berisi contoh aplikasi desain grafis yang digunakan
Modifikasi Presentasi
Sebenarnya presentasi sudah berhasil dibuat, namun ketika ditampilkan masih sangat
sederhana, berikut ini adalah penjelasan singkat cara modifikasi presentasi agar lebih keren.
Save As presentasi yang telah dibuat sebelumnya, caranya klik File => Save AS, beri nama
berbeda dengan file sebelumnya, misal: Presentasi Desain Grafis_edit1
12.5.6. Auto-texts
Auto-texts digunakan untuk menambahkan keterangan pada setiap slide, terdapat beberapa
menu yang dapat dipilih dan digunakan, dalam contoh kita akan menambahkan auto-texts
berdasarkan nama slide, berikut caranya: buat teks atau tulisan (contoh tulisan Inkscape)
pada halaman slide yang akan diberi auto-text, litakkan di pojok kiri bawah halaman pada
layer Firolab, gunakan ukuran teks (ukuran font) yang kecil (misal: 12 pt), seleksi teks yang
telah dibuat, kemudian klik Extensions => JessyInk => Auto-texts, pada jendela Auto-texts
yang tampil pilih Slide Title, setelah itu klik Apply.
182
Lakukan cara yang sama untuk menambahkan Auto-texts pada masing-masing slide/layer,
untuk mempercepat proses penambahan Auto-texts, Anda dapat menggunakan fitur Copy-
Paste In Place sehingga tidak perlu mengetik satu-satu pada setiap halaman slide pada layer,
berikut caranya; klik teks yang telah dibuat sebelumnya (tulisan Inkscape), kemudian salin
teks tersebut dengan menekan Ctrl+C, sembunyikan layer Firolab, klik dan aktifkan layer lain
(misal: layer Tentang Firolab), lakukan Paste In Place dalam halaman pada layer yang sedang
dipilih dengan menekan Ctrl+Alt+V. Lakukan cara yang sama untuk menambahkan Auto-
texts untuk masing-masing layer/slide.
12.5.7. Effects
Effects hampir sama dengan transisi, perbedaannya adalah effects dapat diterapkan pada
satu slide dengan efek berbeda-beda. Anda dapat membuat serangkaian efek yang muncul
satu per satu pada slide yang sama. Berikut caranya: pilih layer Kegiatan Firolab, pilih salah
satu tulisan pada layer ini, sebagai contoh pilih tulisan Desain Grafis, klik Extensions =>
JessyInk => Effects. Langakah selanjutnya lakukan pengaturan Effects seperti pada gambar di
bawah ini:
183
12.5.8. View
View digunakan untuk mengatur jauh dekatnya (zoom) tampilan dalam sebuah slide dan
rotasi pada object. Lakukan langkah berikut untuk menambahkan View:
Buat layer baru di atas layer Contoh Aplikasi, beri nama Logo Aplikasi OpenSource, Tulis
judul Slide presentasi di bagian atas. Import beberapa logo Aplikasi OpenSource (misal logo
Inkscape, GIMP, Krita, Blender, dll), caranya klik File => Import, lakukan pencarian logo atau
gambar yang akan diimport, jika sudah ketemu, klik logo atau gambar tersebut (dalam
contoh import file SVG kumpulan Logo Aplikasi Grafis OpenSource), tekan tombol Open. Atur
beberapa logo tersebut sedemikian rupa pada halaman untuk isi presentasi, jika kumpulan
logo yang dimasukkan tergabung dalam satu kelompok (grouping) lakukan Ungroup dengan
cara menekan tombol Shift+Ctrl+G.
Buat object persegi panjang dengan Rectangles Tool di atas salah satu logo (misal: di atas
logo Inkscape), beri warna tertentu (misal: Marron), buat lagi object persegi panjang di atas
logo lain (misal: di atas logo GIMP), beri warna berbeda dengan object persegi panjang yang
sudah ada (misal: beri warna merah). Ulangi langkah yang sama sehingga di atas setiap logo
terdapat object persegi panjang dengan warna berbeda.
Seleksi object persegi panjang di atas logo Inkscape, kemudian klik Extensions => JessyInk =>
View..., pada kotak Order isi dengan angka 1, sedangkan pada kotak Duration in seconds isi
dengan nilai 1,0, klik Apply untuk menerapkan View pada logo Inkscape. Seleksi object
persegi panjang di atas logo GIMP, pada kotak Order isi dengan angka 2, sedangkan pada
kotak Duration in seconds isi dengan nilai 1,0.
Lakukan langkah yang sama untuk masing-masing object persegi panjang di atas logo lain
dengan menggunakan nilai pada kotak Order secara berurutan ataupun secara acak, yang
penting nilai pada kotak Order tidak boleh sama.
Anda juga dapat mengatur tampilan gambar atau logo pada side menjadi terbalik, miring,
atau memutar, dan ketika Anda menjalankan presentasi dengan menekan tombol arah
kanan, maka tampilan (view) gambar yang diperbesar secara otomatis berubah ke tampilan
normal, caranya adalah; seleksi object persegi panjang dan logo, kemudian lakukan Flip,
Rotasi atau menggesernya secara manual.
184
Edit tulisan di bawah JessyInk video element, isi sesuai tautan (link) dimana file Anda
tersimpan, ubah tulisan <replace this text with the url of the movie> menjadi
file:///home/istana/Prologue.mp4, dalam contoh menggunakan video berjudul Prologue
dengan format mp4 yang disimpan pada direktori Home.
185
Selain file video yang tersimpan di direktori komputer, Anda juga dapat memasukkan video
dari link web tertentu.
Untuk mengatur ukuran tampilan video pada slide dapat dilakukan dengan mengubah
ukuran object persegi panjang yang telah disediakan oleh JessyInk video element, berikut
caranya; klik ikon Rectangles Tool pada Toolbox, klik persegi panjang, kemudian ubah ukuran
persegi panjang tersebut dengan menyeret Handles atau tanda segi empat kecil pada pojok
kiri atas atau kanan bawah persegi panjang ke arah tertentu.
186
Catatan:
• Penjelasan lengkap mengenai fungsi dan penggunaan Key bindings baca halaman
Menjalankan Presentasi.
12.5.12. Summary
Digunakan untuk membuat ringkasan naskah slide presentasi yang tertanam dalam file SVG,
ringkasan naskah presentasi berupa script XML, berikut cara menggunakannya; klik
Extension => JessyInk => Summary..., klik Apply pada jendela yang tampil, maka segera
tampil jendela baru yang berisi script ringkasan presentasi yang telah dibuat, salin (copy) isi
script tersebut ke halaman baru Inkscape. Anda dapat mengedit script tersebut pada
halaman baru Inkscape, kemudian cetak dan bagikan ke peserta yang mengikuti presentasi
Anda.
Catatan
• Jika saat menggunakan extension ini tidak terjadi perubahan pada object yang
digunakan kemungkinan besar object tersebut belum memiliki path atau masih
berupa stroke, untuk itu ubah dulu stroke pada object tersebut menjadi path.
Catatan
• Penjelasan mengenai dash baca halaman Styling Objects => Stroke Style => Dash.
12.6.4. Edge 3D
Extension ini digunakan untuk menambahkan efek 3D pada tepian sebuah path dengan cara
menciptakan object baru persis di atas object yang sudah ada dengan style Gaussian Blur,
terdapat beberapa menu yang dapat diatur melalui jendela pengaturan yang disertakan pada
extension ini.
192
12.6.5. Envelope
Efek dari extensions ini membuat suatu bentuk path agar sesuai dengan suatu bentuk
perspektif tertentu. Efek envelope dan perspective hampir memiliki kesamaan, namun
berbeda cara kerjanya. Berikut contoh penggunaannya :
1. Sediakan object yang akan diberi efek, ubah menjadi path
2. Buat object dengan empat node path sebagai envelope frame
3. Letakkan object yang akan diberi efek ke atas envelope frame yang sudah dibuat
sebelumnya.
4. Seleksi kedua object tersebut, klik Extensions => Modif Path => envelope
5. Untuk melihat hasilnya geser (pisahkan) object hasil modifikasi dengan object yang
digunakan sebagai frame.
12.6.7. Fractalize
Extension Fractalize digunakan untuk mengubah bentuk sebuah path pada object menjadi
beberapa garis-garis bengkok yang tajam dengan menambahkan node secara otomatis,
jarak dan letak node tidak beraturan.
12.6.10. Perspective
Efek extension perspective hampir sama dengan efek envelope, namun jika path segi empat
yang digunakan berasal dari object shape, maka bentuk gambar perspektif yang dihasilkan
secara otomatis memutar ke kanan 900 (sembilan puluh derajat).
Agar bentuk perspektif yang dibuat tidak memutar ke kanan 900, buat path tertutup
menggunakan Bezier Pen Tool dengan arah dari bawah ke atas kemudian memutar searah
jarum jam.
12.6.14. Whirl
Extension Whirl akan menimbulkan efek memutar pada sebuah path yang telah dibuat. Titik
poros putaran terletak pada titik tengah inkscape yang tampil di tengah layar.
12.7. Raster
Extension pada kelompok ini digunakan untuk manipulasi warna pada gambar bitmap. Hal ini
sangat berguna jika Anda ingin melakukan perubahan bitmap dengan cepat tanpa
menggunakan editor bitmap semacam GIMP. Semua extension pada kelompok ini tergantung
Libary atau Pustaka ImageMagick. Setelah extension diterapkan, maka bitmap asli secara
otomatis akan diganti dengan bitmap hasil modifikasi. Extensions ini hanya bekerja pada
gambar bitmap.
Berikut daftar extension yang tersedia pada kelompok ini:
• Adaptive Threshold • Add Noise • Blur
• Channel • Charcoal • Colorize
• Contrast • Cycle Colormap • Despeckle
• Dither • Edge • Emboss
• Enhance • Equalize • Gaussian Blur
• HSB Adjust • Implode • Level
• Level (width Channel) • Median • Modulate
• Negate • Normalize • Oil Paint
• Opacity • Raise • Reduce Noise
• Resample • Shade • Sharpen
• Solarize • Spread • Swirl
• Unsharp Mask • Wave •
Perhatian:
• Saat menggunakan extensions ini kinerja komputer menjadi sangat lambat, jika
spesifikasi komputer Anda pas-pasan maka inkscape akan menutup sendiri saat
menggunakan Extension ini.
12.8. Render
Extension Render digunakan untuk membuat object baru dengan bentuk tertentu secara
mudah.
12.8.1. 3D Polyhedrons
Extension ini digunakan untuk membuat object 3D Polyhedrons, pada saat extension
dijalankan maka tampil sebuah jendela pengaturan yang terdiri dari tiga tab, berikut
penjelasan singkatnya:
digunakan, submenu Filename digunakan untuk memasukkan nama file yang dibuat,
sedangkan submenu Object Type digunakan untuk menentukan tampilan object
12.8.1.2. View
Tab View digunakan untuk mengatur putaran atau rotasi 3D polyhedron yang akan dibuat.
Terdapat enam pilihan Rotasi yang dapat digunakan, dalam setiap menu terdapat submenu
yang berisi tiga pilihan yang dapat digunakan, pada setiap submenu terdapat kotak isian yang
dapat diisi dengan nilai tertentu sesuai rotasi yang akan digunakan.
12.8.1.3. Style
Tab Style digunakan untuk melakukan pengaturan style pada object, pengaturan meliputi
tampilan utama warna dan arah pencahayaan serta untuk mengatur color and opacity pada
fill.
Untuk menentukan warna, isikan nilai tertentu pada kotak Fill color Red, Green, dan Blue.
Sedangkan untuk menentukan kecerahan warna Fill and Stroke dapat dilakukan dengan
mengisi nilai antara 0 s/d 100 (dihitung dengan persen) pada Fill opacity.
Submenu Stroke widh, px digunakan untuk mengatur lebar stroke yang akan dibuat.
Shading digunakan untuk mengatur bayangan object.
12.8.3. Barcode
Extension ini digunakan untuk membuat gambar
barcode. Extension barcode juga menyertakan
jendela pengaturan yang terdiri dari tiga menu
yaitu: Barcode Type, Barcode Data, dan Bar Height,
ketiga menu tersebut dapat digunakan untuk
melakukan pengaturan barcode yang akan dibuat.
Menu Barcode Type gunanya untuk memilih jenis
barcode yang tersedia, Barcode Data digunakan
untuk memasukkan kode angka yang akan
dijadikan barcode, sedangkan menu Bar Height
Gambar 12.33: Jendela Pengaturan Barcode
digunakan untuk mengatur tinggi garis-garis
barcode.
Jenis barcode yang dapat dihasilkan dengan extension ini adalah:
1. EAN8 (European Article Number 8), kode angka yang dapat digunakan adalah 7 atau 8
digits.
2. EAN13 (European Article Number, UPC + 1 digit), kode angka yang dapat digunakan
adalah 12 digits.
3. EAN5 (European Article Number 5), kode angka yang dapat digunakan adalah 5 digits.
4. UPC-A (Universal Product Code A), kode angka yang dapat digunakan adalah 11 digits.
5. UPC-E (Universal Product Code E), kode angka yang dapat digunakan adalah 6 digits.
6. Code39, kode angka yang dapat digunakan adalah terdiri dari 26 huruf besar, 10 digit
angka, dan 7 karakter khusus, namun dapat juga memakai kode dengan jumlah digit
di bawahnya, kode ini biasanya dipakai pada produk dalam kemasan.
7. Code39Ext, 128 karakter kode ASCII dapat digunakan semua.
8. Code93, kode ini adalah Code39Ext yang sudah diperbarui, dan digunakan oleh
layanan kantor pos Kanada.
9. Code128, 128 karakter kode ASCII dapat digunakan semua dan ditambah code
variable checksum.
199
10. RM4CC/RM4SCC, kode pelanggan yang digunakan oleh Negara Inggris, kode yang
dapat digunakan berupa aksara dan karakter.
12.8.5. Calendar
Extension ini digunakan untuk menciptakan kalender secara otomatis. Extension ini disertai
jendela pengaturan yang terdiri dari 4 (empat) tab yaitu; Configuration, Layout, Color, dan
Localization.
12.8.5.1. Configuration
Tab Configuration berisi beberapa submenu yang digunakan untuk mengatur tahun, bulan
dan hari, berikut penjelasan singkatnya:
• Month (0 for all): untuk menentukan jumlah bulan pada kalender.
• Year (0 for current): untuk menentukan tahun.
• Week star day: awal hari dalam satu minggu.
• Weekend: untuk menentukan akhir hari pada setiap minggunya.
200
12.8.5.2. Layout
Tab Layout digunakan mengatur tata letak gambar dan tulisan pada kalender, berikut
penjelasan singkat submenu pada tab layout:
• Months per line: untuk menentukan jumlah kolom dan baris bulan.
• Month width: untuk mengatur ukuran tinggi kalender (perbulan).
• Month Margin: untuk mengatur jarak antara bulan satu dengan bulan lainnya.
Catatan
• Jika ingin membuat ukuran secara manual, hilangkan tanda centang (checklist)
terlebih dahulu pada sub menu automatically set size and position.
12.8.5.3. Color
Tab Color digunakan untuk mengatur masing-masing warna pada kalender yang akan dibuat,
berikut penjelelasan singkatnya:
• Year color: untuk mengatur warna tahun.
• Month color: untuk mengatur warna nama bulan.
• Weekday name color: untuk mengatur warna nama bulan.
• Day Color: untuk mengatur warna hari biasa.
• Weekend day color: untuk mengatur warna akhir minggu.
• Next month day color: untuk mengatur warna tanggal pertama pada bulan
berikutnya.
201
12.8.5.4. Localization
Tab Localization digunakan untuk mengatur tahun, bulan, dan type kalender:
• Month names: untuk menentukan nama-nama bulan dalam satu tahun.
• Day name: untuk menentukan nama-nama hari dalam satu minggu.
• Char Encoding: untuk menentukan kode karakter yang digunakan.
Catatan:
• Untuk membuat kalender tahun yang akan datang ubah dulu tanggal/waktu
komputer yang Anda gunakan sesuai tahun untuk kalender yang akan dibuat.
• Jika ingin melakukan pengeditan pada kalender yang dibuat lakukan Ungroup terlebih
dulu atau gunakan teknik Selection Object.
202
12.8.9. Gear
Extension ini digunakan untuk menciptakan object berbentuk gear atau roda gigi secara
cepat. Jumlah roda gigi, besar object, dan bentuk gerigi dapat ditentukan sesuai selera pada
jendela pengaturan yang disertakan, berikut keterangan dari menu jendela pengaturan
extension gear:
• Number of teeth, digunakan untuk menentukan jumlah gerigi yang akan dibuat
• Circular pith, px, digunakan untuk menentukan ukuran lingkaran gear
• Pressure angle, digunakan untuk menentukan bentuk gerigi.
12.8.10. Grid
Extension ini digunakan untuk membuat object baru berupa grid atau kisi-kisi dengan
menggunakan tepi object sebagai kotak pembatasnya. Jarak grid horizontal atau vertical
dapat dibuat dan diatur dengan cara manual melalui jendela pengaturan yang disediakan,
pengaturan meliputi arah dan lebar garis.
Ukuran grid akan menyesuaikan ukuran object yang sedang dipilih, jika pada saat membuat
grid tidak ada object yang dipilih maka ukuran grid sama dengan ukuran halaman kerja
(page).
12.8.11.1. Present
Pada Present terdapat tiga submenu yaitu Custom, Golden ratio, dan Rule-of-third, berikut
penjelasan singkatnya:
12.8.11.2. Custom
Saat menggunakan modus ini maka ukuran garis panduan yang dibuat dibagi rata sesuai
pengaturan pada Vertical guide each dan Horizontal guide each.
12.8.11.4. Rule-of-third
Digunakan untuk membagi halaman secara horizontal dan vertical menjadi tiga bagian
dengan ukuran yang sama. Cara ini hampir sama pada saat menggunakan menu Custom
dengan memilih 1/3 pada bagian Vertical guide each.
Di bawah Present terdapat dua menu yaitu Vertical guide each dan Horizontal guide each
yang digunakan untuk menetukan pembagian guides yang akan dibuat. Vertical guide each
digunakan untuk menentukan guides secara tegak, sedangkan Horizontal guide each untuk
menentukan guides secara mendatar.
205
Catatan
• Setelah semua pengaturan diterapkan maka secara otomatis extension printing marks
menciptakan Layer secara otomatis yang terkunci dengan nama Printing Marks.
207
12.8.16. Spirograph
Extension ini menciptakan sebuah gambar Spirograph berupa kurva epitrochoid atau
hypotrochoid. Beberapa pengaturan perlu dilakukan. Submenu R sebagai radius Ring atau
lingkaran, r sebagai radius gear atau gigi, sedangankan d sebagai radius pen atau pena.
Terdapat juga pilihan apakah gear yang dibuat di dalam atau di luar Ring. Sudut Rotasi dan
Quality juga dapat diatur sesuai keinginan.
12.8.17. Triangle
Extension ini menghasilkan sebuah object berbentuk segitiga, walaupun tersedia enam kotak
pengaturan untuk mengatur ukuran setiap sisi object yang akan dibuat, namun hanya tiga
yang dapat digunakan dengan baik. Pada menu Mode terdapat berbagai macam urutan sisi
object yang akan dibuat.
12.9. Text
Extension pada kelompok ini digunakan untuk memanipulasi teks. Salah satu extension dapat
digunakan untuk menciptakan gambaran visual teks Braille. Ektensions Lorem Ipsum
digunakan untuk melakukan pengaturan paragraf pada teks. Replace Text digunakan untuk
mencari kata dan kemudian mengganti sebuah kata secara cepat. Split Text digunakan untuk
memecah suatu teks. Change Case digunakan untuk mengubah besar-kecil huruf pada suatu
kata atau kalimat. Penjelasan mengenai Extension Text baca pada Bab Text => Extensions
12.10.1. Dimensions
Extension Dimensions digunakan untuk menambahkan kotak dengan style panah sebagai
ukuran object. Kotak pada sisi object digunakan sebagai pembatas panah. Panah dan object
asli menyatu dalam satu group.
12.11. Web
Extension pada kategori ini digunakan untuk menyiapkan gambar SVG yang akan digunakan
pada web. Terdapat dua submenu yaitu JavaScript dan Web Slicer. JavaScript fungsinya
untuk menambahkan script pada suatu object yang kemudian digunakan untuk mengubah
object lainnya.
Sedangkan Web Slicer fungsinya untuk memotong gambar menjadi beberapa bagian yang
digunakan untuk halaman web dengan bantuan CSS.
12.11.1. JavaScript
Submenu ini memiliki dua pilihan yaitu Attributes Set dan Transmit Attributes, cara kerja
Attributes Set adalah mengatur suatu object yang dapat digunakan untuk mengontrol obect
lain sesuai script yang ditambahkan, salah satunya adalah pada saat kursor diletakkan pada
object pengendali, kemudian diklik maka object yang dikontrol akan berubah.
211
Sedangkan Transmit Attributes cara kerjanya adalah salah satu object digunakan untuk
mengirimkan atribut ke object lain dengan cara menanamkan JavaScript pada SVG.
JavaScript yang digunakan berasal dari paket InksWeb.
Untuk dapat menggunakan extensions ini membutuhkan browser yang sudah mendukung
JavaScript secara natif, misalnya Firefox, Opera, Safari, Chrome, dan Internet Explorer versi
9.
Atribut to set
Digunakan untuk mengatur atribut object terhadap perubahan yang akan dilakukan dengan
cara memasukkan nama sesuai style object. Penulisan nama antara style satu dan lainnya
dapat dilakukan dengan menggunakan jarak sepasi, misalnya: fill stroke stroke width.
Value to set
Digunakan untuk mengatur atribut dan style pada object yang diubah dengan menulis
warna dan style object.
Contoh penggunaan
Buat object dengan dua atribut berbeda, dalam contoh object persegi panjang dengan fill
berwarna kuning (yellow) dan stroke berwarna
hitam (black), object kedua berbentuk Polygon
berwarna hijau tanpa Stroke.
Pilih kedua object tersebut, klik Extensions => Web
=> JavaScript => Set Attribues, kemudian lakukan
pengaturan seperti berikut:
• Atribut to set: fill stroke Stroke-width. Gambar 12.53: Dua object dengan style dan
• When should the set be done: on click. atribute berbeda
212
Pengaturan pada submenu Transmit Attributes secara garis besar sama dengan pengaturan
pada submenu Attributes Set.
• Name: digunakan untuk memberi nama object persegi panjang yang akan diekspor,
jika Anda ingin membuat atau mengekspor object persegi panjang dengan ukuran
berbeda gunakan nama yang berbeda juga.
• Format: digunakan untuk menentukan format yang akan diekspor.
• DPI: digunakan untuk menentukan resolusi bitmap.
• Force dimension: digunakan untuk menentukan ukuran bitmap dalam hitungan pixel,
jika Anda menentukan ukuran dengan mengisi secara manual maka pengaturan pada
submenu DPI akan ditimpa.
• Background color: untuk menentukan warna latar belakang object, namun warna
tidak tampil pada canvas.
Catatan
• Kode HTML dan CSS bukan untuk produk akhir, namun hanya ouput berisi kode
sederhana yang dapat Anda gunakan untuk disisipkan ke dalam file lain sehingga
lebih mudah.
Catatan:
• Semua atribut yang diterapkan pada persegi panjang dan HTML hasil ekpor disimpan
dalam tag <svg:desc>, dan tag tersebut sulit untuk diedit menggunakan XML Editor,
akan lebih mudah jika diedit menggunakan aplikasi editor teks yang mendukung SVG.
215
BAB 13 XML EDITOR
XML Editor digunakan untuk mengedit deskripsi XML pada sebuah gambar SVG yang
disediakan oleh inkscape, hal ini dapat terjadi karena inkscape merupakan program yang
berbasis SVG dengan format file XML.
Dengan XML Editor pengguna dapat mengontrol object pada gambar yang sudah dibuat,
misalnya menentukan ukuran dan posisi suatu object dengan tepat sesuai parameter pada
file SVG yang berlaku, termasuk memberi nama setiap path atau object yang sudah dibuat.
Jika tidak ada object atau gambar pada canvas yang dipilih maka jendela sebelah kanan
kosong. Script yang ditampilkan pada jendela sebelah kiri terdiri dari beberapa kelompok,
yang mana dalam setiap kelompok tersebut berisi submenu yang dihubungkan dengan node
berupa tanda segitiga kecil menghadap ke kanan, namun jika node diklik akan berubah
menghadap ke bawah dengan menampilkan submenu.
217
Saat submenu diklik maka pada jendela sebelah kanan akan tampil keterangan dari submenu
tersebut yang dibagi dalam dua kolom yaitu kolom Attribute dan Value.
Pada saat membuat object baru maka secara otomatis script XML baru ditambahkan ke
bawah layer yang sedang aktif berupa submenu dengan nama path tertentu.
Catatan
• Penggantian id path sangat berguna jika dalam satu canvas atau page terdapat
banyak gambar kemudian akan diekspor secara serentak dengan modus Batch
export ... selected object (lebih jelasnya baca halaman File => Export File).
• Script pada menu Attribute berbeda-beda antara object satu dengan object lainnya,
misalnya script object Circles berbeda dengan script Rectangles.
Langkah selanjutkan adalah melakukan penerapan Filters => ABCs, lakukan langkah berikut:
klik Object => arahkan kursor pada Menu Bar => klik Filters => ABCs => pilih salah satu
Submenu.
221
Penggunaan Dasar
Filter dapat ditentukan dan diterapkan melalui jendela pengaturan Filter Effects. Filter
Gaussian Blur juga dapat digunakan langsung melalui Jendela pengaturan Fill and Stroke,
sedangkan Filter Blend dapat diterapkan pada seluruh layer melalui jendela pengaturan
Layer.
Jendela pengaturan Fill and Stroke memiliki slider Blur, ketika slider Blur bergeser dari nol
akan menciptakan dan menempelkan filter Gaussian Blur pada object yang dipilih. Jika slider
direset menjadi nol maka secara otomatis filter dihilangkan. Filter pada sebuah object juga
dapat dihapus dengan melakukan klik Filter => Remove Filters.
Jendela pengaturan Filter Effects digunakan untuk membuat filter yang rumit pada Filter
primitives. Jendela pengaturan Filter juga digunakan untuk menerapkan perubahan pada
object.
Berikut ini beberapa sumber grafis yang digunakan sebagai input atau output pada filter
primitive dan modus lainnya:
• Source Graphic: Object digunakan sebagai sumber untuk Filter Primitive.
• Source Alpha: Object Alpha digunakan sebagai sumber untuk Filter Primitive.
• Background Image: digunakan untuk memberi latar belakang Filter Primitive.
• Background Alpha: digunakan untuk menerapkan Alpha pada latar belakang Filter
Primitive.
• Fill Paint: digunakan untuk menerapkan warna pada Fill.
• Stroke Paint: Menggunakan Stroke dari object sebagai target input Filter Primitive.
14.2.3.1. Blend
Blend primitive memadukan dua object yang saling bertumpuk atau sebuah object yang
memiliki latar belakang, modus yang digunakan adalah melakukan kombinasi pixel demi pixel
pada object dari salah satu mode blend yang tersedia. Semua mode dapat diterapkan kecuali
mode Normal.
Di bawah ini penjelasan singkat dari mode yang tersedia:
• Normal: Object paling atas menutupi object lainnya jika filter tidak ada yang
diterapkan, rumus yang digunakan adalah cr = (1 − qa) × cb + ca.
• Multiply: Object paling atas menyinari object di bawahnya atau latar belakang.
• Screen: Object paling atas menambahkan cahaya pada object yang berada di
bawahnya.
• Darken: Object paling atas menggelapkan object yang berada di bawahnya.
• Lighten: Object paling atas mencerahkan object yang berada di bawahnya.
Catatan:
• Blend Filter primitive juga dapat diterapkan pada layer melalui jendela pengaturan
layers. Pada saat menggunakan metode ini, input satu object yang dipilih akan
menjadi primitive, sedangkan dua input lainnya diatur pada Background Image.
• Penerapan Filter Blend tidak dapat dilakukan pada warna tertentu misalnya: warna
merah, kuning, hijau, dan biru.
225
14.2.3.2. Composite
Filter primitive Composite dapat digunakan untuk menggabungkan pixel demi pixel dua
object yang saling bertumpuk atau sebuah object yang memiliki latar belakang.
Beberapa mode yang tersedia adalah:
• Over: Object bagian atas diletakkan ke atas object paling bawah.
• In: Object bagian bawah akan menentukan salah satu object agar terlihat paling atas.
• Out: Object bagian bawah akan menentukan salah satu object yang disembunyikan.
• Atop: Object bagian bawah akan menentukan object bagian atas agar terlihat, namun
object bagian bawah juga tetap terlihat.
• XOR: Bagian object yang tidak saling bertumpuk terlihat, baik object bagian atas
maupun bawah.
• Arithmetic: Input K1, K2, K3, dan K4 digunakan sebagai rumus persamaan: Hasilnya =
K1 × i1 × i2 + K2 × i1 + K3 × i2 + K4 untuk menentukan output, i 1 dan i2 adalah nilai-nilai
Input dari dua object sumber.
Catatan:
• Rumus Filter Composite yang dipakai berdasarkan paper (makalah) Compositing
Digital Images oleh T. Porter dan T. Duff, yang dipublikasikan pada Conference
Proceedings SIGGRAPH '84, Association for Computing Machinery, Volume 18,
Number 3, July 1984.
14.2.3.3. Merge
Filter Merge digunakan untuk melakukan kombinasi pada dua object atau lebih sebagai
output filter primitive, metode yang digunakan mirip menciptakan layer pada satu object di
atas object lain.
14.2.4.1. Flood
Flood Primitive menambahkan efek filter pada bagian Fill dengan menambahkan warna
tertentu yang disertai pengaturan Opacity. Warna dapat dipilih pada submenu Flood Color
yang berada di bawah Effect parameters.
226
14.2.4.2. Image
Filter Primitive ini dapat menggunakan gambar dari luar (termasuk bitmap) untuk diterapkan
pada rangkaian Filter yang dibuat. Cara ini berguna untuk menambahkan tanda tertentu
pada gambar berbentuk peta atau rute, misalnya untuk menambahkan gambar Rumah,
Masjid, Pasar, dan lain-lain.
14.2.4.3. Turbulence
Turbulence primitive digunakan untuk menciptakan tekstur buatan pada object seperti efek
Marmer, Awan, Api, dan tekstur yang lebih rumit lainnya.
Terdapat dua jenis (type) yang dapat dipilih yaitu Fractal Noise dan Turbulence. Bentuk dan
pola tekstur dapat diatur dengan menggeser slider yang tersedia, terdapat 4 (empat) slider
yang dapat digunakan.
14.2.6.4. Morphology
Cara kerja primitive ini adalah mengurangi atau menambahkan efek object seperti pada
program manipulasi gambar pada umumnya.
14.2.6.5. Offset
Filter primitive offset digunakan memberi efek pada object seolah-olah terpotong dengan
cara menggeser slider Delta X dan Y ke arah kanan atau kiri.
atas garis) ke nilai bukan nol (contoh 3), maka secara otomatis filter Gaussian Blur diterapkan
pada object text. Object text dengan atribut kabur tersebut menggunakan atribut teks asli.
Gambar 14.8: Penerapan Blur melalui jendela pengaturan Fill and Stroke
Selanjutnya ubah warna bayangan kabur tersebut menjadi warna lain dalam sekejap, caranya
buka jendela pengaturan filter, arahkan kursor ke Menu Bar => klik Filters => Filter Editor.
Maka pada menu filter secara otomatis sudah terdapat nama filter untuk object teks yang
dibuat sebelumnya (contoh filter 4296) seperti gambar di samping ini:
Ubah nama filter dengan nama baru, dalam contoh menggunakan nama Inkscape.
Filter yang tercipta secara otomatis merupakan Gaussian Blur. Garis penghubung dengan
label kolom filter primitive langsung terhubung ke Source Graphics.
Sekarang lakukan perubahan warna object menjadi hitam, caranya ubah link penghubung
(connections) Gaussian Blur primitive yang tadinya ke Source Graphic menjadi terhubung
dengan Source Alpha seperti gambar di bawah ini:
Catatan
• Jika jarak ketinggian jendela pengaturan pada label kolom tersebut terlalu sempit
dapat diperlebar dengan menyeret pegangan jendela pengaturan Filter Editor
sehingga keterangan label kolom filter primitive dapat terlihat semua.
• Efek Blur dapat diubah dengan menggunakan slider Standard Deviation yang berada
bawah menu Effect parameters. Terdapat dua slider, slider atas untuk pengaturan x
dan slider bawah untuk y, kedua slider sama-sama terhubung, atau dengan kata lain
jika slider atas digeser maka slider bawah ikut bergeser.
Sekarang tambahkan kembali text asli pada object, klik dan tahan tombol kiri mouse pada
tanda segitiga kemudian seret garis hitam ke sebelah kanan, hubungkan dengan kolom
Source Graphic.
Sekarang object Drop Shadow sudah selesai dibuat, dengan teknik ini maka blur maupun
bayangan dapat diatur dengan cara menyeret slider pada Gaussian Blur atau Offset.
Ubah warna object persegi panjang tersebut menjadi Gradient Linear dengan tiga warna
berbeda, Berikut caranya:
➢ Pilih object, kemudian klik ikon Gradient pada Tool Box, pilih ikon Create linear gradient
pada Tool Control
➢ Klik bagian object persegi panjang => tahan dan tarik garis lurus yang muncul ke arah
tertentu, kemudian lepas
➢ Setelah itu tambahkan titik node pada garis lurus (pegangan gradient), beri warna yang
berbeda pada object persegi panjang tersebut seperti gambar di bawah ini:
5. Seleksi kedua object hasil langkah 4 (object warna magenta dan yellow), kemudian
lakukan grouping pada kedua object tersebut, setelah itu Duplicate dan letakkan di
tengah-tengah object latar belakang.
6. Perkecil object hasil duplicate tersebut dan letakkan pojok kanan atas.
7. Rotasi object tersebut sehingga lengkungan menghadap ke pojok kiri bawah, dalam
hal ini penulis melakukan klik ikon Rotasi 900 ke kanan pada Tool Control sebanyak
dua kali.
8. Tulis nama Perusahaan, Jenis dan profil perusahaan, alamat singkat perusahaan di
sebelah kanan atas, atur agar tidak rapat pada pinggir kartu nama.
Tulis juga nama dan gelar serta jabatan Anda, jangan lupa tulis alamat lengkap,
Nomor Telepon, Email, dan lain-lain seperti pada kartu nama pada umumnya.
235
Setelah semua desain kartu nama jadi, seleksi semua object dan lakukan group, seperti
dalam contoh gambar di bawah ini:
Catatan
• Saat kloning object berhasil dibuat maka secara otomatis object yang tercipta
jumlahnya lebih satu dari yang jumlah yang diinginkan, untuk itu hapus object hasil
clone yang berada di atas object asli.
• Jika saat melakukan clone hasilnya tidak sesuai keinginan lakukan reset terlebih dulu
pada jendela pengaturan Create Tiled Clones, penjelasan lengkapnya baca halaman
Multiple Object Operations => Clone.
Saat pertama kali kita meggunakan Scribus maka tampil jendela pengaturan halaman yang
akan digunakan, aturlah sesuai kebutuhan Anda, karena penulis akan mengubah gambar logo
dengan ukuran 8 X 8 cm, maka penulis
melakukan pengaturan sebagai berikut:
• Size : Custom
• Orientation : Potrait
• Width : 12.000 cm
• Height : 12.000 cm
• Default Unit : Centimeter (cm)
• Left : 1.000 cm
• Right : 1.000 cm
• Top : 1.000 cm
• Bottom : 1.000 cm
Jika semua pengaturan sudah sesuai klik tombol Ok, maka segera tampil halaman utama
Scribus
Langkah selanjutnya adalah mengimpor logo yang telah disiapkan sebelumnya, berikut
caranya:
➢ Arahkan kursor ke Menu Bar, klik File => Import => Get Vector File ...
➢ Lakukan pencarian pada direktori tempat menyimpan gambar yang akan diimpor, jika
sudah ketemu klik gambar tersebut kemudian tekan tombol Ok
Jika muncul peringatan yang intinya File SVG berisi beberapa fitur yang tidak didukung oleh
Scribus klik saja tombol Ok
Setelah langkah di atas maka secara otomatis bentuk kursor
berubah bentuk menjadi simbol seperti kertas koran
digulung, lakukan klik pada halaman utama Scribus, maka
secara otomatis gambar SVG ditambahkan pada halaman
utama Scribus.
239
Gambar logo sudah berhasil ditambahkan ke halaman, namun letak atau posisinya tidak
berada di tengah-tengah halaman, untuk itu aturlah gambar tersebut secara manual dengan
cara menggesernya.
Sekarang saatnya mengubah jenis warna dari RGB menjadi CMYK, berikut penjelasan singkat
beberapa langkah yang perlu dilakukan.
➢ Arahkan kursor ke Menu Bar, klik Edit => Colors ..., maka segera muncul jendela
pengaturan Color Profile yang disediakan oleh Scribus, pada jendela inilah penyesuaian
warna dilakukan sehingga antara warna RGB yang diubah menjadi CMYK tidak jauh
berbeda.
240
Jika diperhatikan dengan teliti maka pada jendela pengaturan Colors terdapat dua jenis
warna yaitu RGB dan CMYK, Warna RGB diwakili ikon persegi panjang dengan kotak tiga
warna yaitu Red, Green, dan Blue, sedangkan warna CMYK diwakili ikon persegi panjang
dengan kotak empat warna yaitu Cyan, Magenta, Yellow, dan Key (Black).
Untuk mengubah warna dari RGB menjadi CMYK, klik salah satu ikon warna RGB (dalam
contoh Blue), kemudian klik Edit, maka segera tampil subjendela Edit Color, lakukan
pengatuaran sebagai berikut;
• Color Profile, pilih HVS ColorMap.
• Name, ubah (rename) sesuai selera (misal: biru).
• Color Model, pilih CMYK
• Setelah itu lakukan penyesuaian warna pada menu CMYK dengan cara mengurangi
atau menambah nilai berdasarkan persen supaya warna CMYK yang diinginkan
mendekati warna asli (RGB), warna baru diwakili oleh ikon warna New, sedangkan
warna asli (lama) diwakili ikon warna Old.
• Jika warna CMYK yang diinginkan sudah sesuai, klik tombol Ok.
241
Lakukan seperti langkah di atas untuk mengubah semua warna RGB menjadi CMYK. Jika
semua warna RGB sudah diubah menjadi CMYK, klik tombol Ok pada jendela pengaturan
Colors.
Sekarang simpan hasilnya dengan format bawaan asli Scribus, hal ini perlu dilakukan agar file
tersebut dapat diperbaiki lagi warnanya jika masih kurang sesuai.
242
Seperti yang sudah kita ketahui bersama bahwa format file bawaan aplikasi Open Source
kurang kompatible dengan aplikasi berbayar milik sistem operasi komputer sebelah, untuk itu
jika ingin dicetak pada jasa cetak terdekat langganan Anda lakukan Export menjadi fromat
EPS, PDF, atau Bitmap.
Di bawah ini adalah perbandingan warna RGB dan CMYK pada gambar yang sama, warna asli
(RGB) dibuka dengan Inkscape sedangkan yang sudah diubah menjadi CMYK dibuka dengan
Scribus.
243
➢ Pada jendela pengaturan Align and Distribute yang tampil lakukan pengaturan sebagai
berikut; Relative to: pilih Page, kemudian klik ikon Center on vertical axis dan ikon
Center on horizontal axis.
➢ Ubah object bujur sangkar menjadi Guides, carany; klik Object => Object to Guides atau
tekan Shift+G.
245
➢ Untuk mengatur letak guides lakukan langkah berikut; klik dua kali guides maka akan
tampil jendela untuk mengatur posisi guides, isikan nilai 6,000 pada kotak X dan Y,
kemudian klik OK.
➢ Buat juga guides vertikal di tengah-tengah halaman, caranya kurang lebih sama dengan
cara sebelumnya, bedanya adalah guides vertikal dibuat dengan menyeret tanda segitiga
kecil dari ruler samping kiri.
Ubah warna solid lingkaran (yang ukurannya 11 x 11 cm) menjadi warna Gradient,
➢ Caranya seleksi lingkaran, arahkan kursor ke ikon Gradient Tool pada Toolbox atau tekan
Ctrl+F1,
➢ Arahkan kursor ke Tool Control, klik Create radial, jangan lupa pilih Create gradient in the
fill,
➢ Arahkan kursor ke tengah-tengah lingkaran, klik dan tahan tombol kiri mouse, kemudian
seret ke arah kanan.
247
Beri warna berbeda pada masing-masing titik node gradient, berikut caranya:
➢ Klik titik node gradient hingga warnanya berubah menjadi biru,
➢ Arahkan kursor pada Color Palette, klik salah satu warna yang sesuai.
➢ Lakukan cara yang sama untuk memberi warna masing-masing titik node gradient.
248
➢ Buat lingkaran kecil dengan ukuran 1,400 X 1,400 cm dalam layer Lingkaran,
➢ Atur supaya posisi lingkaran kecil tersebut berada di tengah halaman agak ke atas, cara
termudah untuk mengatur posisi agar sesuai dapat dengan mengubah nilai kotak X dan Y
pada Tool Control, misalnya kotak X: 5,300 cm dan kotak Y: 8,900 cm.
Kloning object lingkaran kecil sebanyak 12 buah dengan posisi memutar dalam halaman,
berikut caranya:
➢ Klik Edit => Clone => Create Tiled Clones, klik tombol Reset jika Anda pernah
menggunakan fitur Create Tiled Clones, hilangkan tanda centang pada kotak Use save
size and position of the tile, lakukan pengaturan sebagai berikut:
• Isikan nilai 12 x 1 pada kotak Rows, columns
• Pindah ke tab Shift, beri tanda cetang pada kotak Exclude tile
• Pindah ke tab Rotation, isikan nilai 30,0 pada kotak Angle (Per row)
• Klik tombol Create untuk melakukan kloning
250
➢ Hapus object lingkaran kecil hasil kloning yang berada di atas object asli,
➢ Lakukan Unlink Clone pada object hasil kloning, caranya seleksi semua lingkaran hasil
kloning, klik Edit => Unlink Clone atau tekan Shift+Alt+D.
➢ Buat layer baru di atas layer Lingkaran, beri nama berbeda dengan layer yang sudah ada
sebelumnya (misal: layer Angka) ketik angka 12 menggunakan Text Tool,
251
➢ Letakkan angka tersebut di tengah-tengah lingkaran kecil paling atas, agar posisi angka
dapat benar-benar berada di tengah-tengah lingkaran, gunakan fitur Align and Distribute
atau fitur Sanpping.
➢ Buat angka lain di setiap tengah-tengah lingkaran kecil sesuai urutan angka jam, caranya
seperti yang sudah dilakukan sebelumnya.
➢ Buat 3 buah Jarum untuk Jam seperti pada Jam Dinding sesungguhnya, yaitu jarum besar
sebagai Jam, jarum agak kecil sebagai menit, dan jarum kecil sebagai detik, berikut
caranya;
Langkah pertama adalah membuat gambar Jarum besar untuk Jam, lakukan langkah berikut;
252
➢ Buat gambar Segitiga menggunakan Star Tool, caranya klik ikon Star Tool pada Toolbox,
arahkan kursor ke Tool control, pilih Polygon, pada kotak Corners isi dengan angka 3
(tiga), klik tombol kiri mouse, tahan dan seret hingga membentuk object segitiga.
➢ Ubah Segitiga menjadi Path, caranya klik Path => Object to Path, atau tekan Shift+Ctrl+C.
➢ Tambahkan 2 (dua) titik node pada bagian kiri object segitiga, caranya klik ikon Node
Tool pada Toolbox, kemudian klik dua kali pada sisi kiri object segitiga, ulangi langkah ini
untuk membuat titik node kedua.
253
➢ Geser dua titik node yang telah ditambahkan sebelumnya ke arah kiri hingga berada di
tengah-tengah halaman.
Buat gambar jarum yang ukurannya lebih kecil dari gambar jarum yang pertama, gambar
jarum yang dibuat menghadap ke angka 12, cara kurang lebih sama dengan cara ketika
menggambar jarum besar.
254
Buat Jarum kecil untuk detik, caranya, klik ikon Bezier Tool pada Toolbox, kemudian buat
garis lurus agak miring pada gambar jam.
255
Jika ukuran garis untuk detik terlalu kecil, perbesar ukurannya, berikut cara mngubah ukuran
garis tersebut;
➢ Klik Object => Fill and Stroke atau tekan Shift+Ctrl+F, pilih tab Stroke Style, ubah nilai
pada kotak Width yang sudah ada menjadi 0,080 cm.
Tambahkan tanda panah pada ujung garis, caranya yaitu dengan menambahkan End
Markers dari jendela pengaturan Fill and Stroke (dalam contoh menggunakan Arraw1Send).
Tambahkan juga pangkal panah dengan Start Markers.
Jika Anda menggunakan Inkscape versi 0.48 ke bawah maka warna Markers yang
ditambahkan otomatis tidak sama dengan Stroke, untuk itu harus diubah dengan
menggunakan Extensions => Modify Path => Color Markers to Match Stroke.
256
Untuk memperindah gambar jam dinding tambahkan gambar tertentu, misal logo, foto, dll.
257
Berikut ini adalah tutorial sederhana cara membuat gambar Halftone di Inkscape
menggunakan tool yang sudah tersedia secara default.
Dalam contoh tutorial ini saya membuat halftone tidak untuk semua bagian gambar, namun
hanya bagian tertentu saja, maka saya ambil bagian yang hanya akan digunakan saja dengan
menggunakan teknik Clip => Set, caranya buat Path tertutup berbentuk lingkaran agak
lonjong seperti gambar di bawah ini
Setelah Path tertutup berbentuk lingkaran agak lonjong selesai dibuat, lakukan teknik Clip =>
Set, hasilnya akan terlihat seperti gambar di bawah ini:
259
Catatan:
• Cara menggunakan fitur Clip => Set baca halaman Bab 8 Multiple Object Operations
Rows, colums dengan nilai tertentu sesuai besarnya gambar sumber, kemudian lakukan
pengaturan pada tab Trace, lebih jelasnya lihat gambar di bawah ini:
Setelah semua pengaturan dianggap sudah sesuai, klik tombol Create pada pojok kanan
bawah jendela pengaturan Create Tiled Clones, maka hasilnya kurang-lebih seperti gambar
dibawah ini
Catatan
• Penjelasan cara menggunakan fitur Create Tiled Clones baca Bab 8 Multiple Object
Operations => Create Tiled Clones
261
Pada gambar di atas titik-titik atau dot membentuk kotak sehingga belum sesuai dengan
bentuk halftone seperti keinginan kita, maka kita perlu menghapus beberapa object titik-titik
yang tidak terpakai, untuk menghapus titik-titik (dot) yang tidak terpakai gunakan Eraser
Tool atau teknik Selection Object+Delete
Di bawah ini adalah contoh gambar yang sebagian object titik-titik sudah dihapus
Hapus atau geser ke tempat lain gambar bitmap yang sebelumnya digunakan sebagai
sumber halftone karena sudah tidak dipakai lagi, maka hasilnya seperti gambar di bawah ini
262
Sampai disini sebenarnya Halftone sudah selesai kita buat, namun pada pinggir sekeliling
hafltone tersebut kurang rapi, cara sederhana dan paling mudah agar terlihat rapi kita beri
bingkai dengan menggunakan path tertutup seperti yang terlihat di bawah ini
Di bawah ini adalah perbandingan gambar Halftone yang kita buat dengan gambar aslinya
(gambar sumber)
263
BAB 16 KEYBOARD SHORTCUTS
FILE MENU
TOOLS BOX
JENDELA PENGATURAN
Shift+Ctrl+W Swatches
Shift+Ctrl+M Transform
Shift+Ctrl+L Layers
Ctrl+F Find
DAFTAR PUSTAKA
1. https://inkscape.org/en/
2. http://id.wikipedia.org/wiki/Inkscape
3. http://tavmjong.free.fr/INKSCAPE/MANUAL
4. Mihaela Jurković, Rigel Di Scala. Inkscape 0.48 Illustrator's Cookbook. 2011. PACKT
Publishing - www.packtpub.com
5. Bethany Hiitola. Inkscape Beginner's Guide. 2012. PACKT Publishing –
www.packtpub.com.
6. Istana Media, http://imgos-belajarlinux.blogspot.co.id/
268
Tentang penulis
Nama saya cukup singkat SOKIBI (tanpa embel-embel ataupun gelar), di Jejaring Sosial sering
dikenal dengan pak IMGOS (akronim dari Istana Media Go Open Source). Pemilik usaha yang
bergerak dibidang TI dengan Implementasi OpenSource untuk solusi Software murah dan
handal, yaitu melayani Migrasi, Support Center, dan Training.
Pekerjaan utama sehari-hari adalah Service dan Jual-Beli Komputer Bekas, serta Desainer. Di
waktu luang menyempatkan diri menulis beberapa buku Panduan Aplikasi Open Source.
Dalam dunia OpenSource ikut mengembangkan Distro Lokal BlankOn Linux saat ini sebagai
koordinator Tim Dokumentasi
Jika ada pertanyaan seputar Open Source silakan hubungi penulis melalui email:
istanalinux@gmail.com
269
Tentang Editor
Ahmad Haris adalah praktisi teknologi informasi, pegiat di komunitas perangkat lunak Open
Source, dan pengembang aktif di BlankOn Project sejak 2008. Ahmad Haris bersama Tim
Pengembang BlankOn telah melahirkan beberapa produk perangkat lunak Open Source,
salah satunya Linux BlankOn, sistem operasi komputer dan distribusi Linux yang
dikembangkan secara gotong-royong lintas profesi dan lintas organisasi di Indonesia.
Selain aktif dalam Tim Pengembang BlankOn, Haris juga pernah bekerja sebagai profesional
di beberapa institusi, antara lain di Yayasan Air Putih untuk implementasi Open Source di
pemerintahan kabupaten Aceh Tengah (2008-2010), dan sebagai manajer IT/Database
perusahaan pelayaran di Jakarta (2011-2012).
Sejak 2012 Ahmad Haris menekuni dunia baru sebagai technopreneur dengan mendirikan
perusahaan KodeKreatif. Haris bersama temannya menjalankan wirausaha dengan
memanfaatkan produk-produk Open Source dalam memberikan jasa desain, pengembangan,
dan dukungan teknis sistem dan teknologi informasi untuk pemerintahan dan swasta.
Profil Haris lebih lengkap tersedia di www.linkedin.com/in/princeofgiri. Haris dapat
dihubungi melalui email me@princeofgiri.com atau ahmadharis1982@gmail.com.
270
Brosur/pamflet:
• Butuh biaya besar untuk ongkos desain, cetak, Spreding, dan lain-lain.
• Resikonya: brosur berakhir di tempat sampah.
Iklan
• Pasang iklan di TV ongkosnya sangat mahal dan terbatas durasi.
• Pasang Iklan di media cetak (majalah/koran), terbatas dengan oplah dan waktu edar.
• Pasang Baliho, biaya sewa space di tempat-tempat strategis sangat mahal.
Perhitungan
Bayangkan, dengan biaya Rp.10.000.000,-/iklan, Perusahaan Anda sudah dikenal dan dilihat
(view) oleh ribuan, puluhan ribu, bahkan ratusan ribu orang.
Jika misalnya Buku atau E-Book Manipulasi Gambar dengan GIMP diunduh dan dibaca oleh
40.000 orang, maka berarti biaya iklan Anda hanya Rp.250,-/buku. Itu baru yang dilihat oleh
orang yang mengunduh dan membaca buku tersebut, belum lagi ditambah view melalui
media lain, misalnya; Facebook, Twitter, Youtube, dan lain-lain.
Bayangkan murahnya biaya yang Anda keluarkan jika iklan dilihat oleh ratusan ribu orang. Ini
sangat mungkin, karena iklan Anda di buku ini yang saya tulis tidak mengenal kadaluarsa
(expired date). Buku Manipulasi Gambar dengan GIMP akan tetap tersedia selama Internet
masih ada, bahkan tanpa Internet pun, buku ini tetap tersedia.
274
Yang terpenting adalah, sekali Anda pasang iklan di buku Manipulasi Gambar dengan GIMP,
manfaatnya tidak hanya untuk Anda saja, namun juga akan dinikmati oleh seluruh pembaca
buku ini. Dengan Memasang iklan di buku Manipulasi Gambar dengan GIMP maka Anda
secara otomatis juga telah membantu mempromosikan aplikasi berbasis OpenSource.
Anda tertarik untuk menjadi sponsor dan pasang iklan di buku saya?
Silakan buat pengajuan dan kirim ke istanalinux@gmail.com
KAMUS SERAPAN ISTILAH BAHASA KOMPUTER
access akses
account akun
add-ons pengaya
address alamat
algorithm algoritma
alignment perataan
alternate silih
animation animasi
anonymous anonim
append bubuh
application aplikasi
apply terapkan
arrange susun
array larik
attribute atribut
autoformat otoformat
back balik
bar batang,bilah
base basis,pangkalan
batch tumpak
binary biner
block cekal,blokir
blur kabur
bold tebal
bookmark markah,penanda
browse ramban
browser peramban
bug kutu
bullet bulet
button tombol
byte bita
cache tembolok,singgahan
cancel batal
capacity kapasitas
caption takarir
277
cascade riam
cell sel
channel kanal
chart bagan
chatting rumpi
chip cip
click klik
client klien
clone klon
cluster gugus,rumpun
coding pengodean
collapse ciutkan
commit komit,komitmen,melakukan
compile kompil
cookie kuki
count cacah
crack rengkah
cracker perengah
crash mogok
crop pangkas
cursor kursor
daemon jurik
278
debug awakutu
debugging pengawakutuan
decoding pengawasandian
decrease kurang,susut
default asali,baku,bawaan
delete hapus
dependency dependensi,ketergantungan
device peranti
directory direktori
disc cakram,diska
disclaimer penafian
domain ranah
download unduh
draft konsep
drag seret
drive kandar
driver pamacu
drop lepaskan
edit sunting
embed semat
279
error galat
ethernet eternet
expand bentangkan
extension ekstensi
fetch jemput,ambil
field bidang,isian
file berkas
filter penyaring
find temukan
folder pelipat
font huruf,fonta
gadget gawai
gateway gerbang
gigabyte gigabita
hack retas
hacker peretas
hang macet
header tajuk
heading penajukan
highlight sorot
history riwayat
280
hyperlink hipertaut
image citra
import impor
input masukan
insert sisip,sisipan
install pasang,instal
installer pemasang
installing pemasangan
interface antarmuka
italic italik,miring
kilobyte kilobita
lanscape lanskap
launch luncur
link tautan
list senarai
load muat
loading memuat
281
macro makro
maximized dimaksimalkan
megabyte megabita
merge gabung
minimized diminimalkan
mount kait
mouse tetikus
network jaringan
networking jejaring
option opsi
paste tempel
path jalan
path jalur
pause jeda
penetration penetrasi,penerobosan
picture gambar
282
port pangkalan
post kirim
posting kiriman
potrait potret
power daya
preference preferensi
preview pratinjau,pratayang,pratampil
printer pencetak
privacy privasi
prototype purwarupa,prototipe
proxy proksi,pewali
pull tarik
push dorong
query kueri
record utas,rekam
redo ulangi
refresh segarkan
repeat ulang
replace ganti
repository lumbung
request permintaan
283
response balasan
restore mengembalikan
restored dikembalikan
review ulasan
save simpan
scan pindai
scanner pemindai
scroll menggulung
search cari
selfie swafoto
server peladen
setting setelan,pengaturan
setup setel
setup siapkan
sharing berbagi
shift alih
site situs
slide salindia
split belah
284
state keadaan
submit kirim
swipe gesek
sync sinkron
synchronize menyelaraskan
tap ketuk
template templat
thread utas,ulir
timeline kronologi,linimasa
tool perkakas,alat
touch sentuh
trace runut
undo urungkan
update perbarui
updater pembaru
upgrade tingkatkan
upload unggah
285
view tampilkan
vulnerable rentan
web jaringan
website laman
window jendela
wizard penuntut
zoom perbesar
286