E-Book Desain Grafis Dengan Inkscape-Watermark

Free Edition - Not For Sale
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. Sebagai ucapan terima kasih
atas donasi Anda, penulis akan mengirim berkas PDF yang tidak disertai tanda air
(watermark) ke alamat surel (email) Anda.

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.
Semarang, 01 Februari 2017
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 2 MENGGUNAKAN INKSCAPE...................................................................................................5

2.1.Antarmuka Inkscape..........................................................................................................5
2.2.Mouse...............................................................................................................................5
2.3.Membuka Inkscape...........................................................................................................6
2.4.Mengenal Menu-Menu Inkscape.......................................................................................7
2.5.Mengatur Tampilan Inkscape...........................................................................................11
BAB 3 CANVAS AND PAGE..............................................................................................................15

3.1.Mengatur Canvas Dan Halaman......................................................................................15
3.2.Guides.............................................................................................................................17
3.3.Grids................................................................................................................................19
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
BAB 5 TOOL BOX............................................................................................................................31

5.1.Selector Tool....................................................................................................................31
5.2.Node Tool........................................................................................................................41
5.3.Tweak Tool.......................................................................................................................51
5.4.Zoom Tool........................................................................................................................54
5.5.Rectangle Tool.................................................................................................................56
5.6.3D Box Tool......................................................................................................................58
5.7.Ellipse Tool.......................................................................................................................60
5.8.Star Tool...........................................................................................................................62
5.9.Spiral Tool........................................................................................................................64
5.10.Pencil Tool.....................................................................................................................65
5.11.Bezier Width Pen Tool...................................................................................................66
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 6 STYLING OBJECTS AND COLOR.............................................................................................87
6.1.Fill And Stroke..................................................................................................................87
6.2.Flat (Solid) Colors.............................................................................................................89
6.3.Color Swatches................................................................................................................92
6.4.Pattern.............................................................................................................................95
6.5.Stroke Style......................................................................................................................97
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 8 MULTIPLE OBJECT OPERATIONS.........................................................................................109

8.1.Undo And Redo.............................................................................................................109
8.2.Copy, Duplicate And Clone.............................................................................................110
8.3.Duplicate.......................................................................................................................113
8.4.Make A Bitmap Copy.....................................................................................................113
8.5.Clone.............................................................................................................................114
8.6.Clips And Mask..............................................................................................................123
BAB 9 OBJECT'S POSITION............................................................................................................127

9.1.Position..........................................................................................................................127
9.2.Align And Distribute......................................................................................................129
9.3.Snap...............................................................................................................................131
BAB 10 ORGANISING OBJECTS.....................................................................................................135

10.1.Layer............................................................................................................................135
10.2.Group..........................................................................................................................138
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.................................................................................................................191
12.7.Raster..........................................................................................................................197
12.8.Render.........................................................................................................................197
12.9.Text..............................................................................................................................210
12.10.Visualze Path..............................................................................................................210
12.11.Web...........................................................................................................................211
BAB 13 XML EDITOR.....................................................................................................................216

13.1.Penggunaan Dasar.......................................................................................................216
13.2.Ikon XML Editor...........................................................................................................218
BAB 14 SVG FILTERS.....................................................................................................................220

14.1.Filter Effects.................................................................................................................220
14.2.Filter Editor..................................................................................................................221
14.3.Contoh Penerapan Filter..............................................................................................227
BAB 15 TUTORIAL DAN TRIKS.......................................................................................................232

15.1.Membuat Kartu Nama.................................................................................................232
15.2. Convert RGB To CMYK.................................................................................................237
15.3.Menggambar Jam Dinding...........................................................................................243
15.4.Membuat Gambar Halftone Dengan Inkscape.............................................................258
BAB 16 KEYBOARD SHORTCUTS...................................................................................................265
TENTANG SEPATU FANS.................................................................................................................271

FANS DIGEMARI KARENA KUALITAS.....................................................................................272
FANS DAN BLANKON LINUX.................................................................................................272
SEGERA TERBIT.............................................................................................................................273
Menjadi Sponsor Buku........................................................................................................274
KAMUS SERAPAN ISTILAH BAHASA KOMPUTER............................................................................276
vii
SEGERA TERBIT!
TERTARIK UNTUK MENJADI SPONSOR BUKU INI?
SILAKAN BACA HALAMAN 272
viii
BAB 1 PENDAHULUAN
1.1. Apa itu Inkscape?

Inkscape merupakan perangkat lunak pengolah gambar vektor yang bersifat bebas terbuka di
bawah lisensi GNU GPL. Tujuan utama dari Inkscape adalah membuat perangkat grafik
mutakhir yang memenuhi standar XML, SVG, dan CSS.
Inkscape tersedia untuk hampir semu

sistem operasi komputer, diantaranya;
Windows, Macintosh, dan Linux. Program
dan kode sumber (source code) Inkscape
tersedia untuk umum pada situs resmi
Inkscape sehingga siapapun dapat
mempelajari dan mengembangkannya.
Inkscape dapat digunakan untuk membuat
berbagai gambar vektor sesuai kebutuhan,
misalnya untuk membuat gambar ilustrasi
pada web, ikon untuk smartphone, gambar
kartun atau animasi, membuat garis
sederhana, kaligrafi, logo, brosur, dan
masih banyak lagi.
Format gambar yang dibuat menggunakan
Inkscape sangat handal dan dapat
Gambar 1.1: Logo Inkscape
disebarkan melalui internet dengan mudah
karena ukurannya relatif lebih kecil
dibandingkan format yang dibuat menggunakan aplikasi lain sejenis. Dukungan untuk
berbagai format telah ditambahkan termasuk untuk berbagai browser dan smartphone masa
kini.
Inkscape mendukung gambar dengan bentuk biasa (misal; persegi panjang dan lingkaran),
garis, dan teks. Setiap object dapat dimodifikasi dan diberi warna sendiri. Hyperlink dapat
ditambahkan sehingga gambar dapat digunakan pada web browser, hal ini dapat terjadi
karena program Inkscape tujuan utamanya adalah untuk membuat gambar dengan format
XML, SVG, dan kompatibel dengan script CSS.
Saat ini Inkscape masih terus dikembangkan, hal ini dapat dilihat dengan adanya
penambahan fitur dan antarmuka baru pada setiap rilis versi barunya.
1.2. Sejarah Inkscape

Inkscape dirintis pada tahun 2003 sebagai sebuah fork dari proyek Sodipodi. Proyek sodipodi
sendiri sudah dikembangkan sejak tahun 1999 dengan menggunakan dasar Gill (Gnome
Illustration Application) karya Raph Levien.
Fork tersebut dipandu oleh sebuah tim berjumlah empat orang yaitu: Ted Gould, Bryce
Harrington, Nathan Hurst, dan MenTaLguY, yang mana ke-empat orang tersebut lebih
2
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.3. Apa Itu SVG

SVG adalah singkatan dari Scalable Vector Graphics dan merupakan format file baru untuk
menampilkan grafik dalam pengembangan web yang berbasis XML (eXtensible Markup
Language). SVG telah direkomendasikan oleh World Wide Web Consortium (W3C) untuk
menampilkan grafik serta mendeskripsikan gambar 2 dimensi dalam pengembangan web
yang berbasis XML. SVG mengijinkan tiga tipe dari object grafis, yaitu bentuk vektor grafis
(misalkan path yang terdiri dari garis lurus dan kurva), gambar, dan teks.
SVG dapat digunakan untuk menghasilkan berbagai macam variasi object grafis, dan juga
menyediakan bentuk dasar umum seperti bujur sangkar dan elips. SVG memberikan
pengendalian kualitas melalui sistem koordinat dari object grafis yang telah didefinisikan dan
transformasi yang digunakan selama proses render.
Gambar 1.2: Logo World Wide Web Consortium

3
1.4. Perbedaan Vektor dan Bitmap

Dalam dunia desain grafis pada umumnya terdapat dua jenis gambar yang sering digunakan
yaitu Vektor dan Bitmap.
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.
Gambar 1.3: Perbedaan Vektor dengan Bitmap ketika diperbesar

4
1.5. Keuntungan Menggunakan SVG

Keuntungan menggunakan SVG dibanding format gambar yang lain:
File dengan format SVG dapat dibaca secara langsung menggunakan hampir semua
web browser .
File dengan format SVG berukuran lebih kecil jika dibandingkan dengan format
gambar JPEG dan GIF. .

Gambar dalam format SVG dapat dicetak dengan kualitas yang tinggi dan sama
baiknya pada berbagai resolusi.
Gambar dalam format SVG bersifat zoomable yang artinya setiap bagian dari gambar
dapat diperbesar dan diperkecil tanpa mengalami penurunan kualitas. Hal ini berbeda
dengan gambar Bitmap.
Text dalam SVG selectable dan searchable (sangat berguna dalam peta).
SVG dapat bekerja dengan teknologi Java dan mendukung script CSS.
SVG merupakan open standard.
SVG adalah murni XML.
BAB 2 MENGGUNAKAN INKSCAPE
2.1. Antarmuka Inkscape

Inkscape memiliki Antarmuka mirip aplikasi pengolah grafis vektor komersial Corel Draw
yang sering digunakan pada sistem operasi Microsoft Windows, namun fungsinya tidak hanya
sekedar seperti Corel Draw tapi mirip gabungan antara Corel Draw, Freheand, dan Adobe
Illustrator.

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:
2.2.1. Tombol kiri

Tombol ini berguna untuk menjalankan suatu perintah pada program komputer
2.2.2. Tombol kanan

Memunculkan sebuah menu, isi menu tergantung pada program dan kondisi yang sedang
digunakan, istilah penggunaan tombol ini ialah klik kanan.
2.2.3. Tombol Scroll atau Tombol tengah

Kebanyakan mouse sekarang telah dilengkapi tombol di bagian tengah berbentuk roda,
fungsinya untuk menggulung layar atau scroll. Pada program tertentu dapat juga
menjalankan perintah dengan menekan tombol ini.
Gambar 2.1: Mouse dengan keterangan tombolnya

6
2.2.3.1. Istilah Pada Mouse

Berikut ini penjelasan singkat mengenai istilah dalam menggunakan 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.

Klik Dua Kali
Menekan tombol kiri mouse sebanyak dua kali berturut-turut dalam waktu singkat, klik dua
kali sering juga disebut double click.
Seret dan Lepaskan

Menahan tombol kiri mouse sambil membawa kursor ke tempat-tempat tertentu, kemudian
melepaskannya, seret dan lepas sering juga disebut drag and drop. Yang dimaksud
melepaskan adalah melepas tekanan pada salah satu tombol mouse, bukan melepaskan
pegangan pada mouse.
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.
2.3. Membuka Inkscape

Untuk membuka Inkscape pada distro BlankOn, arahkan kursor ke menu favorit, klik ikon
Inkscape. Cara lainnya klik Menu utama BlankOn => Grafik => Inkscape
Gambar 2.2: Cara Menjalankan Inkscape pada BlankOn Linux
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. Mengenal Menu-Menu Inkscape

Setelah aplikasi inkscape berhasil dijalankan, maka terlihat tampilan jendela utama inkscape.
Pada jendela utama inilah segala kegiatan menggambar dapat dilakukan dengan mudah.

Jendela utama inkscape terdiri dari beberapa menu di antaranya; Name File, Menu Bar,
Command Bar, Control Bar, Canvas, Toolbox, Color Palette, Status Bar, dan lain-lain.
Untuk lebih jelasnya lihat Gambar 2.4.1
Gambar 2.3: Antarmuka Inkscape dengan berbagai keterangannya
2.4.1. Name File

Name File (baris nama), merupakan nama dan jenis halaman kerja yang sedang aktif, pada
saat pertama kali inkscape dijalankan bertuliskan New Document1-Inkscape, name file
kadang disebut Title Bar.
8
2.4.2. Menu Bar

Menu Bar atau dalam bahasa Indonesia sering disebut baris menu, berisi daftar perintah
yang bisa digunakan berupa menu, jika salah satu menu diklik maka akan muncul submenu
lainnya.
Gambar 2.4: Menu Bar

2.4.3. Command Bar
Command Bar menampilkan ikon-ikon yang merupakan perintah utama pada program
inkscape, seperti ikon membuat halaman baru, membuka gambar yang sudah dibuat
sebelumnya, menyimpan gambar, dan lain-lain.
Gambar 2.5: Command Bar
2.4.4. Tool Control

Tool Control menampilkan ikon-ikon untuk melakukan pengaturan pada object yang sedang
dikerjakan, misalnya mengatur jarak object dari penggir halaman, mengatur tinggi dan lebar
object, memutar object, dan lain-lain. Ikon pada Tool Control secara otomatis berubah pada
saat salah satu ikon pada Tool Box diklik.
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.6. Tool Box

Tool Box, berisi berbagai ikon untuk memudahkan dalam menggambar, pada saat salah satu
ikon diklik maka secara otomatis ikon pada Tool Control ikut berubah, secara umum ikon Tool
Box letaknya di pinggir sebelah kiri dengan posisi tegak.
Gambar 2.7: Tool Box

9
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
2.4.9. Scroll Bar

Scroll Bar fungsinya untuk menggulung tampilan canvas agar turun atau naik dan ke kiri atau
ke kanan, terdapat dua buah scroll bar yaitu scroll bar vertical dan horizontal, scroll bar
vertical berada di sisi kanan canvas sedangkan scroll bar horizontal berada di sisi bawah
canvas.
Penggunaan Scroll Bar juga dapat dilakukan
dengan menekan tombol pada Keyboard,
caranya tekan Ctrl kemudian tekan tombol
Arah, Ctrl+Arah kanan/kiri untuk
menggulung layar ke kiri/kanan (horizontal),
sedangkan Ctrl+Arah atas/bawah untuk
menggulung layar ke atas/bawah (vertical)
10
2.4.10. Snap Controls

Digunakan untuk membantu penempatan object secara tepat pada canvas atau halaman
dengan mendekatkan object pada terget tertentu sesuai parameter yang dilakukan.
2.4.11. Color Palette

Color Palette (palet warna) berisi ikon warna untuk memberi warna pada gambar sesuai
pilihan, untuk memilih warna lain yang tidak terlihat geser Scroll Bars yang disertakan di
bawah color palette. Untuk memberi warna pada Fill, pilih object kemudian klik ikon warna
yang sesuai, sedangkan untuk memberi warna pada Stroke lakukan sambil menekan tombol
Shif.
Gambar 2.8: Color Palette
2.4.12. Status Bar

Status Bar, berisi beberapa kolom yang menampilkan berbagai status dari area kerja dan
object yang sedang dikerjakan.
Gambar 2.9: Status Bar
Berikut keterangan singkat dari kolom-kolom pada Status Bar:

Style Indicator fungsinya untuk melihat tampilan style dan warna object pada Fill and
Stroke, saat style indicator diklik maka akan muncul jendela pengaturan Fill and
Stroke.
Opacity Setting digunakan untuk mengatur Opacity atau kecerahan Fill and Stroke
object dipilih.
Layer Indicator digunakan untuk mengatur layer pada canvas yang sudah dibuat
atau yang sedang dikerjakan.
Notification Area berisi keterangan dan status dari object yang sedang dikerjakan.
Pointer Position, berisi keterangan posisi dan letak dari pointer atau kursor di canvas.
Zoom, berisi keterangan besar dan kecilnya tampilan pada canvas atau page.
11
2.5. Mengatur Tampilan Inkscape

Tampilan Inkscape dapat dimodifikasi atau diatur sesuai kebutuhan sehingga lebih nyaman
saat digunakan, subbab ini berusaha menjelaskan secara ringkas mengenai pengaturan
tampilan yang tidak dijelaskan pada bab lain sehingga penjelasan pada buku tidak terulang.
Cara menggunakan
Arahkan kursor ke Menu Bar => klik View => Nama Menu => Submenu, jika submenu

menampilkan Jendela Pengaturan lakukan pengaturan yang sesuai.
2.5.1. Docking and Floating

Jendela pengaturan yang tampil dapat
digeser ke area lain dengan melakukan klik-
tahan pada Title Bar Jendela pengaturan
tersebut, kemudian seret dan lepaskan di
tempat lain.
Selain itu Anda juga menggunakan teknik
Docking atau menempelkan jendela
pengaturan pada sisi kiri Scroll Bar dengan
cara melakukan klik ikon docking atau
segitiga kecil yang tersedia, pada saat
menggunakan teknik ini maka secara
otomatis hanya tulisan title bar yang
terlihat, jika tulisan tersebut diklik maka
jendela pengaturan akan muncul lagi
seperti sebelumnya. Gambar 2.10: Cara melakukan docking jendela pengaturan
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 Shif+F11. Lakukan cara yang sama untuk mengembalikan ke
kondisi sebelumnya.
12
2.5.4. Hide/Show Dialogs

Untuk menyembunyikan/menampilkan jendela pengaturan tertentu yang diaktifkan, salah
satu cara untuk melakukan metode ini adalah dengan menekan tombol F12.
2.5.5. Display Mode

Seperti program pengolah grafis lain, inkscape juga memiliki fitur untuk mengatur tampilan
layar ketika sedang digunakan, sehingga Anda lebih nyaman ketika menggambar

2.5.5.1. Outline Mode
Inkscape memiliki Outline atau mode Wire-frame. Jika menggunakan mode ini, object path
dan shapes pada semua gambar vektor terlihat sebagai garis dan seolah-olah tidak memiliki
Fill. Sedangkan pada object text berlaku sebaliknya atau dengan kata lain object terlihat
sebagai Fill.
Modus Outline berguna untuk melihat struktur keseluruhan gambar dan mengedit node
lebih tepat pada gambar yang rumit, cara ini juga sangat berguna untuk menemukan object
tersembunyi yang tercipta tidak sengaja karena salah klik.
Pada saat menggunakan modus Outline maka inkscape terasa lebih ringan. Untuk
menjalankan modus ini klik View => Display mode => Outline, sedangkan untuk kembali ke
modus normal klik View => Display mode => Normal.
Gambar 2.11: Tampilan mode Normal dan Outline saat menggunakan Duplicate Window
2.5.5.2. No Filters Mode

Inkscape juga memiliki mode No Filter dimana pada saat melakukan render (rendering) efek
filter dimatikan. Cara ini sangat berguna saat melakukan modifikasi gambar yang rumit
menggunakan efek filter sehingga proses rendering tidak terasa begitu berat.
Untuk menjalankan mode ini klik View => Display mode => No Filters, sedangkan untuk
kembali ke mode normal klik View => Display mode => Normal.
13

2.5.6. Full Screen Mode
Untuk mengubah tampilan Inkscape menjadi layar penuh, klik View => Fullscreen atau tekan
F11, lakukan hal yang sama untuk kembali ke modus Normal.
2.5.7. Swatches color

Swatches color digunakan untuk menampilkan
jendela warna yang sudah terpasang pada
inkscape, jumlah warna pada Swatches color
sama dengan jumlah warna pada Color
Palette. Untuk memilih dan mengatur warna,
klik ikon segitiga kecil menghadap ke kiri di
atas warna yang tersedia.
Catatan:
Penjelasan lebih rinci mengenai Color Gambar 2.12: Swatches color
Swatches baca Bab 6 Styling Objects
and Color => Color Swatches.
2.5.8. Switch Windows

Fitur ini digunakan untuk berpindah dari jendela satu ke jendela lain jika terdapat dua atau
lebih halaman Inkscape yang sedang dijalankan, Next Window digunakan untuk berpindah
maju ke jendela berikutnya, sedangkan Previous Windows digunakan untuk berpindah
mundur ke jendela sebelumnya. Perpindahan jendela juga dapat dilakukan dengan menekan
tombol kunci pada keyboard, Ctrl+Tab untuk Next Window, Shif+Ctrl+Tab untuk Previous
Window.
2.5.9. Duplicate Window

Inkscape juga memiliki fasilitas untuk membuat duplikat tampilan (duplicate view), untuk
melakukannya klik View => Duplikat Window. Antara jendela asli dan jendela baru (hasil
duplikat) menampilkan gambar yang sama. Salah satu tampilan jendela dapat diperbesar
(zooming) sehingga pengerjaan gambar lebih mudah karena tampilan object yang sedang
dikerjakan terlihat detail atau lebih rinci pada salah satu jendela (lihat Gambar 2.5.2).
2.5.10. Icon Preview

Jendela Icon Preview digunakan untuk melihat gambar dengan tampilan seperti ikon dengan
ukuran berbeda. Untuk menjalankan modus ini klik View => Icon Preview.
14
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
3.1. Mengatur Canvas dan Halaman

Agar saat membuat gambar lebih mudah, sebaiknya kita melakukan pengaturan canvas dan
page (halaman) terlebih dulu, untuk melakukan pengaturan canvas dan page, klik File =>
Document Properties atau tekan Shif+Ctrl+D. Cara lainnya dapat dilakukan dengan klik ikon
Document Properties pada Command Bar.
Gambar 3.1: Cara membuka Document Properties
3.1.1. Default units

Digunakan untuk mengatur jenis ukuran ruler atau penggaris, ukuran default halaman baru
inkscape adalah px, namun jika saat membuat project ukuran sudah diubah kemudian
menyimpan project tersebut dan suatu saat membukanya kembali maka ukuran yang
digunakan sesuai dengan ukuran yang sudah diubah terakhir kali.
Perbandingan Unit pada Inkscape secara Default sebagai berikut: 1 inch = 1/12 f = 2.54 cm =
25.4 mm = 0.0254 m = 6 pc = 72 pt. Sedangkan perbandingan inch dengan px adalah 1 inch =
90 px atau 1 px = 0,011 inch.
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
3.1.2. Background Canvas

Digunakan untuk mengatur warna Latar belakang
(background color) Canvas, warna yang muncul
hanya tampilan saja. Untuk mengganti latar
belakang canvas lakukan cara berikut: klik indicator
warna canvas di samping kanan tulisan
Background, pada subjendela pengaturan yang
tampil pilih tab dan warna yang sesuai, setelah

sesuai tutup kembali subjendela pengaturan warna
latar belakang tersebut.
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.
3.1.4. Mengatur halaman sesuai Object

Pada saat membuat object dengan ukuran tertentu dan ingin agar ukuran halaman pada
inkscape sesuai dengan ukuran object dapat dilakukan dengan mengunakan fitur Rezise page
to drawing or selection.
Dalam contoh pada buku ini menggunakan fitur Rezise page to drawing or selection untuk
management printer, berikut penjelasan singkat cara penerapan Rezise page to drawing or
selection pada printer.
17
Agar hasil gambar saat dicetak (print)

yang telah dibuat tidak terpotong, maka
perlu dilakukan pengaturan batas
halaman. Klik Resize page to Content
maka akan segera tampil ukuran jarak
halaman kerja dari Atas, Bawah, Kiri dan
Kanan yang sebelumnya tersembunyi,
Atur jarak batas halaman tersebut sesuai
kebutuhan, sebagai contoh lakukan

pengaturan dengan Top, Lef, Right, dan
Bottom 1,30 cm (sama semua).
Agar jarak Object dengan halaman sesuai
Gambar 3.4: Pengaturan Jarak pinggir halaman
dengan pengaturan yang sudah dibuat
lakukan langkah berikut: pilih object,
kemudian klik Rezise page to drawing or selection.
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.1.5.1. Border Color

Border color digunakan untuk mengatur warna garis bingkai pada tepi halaman.
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.
3.2.1. Membuat Guides vertical dan horizontal

Arahkan kursor pada ruler, klik tanda segitiga kecil kemudian tahan dan seret ke canvas
ataupun ke halaman. Untuk membuat guides vertical seret segitiga kecil tersebut dari arah
kiri ke kanan, sedangkan untuk membuat guides horinzontal dapat dilakukan dari atas ke
bawah.
3.2.2. Membuat Guides Diagonal

Guide Diagonal (miring) dapat dibuat dengan menyeret tanda segitiga kecil dari pojok
penggaris, jika saat membuat guide dilakukan dari pojok kiri atas maka secara otomatis garis
diagonal yang dihasilkan memiliki kemiringan 450 (empat puluh lima derajat).
18

Gambar 3.5: Kiri; Cara membuat guides vertical, Kanan; Cara membuat guides diagonal
3.2.3. Object to Guides

Ukuran rentang guides dapat dibuat dengan mudah sesuai ukuran suatu object, hal ini sangat
berguna jika ingin membuat guides dengan ukuran persegi, untuk melakukannya, buat object
berupa shape dengan ukuran tertentu, kemudian klik Object => Object to Guides atau tekan
Shif+G, maka object secara otomatis berubah menjadi guides vertical dan harizontal.
Jika ingin membuat guides diagonal menggunakan object dapat dilakukan dengan
menggunakan path berupa garis.
3.2.4. Modifikasi Guides

Klik dua kali guides maka akan tampil jendela untuk mengatur
posisi guides, X menandakan jarak guides dari sisi kiri halaman,
Y menandakan jarak guides dari sisi bawah halaman,
sedangkan Angle (degrees) menunjukan kemiringan guides.
3.2.5. Hapus Guides

Untuk menghapus guides, klik guides hingga warnanya
berubah menjadi merah, kemudian tekan tombol Delete pada
keyboard, cara lainnya dengan melakukan klik kanan guides =>
Delete.
3.2.6. Sembunyikan Guides Gambar 3.6: Modifikasi Guides

Untuk menyembunyikan Guides, klik View => Guides, atau
dengan cara klik File => Document Properties => Guides, hilangkan tanda centang pada
Show guides.
Cara lain untuk menyembunyikan Guides dapat dilakukan dengan menekan tombol | (garis
tegak-lurus) pada keyboard, lakukan hal yang sama untuk menampilkannya kembali.
3.2.7. Guides Color

Guides color digunakan untuk mengatur warna guide yang dibuat, sedangkan Highlight color
digunakan untuk mengatur warna guide saat kursor berada di atasnya.
19
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.
Gambar 3.7: Jenis Grid
3.3.1. Edit dan Buat Grid

Untuk mengedit dan membuat Grid baru, klik File => Document Properties, pilih tab Grids.
3.3.2. Memilih Jenis Grid

Klik submenu di bawah Creation untuk memilih jenis grid yang akan dibuat, kemudian klik
New, maka segera tampil menu pengaturan grids.
Gambar 3.8: Memilih Jenis Grid
3.3.3. Sembunyikan Grid

Untuk menyembunyikan grid hilangkan tanda centang (checklist) pada kotak Enable maka
semua grid yang sudah dibuat akan tersembunyi, sedangkan jika memilih Visible maka yang
tidak tampak adalah grid yang sedang di pilih, misalnya dalam satu canvas terdapat dua grid
20
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.
3.3.4. Modifikasi Grid

Jarak dan warna grid dapat dimodifikasi sesuai kebutuhan, berikut penjelasan singkat cara
modifikasi Grid, dalam contoh menggunakan Grid Rectangular:

Grid units digunakan untuk mengatur
satuan jarak antar grid.
Origin X: Untuk mengatur jarak
major grid berdasarkan pinggir kiri
halaman.
Origin Y: untuk mengatur jarak
major grid berdasarkan pinggir
bawah halaman.
Spacing X: Untuk mengatur jarak grid
Vertical.
Spacing Y: Untuk mengatur jarak grid
Horizontal.
Grid line color: Untuk mengatur
warna grid vertical maupun Gambar 3.9: Modifikasi Grids
horizontal.
Major Grid line color: Untuk mengatur warna Major grid.
Major grid line every: Untuk mengatur letak tiap-tiap Major grid berdasarkan jumlah
Grid line sesuai nilai yang dimasukkan pada kotak yang yang tersedia.
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.
4.1. Membuka Halaman Baru

Klik File => New => pilih jenis halaman yang akan digunakan, atau tekan tombol Ctrl+N pada
keyboard, cara lainnya klik ikon New pada Command Bar.
Standar Halaman baru pada Inkscape menggunakan ukuran A4 dengan orientasi portrait
(tegak), walau begitu standar tersebut dapat diubah dengan menggunakan template baru
yang kita buat, kemudian mengganti template asli dengan template baru buatan kita.
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.
4.2. Membuka File

Gambar atau file yang dibuat menggunakan inkscape secara otomatis disimpan dalam format
SVG. Gambar yang sudah dibuat sebelumnya dapat dibuka secara langsung dengan
melakukan klik dua kali atau menggunakan cara lain sesuai aturan sistem operasi yang
digunakan.
4.2.1. Membuka Gambar

Untuk membuka file yang sudah dibuat sebelumnya lakukan langkah berikut: klik File =>
Open, atau tekan tombol Ctrl+O pada keyboard, cara lainnya klik ikon Open pada Command
Bar, kemudian lakukan pencarian file yang akan dibuka pada direktori komputer Anda.
Untuk melihat tampilan gambar yang akan dibuka, beri tanda centang (check list) pada menu
Enable preview, sedangkan untuk menampilkan semua jenis File klik menu All Inkscape
Files, setelah file yang akan dibuka sesuai dengan pilihan, klik Open atau klik dua kali.
Jika File yang akan dibuka formatnya bukan SVG maka akan tampil pesan peringatan untuk
memasukkan gambar dengan menempelkannya (embed) atau melalui tautan (link), pilih
salah satu kemudian klik Ok.
Cara lain untuk membuka File adalah dengan melakukan pencarian pada direktori, pilih file
yang akan dibuka => klik kanan Open with Inkscape.
22
Gambar 4.1: Membuka File yang tersimpan di komputer
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.2. Open Recent

Open Recent digunakan untuk
membuka file yang terakhir
dikerjakan dengan memilih nama
file yang ada dalam daftar
submenu. Daftar File terbaru
mencakup seluruh sistem file yang
terakhir dibuka. Daftar file yang
tersimpan dapat dibersihkan
melalui jendela Inkscape
Preferences => Interface =>
Maximum document in Open
Recent => Clear list, sedangkan
untuk menentukan jumlah list
pada submenu tersebut dapat
dilakukan dengan mengganti nilai
yang sudah ada dengan nilai Gambar 4.2: Jendela Pengaturan Open Recent
tertentu yang sesuai keinginan.
23
4.2.3. Revert
Untuk mengembalikan file ke kondisi semula sebelum dilakukan perubahan, cara ini berjalan
pada gambar bitmap.
4.3. Save File

Agar file atau gambar yang dibuat dapat digunakan sewaktu-waktu maka perlu disimpan,
untuk melakukan penyimpanan lakukan langkah berikut: arahkan kursor ke Menu Bar klik
File => Save, atau tekan tombol Ctrl+S pada keyboard secara bersamaan.

Cara lain dapat dilakukan dengan klik ikon Save pada Command Bar, maka tidak beberapa
lama keluar tampilan menu untuk melakukan penyimpanan, arahkan kursor ke lokasi
penyimpanan, sebagai contoh klik folder Pictures atau folder lainnya, jika ingin melihat
tampilan gambar yang sudah tersimpan pada direktori yang sama beri tanda centang Enable
preview pada Kotak Opsi Pilihan.
Pada tab Name tulis judul yang diinginkan, sedangkan untuk memilih jenis file yang akan
disimpan klik Inkscape SVG (*.svg) pada Format File atau pilih jenis file yang sesuai,
kemudian klik Save.
Gambar 4.3: Jendela Pengaturan Untuk Menyimpan File
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.
4.3.1. Save AS (Shif+Ctrl+S)

Save As atau Simpan Sebagai digunakan untuk menyimpan File dengan nama dan format

lain. Di bawah ini beberapa format yang dapat disimpan oleh Inkscape dengan beberapa
keterangannya:
.svg (Standar SVG), format standar inkscape, semua bentuk object yang dibuat
lebih mudah diedit pada kemudian hari menggunakan Inkscape.
.svg (Plain SVG), format SVG yang direkomendasikan sepenuhnya sesuai dengan
spesifikasi W3C. Jika menggunakan format ini gambar object berupa shapes yang
sudah banyak dimodifikasi akan diubah menjadi path.
.svgz (Compressed Inkscape SVG), Format SVG yang telah terkompres dengan
gzip, ukuran file lebih kecil sehingga lebih mudah diunduh maupun diunggah ke
peramban (web).
.svgz (Compressed plain SVG), Format SVG gabungan antara Plain SVG dengan
Compressed Inkscape SVG.
.pdf (Portable Document Format), Format standard yang dibuat oleh Adobe,
biasanya digunakan untuk pertukaran file, dengan menggunakan format ini
sebagian file yang terdiri dari banyak object dalam group tidak bisa terbaca
dengan baik.
.png (Cairo PNG), Menyimpan file sebagai PNG melalui Cairo. Untuk menyimpan
format ini agar hasilnya lebih baik, lakukan dengan cara klik File => Export Bitmap
... atau tekan tombol Shif+Ctrl+E.
.ps atau .eps (Encapsulated PostScript), Format standar yang digunakan pada
printer jaman dulu (antara tahun 1980-an s/d 1990-an) biasanya untuk object
campuran antara vektor dan raster.
.pov (PovRay or path and shapes only), Format file ray yang dibuat untuk render
3D. File disimpan dalam bentuk Shapes dan path namun stroke tidak ikut
tersimpan.
.fx (JavaFX), Digunakan untuk menyimpan file dalam format JavaFX melalui rutin
yang berjalan di dalam inkscape, hanya Path dan Shapes yang didukung dengan
baik.
.odg (OpenDocument drawing), Format standar yang digunkan oleh OpenOffice
Drawing atau LibreOffice Drawing.
.tex (LaTex width PSTricks macros), Format standar yang digunakan LateX.
25
.wmf (Windows Metafile), Format yang digunakan oleh Microsof, untuk dapat
menjalankan mode ini membutuhkan UniConvertor 1.1.4 atau versi yang lebih
baru.
.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 (Microsof XAML), Format yang dikembangkan oleh Microsoft untuk
antarmuka grafis pada Windows Vista.
4.3.2. Simpan Sebagai Salinan (Shif+Ctrl+Alt+S)

Digunakan untuk menyimpan File lama dengan nama yang sama pada direktori yang
berbeda.
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.
4.4. Import File

Inkscape mampu mengimpor berbagai jenis file vektor dan bitmap termasuk mengimpor
teks. Beberapa jenis file ditangani secara internal oleh GDK, misalnya file dengan format ani,
bmp, gif, ico, ICNS, jpeg, PCX, png, pnm, ras, tga, tiff, WBMP, xbm, XPM dan lain-lain.
Beberapa format lain dapat dibuka dengan program tambahan. Salah satu fitur khusus pada
inkscape dapat digunakan untuk mengimpor gambar dari web adalah Open Clip Art Library.
26
4.4.1. Menjalankan Import File

Terdapat dua metode yang dapat dilakukan untuk mengimpor file ke halaman kerja yang
sudah terbuka. Cara pertama adalah dengan menggunakan Window manager kemudian
menyeret file yang dipilih ke halaman inkscape dan melepaskannya (drag and drop).
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)
27
.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)
.ps (PostScript), untuk membukanya membutuhkan Ghostscript dengan utility ps2pdf
pada PATH.
.ras (Sun Raster)*

.sk (Sketch/Skencil), Membutuhkan Skencil yang terpasang dengan baik.
.sk1 (sK1, fork of Sketch), untuk membukanya membutuhkan UniConvertor.
.tga, .targa (Truevision Advanced Raster Graphics Adapter).
.tif, tiff (TIFF: Tagged Image Format).
.txt (Text), membutuhkan modul Perl SVG.pm. Teks diimpor sebagai group object teks
biasa.
.wbmp (Wireless Application Protocol Bitmap Format).
.wmf (Windows Meta File) untuk dapat membuka format ini membutuhkan
UniConvertor.
.wpg (WordPerfect Graphics).*
.xaml (Microsoft Application eXtensible Markup Language).*
.xbm (X-BitMap).
.xpm (X-Pixmap).
4.4.2. Import dari Open Clip Art Library

Fitur ini akan mengimpor gambar secara langsung dari situs http://openclipart.org/. Untuk
menjalankan fitur ini klik File => Import From Open Clip Art Library, maka segera muncul
jendela untuk menghubungkan ke situs Open Clip Art Library.
Gambar 4.4: Jendela Pengaturan Open Clip Art

28
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.
4.5. Export File

Inkscape mampu mengekspor gambar vektor secara langsung menjadi gambar bitmap.
Standar grafis PNG adalah standar yang didukung secara native oleh semua web browser
utama dan program pengolah bitmap pada umumnya.
4.5.1. Export to PNG

Untuk melakukan ekspor file menjadi PNG, klik File => Export Bitmap atau tekan
Shif+Ctrl+E. Pada jendela pengaturan export terdapat 4 (empat) Tab yang dapat dipilih dan
digunakan untuk melakukan pengaturan pada gambar yang akan diekspor, berikut penjelasan
singkatnya:
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.5. Bitmap size

Area dan ukuran gambar yang akan diekspor dapat diatur dan dimodifikasi pada kotak
pengaturan yang disediakan dengan mengubah nilai yang sudah ada dengan nilai tertentu
sesuai keinginan.
29
Pada menu Bitmap size ukuran lebar (width) dan tinggi (height) dapat diatur sesuai
keinginan, jika salah satu ukuran diubah maka ukuran lainnya akan mengikuti, misalnya
ukuran tinggi diubah maka ukuran lebar ikut berubah, begitupun sebaliknya, namun modus
ini tidak berlaku pada tab Page.
Ukuran resolusi bawaan yang digunakan Inkscape adalah 72 dpi, namun dapat diubah secara
manual, semakin tinggi nilai dpi yang digunakan maka semakin besar juga ukuran kapasitas
gambar yang dihasilkan dengan hasil yang semakin baik.

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.
4.5.1.7. Batch export ... selected objects

Batch export ... selected objects digunakan untuk melakukan ekspor beberapa object yang
dipilih secara bersamaan dengan cara memberi centang pada kotak yang tersedia. Nama File
hasil ekspor sesuai nama id object yang sudah dibuat dengan jumlah object sesuai yang
dipilih, jika object tidak memiliki nama id maka nama file hasil ekspor menggunakan nama
path sesuai nomor terakhir object tersebut dibuat.
4.5.1.8. Hide all except selected

Digunakan untuk mengekspor beberapa object yang dipilih dengan hasil ekspor dalam
bentuk satu file, object yang tidak dipilih disembunyikan atau tidak ikut diekspor.
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.
4.6. Printing Files

Untuk mencetak (print) gambar secara langsung dapat dilakukan dengan cara klik File =>
Print atau tekan Ctrl+P. Cara lain klik ikon Printing pada Command Bar.
Standard untuk mencetak pada Inkscape adalah GTK, hal ini dapat mencetak gambar dengan
baik seperti standard pada PostScript atau file PDF.
30
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.

4.7. Vacuuming Files
Perintah File => Vacuum Defs untuk menghilangkan definisi bagian dari <defs> pada file SVG
yang tidak terpakai. Cara ini digunakan untuk menghilangkan gradients, patterns, markers,
dan filters yang tidak terpakai.
4.8. Close File

Untuk menutup program Inkscape ada beberapa cara yaitu
Klik File => Close atau tekan Ctrl+W.

Klik tanda silang dipojok kanan atas
4.8.1. Pesan Peringatan

Sebuah pesan peringatan akan muncul apabila kita menutup inkscape yang sebelumnya
sudah melakukan perubahan pada object namun perubahan tersebut belum disimpan
Klik Save untuk menyimpan dokumen.
Close without saving, menutup tanpa menyimpan perubahan.
Cancel untuk batal menutup dan program Inkscape akan tetap terbuka.
Gambar 4.6: Pesan peringatan saat menutup inkscape

BAB 5 TOOL BOX
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.
Gambar 5.1: Ikon pada Tool Box dan keterangannya
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.
5.1. Selector Tool

Selector Tool digunakan untuk memilih dan mengatur object pada Canvas dengan
menggunakan mouse atau keyboard.
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
5.1.1. Selection Object

Klik salah satu object atau gambar yang akan dimodifikasi, jika gambar terdiri dari beberapa
object yang sudah dikelompokkan (grouping), klik dua kali pada salah satu object untuk
memisahkannya, kemudian klik salah satu object untuk mulai melakukan pengeditan, cara
lainnya dengan melakukan klik salah satu object sambil menekan tombol Ctrl pada keyboard.
5.1.1.1. Drag Selection

Teknik drag selection digunakan untuk memilih beberapa object secara berurutan dalam satu
operasi, caranya letakkan kursor pada area kerja, klik => tahan dan seret pada beberapa
object yang akan dipilih hingga membentuk garis putus-putus berbentuk segi empat, setelah
itu lepaskan tekanan pada mouse.
5.1.1.2. Rubberband Selection

Rubberband Selection digunakan untuk memilih satu atau beberapa object di antara object
yang banyak sehingga object tersebut dapat dimodifikasi dengan mudah, untuk melakukan
teknik rubberband selection lakukan cara berikut; klik object hingga pada keliling object
terbentuk garis putus-putus yang pada setiap sudut dan sisinya terdapat tanda panah yang
saling berlawanan.
Untuk melakukan Rubberband Selection pada beberapa object sekaligus klik object pertama
sambil menekan tombol Shif kemudian pilih object lainnya.
Gambar 5.3: Urautan langkah melakukan Rubberband Selection
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
5.1.1.3. Touch Selection

Touch Selection digunakan untuk memilih object dengan membuat garis seperti freehand,
cara ini memudahkan pekerjaan pada saat melakukan pemilihan beberapa object secara
bersamaan di antara object lainnya. Untuk melakukan Touch Selection, arahkan kursor pada
object di canvas => tekan Alt => klik, tahan dan geser kursor yang sudah berubah bentuk
menjadi garis merah pada object yang dipilih.

Gambar 5.4: Penerapan Touch Selection untuk mengganti warna
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.
5.1.1.4. Hapus object

Klik salah satu object, kemudian tekan tombol Delete, untuk menghapus beberapa object
sekaligus lakukan sambil menekan Shif => kemudian pilih object lainnya => tekan Delete.
Gambar 5.5: Cara menghapus beberapa Object sekaligus
5.1.2. Moving Object

Moving Object digunakan untuk menggeser atau memindah object, klik salah satu object
yang akan digeser, tahan dan seret ke tempat tujuan, kemudian lepas.
Selain cara di atas masih ada dua cara lagi yang bisa dilakukan yaitu dengan menggunakan
tombol arah pada keyboard dan mengisikan nilai tertentu pada kotak koordinat Vertical dan
Horizontal pada Tool Control.
34
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.

Gambar 5.6: Dua metode untuk menggeser object
Berikut keterangan dari efek dari pergeseran menggunakan keyboard:

Tombol Arah: Object bergeser 2 pixel dari posisi semula
Shif+Tombol Arah: Object bergeser 20 pixel dari posisi semula.
Alt+Tombol Arah: Object bergeser 1 pixel dari posisi semula
Alt+Tombol Arah+Shif: Object bergeser 10 pixel dari posisi semula
5.1.3. Transforming Objects

Terdapat dua mode pada Selector Tool yang digunakan untuk melakukan transformasi object
yaitu: Skala dan Rotasi.
5.1.3.1. Skala object

Untuk mengubah lebar maupun tinggi object, klik
object, kemudian tarik salah satu pegangan
(berbentuk tanda panah saling berhadapan) yang
terletak pada sudut atau yang ada di salah satu sisi
object.
Cara lainnya adalah dengan mengisi nilai tertentu di
kotak W dan H pada Tool Control. Kotak W artinya
ukuran Lebar object, sedangkan kotak H artinya
ukuran Tinggi object, setelah nilai yang diisikan sudah
sesuai tekan Enter.
Agar ukuran object waktu diperbesar ataupun
diperkecil tetap simetris (ukuran lebar atau tinggi
secara otomatis mengikuti ukuran yang diubah),
Anda dapat mengunci object tersebut dengan
melakukan klik ikon gembok yang ada di antara kotak
Gambar 5.7: Mengubah ukuran object
W dan H. Disebelah kanan kotak H terdapat kotak
35
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
5.1.3.2. Rotasi atau Perputaran

Rotasi berguna untuk melakukan pengaturan object
tertentu agar object tersebut selaras dengan object
lainnya. Untuk memutar object lakukan langkah
berikut:
Klik object kemudian lepas dan klik sekali lagi hingga
di empat sudut object terbentuk tanda panah saling
berhadapan terlihat melengkung, setelah itu klik dan
tahan sudut tanda panah tersebut ke kiri-kanan atau
ke atas-bawah (memutar) setelah itu lepaskan.
Posisi pangkal object bergeser berlawanan dengan
ujung object yang diputar, misalnya ujung object di
sebelah kanan atas diputar ke bawah makan pangkal
Gambar 5.8: Rotasi pada Object
object sebelah kiri bawah akan bergeser ke atas
dengan posisi pusat object tidak bergeser.
Gambar 5.9: Cara memutar object
Jika pada saat memutar object sambil menekan tombol Shif 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

Gambar 5.10: Putar Object sambil tekan Shift
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
5.1.4. Skewing atau Shearing

Skewing atau shearing adalah metode untuk membuat object menjadi miring atau condong
ke arah tertentu, Skewing atau shearing dapat dilakukan dengan mode memutar atau
menggeser object menggunakan mouse.
Gambar 5.11: Teknik melakukan Skewing atau Shearing

37
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.
Gambar 5.12: Mirroring
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. Jendela Trasform

Jendela Transform digunakan untuk
melakukan pengaturan object secara tepat,
untuk melakukanya; arahkan kursor ke
Menu Bar, klik Object => Transform atau
tekan Shif+Ctrl+M, pada jendela Transform
terdapat 5 (lima) tab yaitu: Move, Scale,
Rotate, Skew dan Matrix.
Pada masing-masing tab disertai kotak isian
untuk memasukkan nilai (angka) tertentu
sesuai modus yang akan dilakukan, jika nilai
pada kotak isian lebih besar dari nol (misal
100 px) maka efeknya akan bertambah, Gambar 5.14: Jendela Pengaturan Transform Object
namun jika nilai lebih kecil dari nol (misal
-100 px) maka efeknya akan berkurang.
Di bagian bawah terdapat tombol Clear yang fungsinya untuk mengosongkan nilai pada kotak
masing-masing tab, sedangkan tombol Apply digunakan untuk menerapkan perubahan pada
object.
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
Gambar 5.15: Penerapan Tab Move pada object
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 Shif+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.
5.1.8. Object Properties

Object Properties digunakan untuk mengatur ciri-ciri khusus atau karakteristik suatu object.
Untuk menggunakan fitur ini arahkan kursor ke Menu Bar => Object => Object Properties
atau tekan Shif+Ctrl+O, cara lainnya adalah; pilih object, kemudian klik kanan => Object
Properties.
Pada jendela Object properties terdapat beberapa menu yang dapat digunakan, berikut
penjelasan singkatnya:
Id : digunakan untuk mengatur id object yang dipilih pada kotak yang tersedia, id
yang dimasukkan akan diterapkan setelah melakukan klik pada tombol Set di sebelah
kanan (penjelasan lainnya baca halaman XML Editor).
Label : digunakan untuk memberi label nama object yang dipilih atau dikerjakan
Title : digunakan untuk memberi nama object yang dikerjakan.
Description : digunakan untuk memberi keterangan singkat object.
41
Hide & Lock : hide digunakan untuk menyembunyikan object yang dipilih, sedangkan
lock digunakan untuk mengunci object.
Interactivity: digunakan untuk melakukan pengaturan tambahan pada object
terhadap kursor.
Gambar 5.16: Jendela pengaturan Object Properties
Catatan
Untuk menampilkan semua object yang disembunyikan, klik Object => Unhide All,
sedangkan untuk membuka semua object yang disembunyikan klik Object => Unlock
All.
5.2. Node Tool

Penggunaan Node Tool sangat penting pada inkscape terutama untuk mengolah object yang
berbentuk garis atau curva, hal ini sangat berguna saat melakukan modifikasi, manipulasi dan
mengedit path.
Sebelum menggunakan Node Tool sebaiknya pahami dulu tentang Path dan beberapa
konsep penting lainnya agar tidak mengalami kebingungan saat menggunakan node tool.
Paths berbeda dengan Shapes, karena path tidak memiliki struktur yang ditetapkan, namun
path juga dapat diciptakan dari Shapes, path yang berasal dari shapes adalah path tertutup
42
Apa Itu Path

Paths adalah object yang bentuknya arbitrary atau tidak menentu pada gambar SVG. Subbab
ini menjelaskan tentang bagaimana menciptakan path, jenis-jenis path, cara mengedit path,
dan istilah mengenai path yang sering digunakan pada Inkscape.
5.2.1. Jenis Path

Path terdiri dari tiga jenis yaitu: path terbuka, path tertutup, dan path campuran.

5.2.1.1. Path Terbuka
Path terbuka memiliki dua ujung yang terdiri dari garis, bentuknya lurus atau berlekuk-lekuk,
path terbuka dapat dibuat dengan mengunakan Pencil Tool, Bezier Tool, dan Connector Tool.
5.2.1.2. Path Tertutup

Path tertutup tidak memiliki ujung, biasanya terbuat dari Object Shapes yang mana stroke
pada object sudah diubah menjadi path, perubahan dapat dilakukan dengan menghapus Fill
atau membiarkan Fill tetap ada. Path tertutup juga dapat dibuat dengan Bezier dan Pen Tool
dengan cara menyambungkan ujung dan pangkal garis yang dibuat.
5.2.1.3. Path Campuran

Path jenis ini merupakan campuran dari path terbuka dan tertutup, path campuran dapat
dibuat dengan cara memotong bagian tertentu pada path tertutup, atau dapat dibuat
dengan cara menyambung salah satu ujung dengan pangkal dari dua path terbuka.
Gambar 5.17: Jenis Path
5.2.2. Bezier Curves

Sebagian besar path pada inkscape dijelaskan
secara mendalam sebagai rangkaian Bezier
curves, pada program menggambar lainnya
juga tidak jauh berbeda. Hal ini sangat
berguna untuk memahami sifat dasar Bezier
curves pada saat menggambar dan manipulasi
path.
Bezier Curves didefinisikan oleh empat poin,
dua di antaranya sebagai end points atau titik Gambar 5.18: Bezier curves dengan keterangannya
akhir, sedang yang lainnya sebagai control
points atau handles (pegangan), masing-masing dipasangkan dengan salah satu titik akhir.
43
Control point berguna untuk mengotrol

bentuk path dengan titik akhir Bezier curves.
Dua Bezier curves atau lebih dapat
digabungkan menjadi path yang bentuknya
lebih kompleks. Node yang terletak pada
kedua node hasil gabungan kadang tampak
smooth (halus) yang ditandai dengan titik Gambar 5.19: Auto Smooth pada Bezier curves
kotak (normal) atau lingkaran kecil (auto

smooth).
5.2.3. Paths dari Object

Terdapat beberapa cara untuk menciptakan path secara tidak langsung. Salah satunya adalah
dengan mengubah object shape atau object berupa teks menjadi path. Cara lainnya dengan
mengubah Stroke atau garis yang dibuat menggunakan Pencil (freehand) dan Bezier (Pen)
menjadi path, cara ketiga untuk menciptakan path adalah dengan trace a bitmap image.
Catatan
Cara membuat object berupa garis menggunakan Bezier Tool baca penjelasannya
pada halaman Tool Box => Bezier width Pen Tool
Cara Menggunakan Node Tool

Untuk dapat memahami dan menggunakan Node Tool maka Anda harus memiliki object
yang berupa path terlebih dulu, untuk itu buat object berupa garis terlebih dulu
menggunakan Bezier Tool, kemudian klik Node Tool, setelah itu arahkan kursor pada Menu
Bar => klik Path => Object to Path atau tekan Shif+Ctrl+C.
Gambar 5.20: Cara membuat Path

44
5.2.4. Menambah Node

Penulis asumsikan bahwa Node Tool yang Anda gunakan masih aktif setelah mejalankan
perintah sebelumnya, jika belum aktif lakukan
langkah berikut; pilih atau klik Path yang dibuat
sebelumnya, kemudian klik ikon Node Tool pada
Tool Box atau tekan tombol F2, kemudian klik
sekali lagi path yang akan diedit, setelah itu klik
ikon node yang ada tanda Tambah di atasnya

(paling kiri) pada Tool Control.
Cara lainnya untuk menambah node adalah
dengan melakukan klik dua kali pada path, maka
secara otomatis node baru akan ditambahkan
pada salah satu bagian path. Penambahan node
juga bisa dilakukan dengan cara menekan tombol
Insert pada keyboard.
Jika pada path sudah terdapat beberapa node dan
Anda ingin menambahkan node dengan jumlah Gambar 5.21: Menambah node
yang banyak sekaligus tekan Ctrl+A kemudian klik
ikon Insert new node.
5.2.5. Geser Node atau Path

Untuk menggeser node maupun path dapat dilakukan menggunakan mouse maupun tombol
tertentu pada keyboard, secara garis besar caranya seperti metode dalam menggunakan
Selector Tool, misalnya jika ingin menggeser node ke atas, klik-tahan dan seret node ke atas,
atau tekan tombol arah yang menghadap ke atas pada keyboard.
Pada saat kursor berada di atas node, maka
warna node tersebut berubah merah,
untuk menggeser node, klik dan seret node
yang dipilih ke tempat lain, cara lain untuk
menggeser node dapat dilakukan dengan
menekan tombol Arah pada keyboard.
Untuk berpindah dari node maupun path
yang sedang dipilih menggunakan
keyboard lakukan dengan menekan
tombol Tab atau tombol Shif+Tab, jika
Gambar 5.22: Modifikasi Path
menekan tombol Tab maka perpindahan
maju satu langkah sedangkan jika
menekan tombol Shif+Tab maka perpindahan mundur satu langkah.
Cobalah modifikasi path dengan menggeser node maupun path menjadi bentuk seperti pada
Gambar 5.2.6
5.2.6. Hapus node

Klik salah satu node, kemudian klik ikon Delete selected node atau tekan tombol Delete atau
Backspace, cara lainnya adalah dengan menekan tombol Ctrl+Alt+klik kiri.
45
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.23: Perbedaan hapus node menggunakan Delete dan Backspace
5.2.7. Gabung node

Klik salah satu bagian path di antara dua node, kemudian klik ikon Joint selected nodes,
maka kedua node tersebut akan tergabung menjadi satu, posisi node berada di antara dua
node yang digabungkan.
Gambar 5.24: Perbandingan bentuk path sebelum dan sesudah salah satu node digabung
Untuk menggabungkan node dapat juga dilakukan dengan menekan tombol Crtl+J.
5.2.8. Membagi Path

Klik salah satu node, kemudian klik ikon Break path at selected nodes pada Tool Control,
setelah itu geser node untuk melihat hasilnya.
Untuk membagi path dapat juga dilakukan dengan menekan tombol Shif+B.
Gambar 5.25: Perbandingan bentuk path sebelum dan sesudah salah satu bagian node dibagi
46
5.2.9. Hapus Path

Untuk menghapus path, klik salah satu bagian path di antara dua node, kemudian klik ikon
Delete segment between two non-endpoint nodes, sedangkan untuk menyambungnya lagi
klik ikon Join selected endnodes width a new segment.

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 Shif => klik node paling pinggir pada path lain, kemudian
klik ikon Join selected endnodes width a new segment.
5.2.10. Modifikasi Node

Node yang ditambahkan pada path dapat diubah menjadi beberapa bentuk dengan memilih
salah satu ikon yang tersedia, terdapat 4 (empat) ikon node yang dapat digunakan untuk
mengubah bentuk node, berikut penjelasannya:
5.2.10.1. Nodes Corner

Untuk mengubah bentuk nodes menjadi sudut yang runcing. Jika pegangan node aktif
maka pada kedua sudut yang berlawanan memiliki pegangan untuk mengatur bentuk path
yang melengkung, namun jika bentuk path lurus maka pegangan tersebut tidak muncul.
Cara lain untuk menggunakan modus ini adalah dengan menekan tombol Shif+C.
Catatan
Saat melakukan klik kedua secara berurutan setelah klik pertama maka sudut path
pada nodes menjadi lurus dan runcing.
5.2.10.2. Node Smooth

Untuk mengubah node menjadi halus dengan efek bentuk path menjadi melengkung.
Jika salah satu ujung garis halus yang berbentuk lingkaran ditarik memanjang maka bentuk
path ikut berubah, namun garis halus pada sisi lain tidak ikut memanjang.
Cara lain untuk menggunakan modus ini adalah dengan menekan tombol Shif+S.
5.2.10.3. Node Symmatric

Untuk mengubah node menjadi simetris dan halus dengan efek bentuk path menjadi
melengkung. Jika salah satu ujung garis halus yang berbentuk lingkaran ditarik memanjang
maka bentuk path ikut berubah dengan garis halus pada sisi lain ikut memanjang.
Cara lain untuk menggunakan modus ini adalah dengan menekan tombol Shif+Y.
47
5.2.10.4. Node auto-smooth

Untuk mengubah node otomatis menjadi halus, Jika salah satu ujung garis yang
berbentuk lingkaran ditarik efek perubahan pada path lebih halus, hal ini akan terasa jika
digunakan untuk modifikasi path yang melengkung.
Cara lain untuk menggunakan modus ini adalah dengan menekan tombol Shif+A.
5.2.11. Modifikasi bentuk path

Bentuk Path yang sudah dibuat dapat dimodifikasi dengan mudah menggunakan fasilitas

pada node tool, misalnya ingin mengubah bentuk path melengkung menjadi lurus atau
sebaliknya.
5.2.11.1. Mengubah Path jadi lurus

Pilih salah satu bagian path yang melengkung, kemudian klik ikon Make selected
segment lines atau tekan Shif+L, maka bentuk path yang tadinya melengkung menjadi lurus,
ujung pegangan garis pengontrol node (control point) otomatis hilang.
5.2.11.2. Mengubah Path jadi melengkung

Pilih salah satu bagian path yang lurus, kemudian klik ikon Make selected segments
curves atau tekan Shif+U, maka pada path tersebut muncul dua lingkaran kecil sebagai
pegangan node (control point), geser lingkaran kecil tersebut ke arah yang diinginkan maka
path akan berubah bentuknya jadi melengkung atau menjadi curva.
5.2.11.3. Ubah Object menjadi Path

Pada object tertentu node atau path tidak aktif secara otomatis, misalnya pada object
lingkaran, spiral, dan teks, sehingga akan sulit untuk melakukan penambahan node dan
modifikasi path. Untuk mengubah shape atau object berupa teks menjadi path, klik Path =>
Object to path atau tekan Shif+Ctrl+C. Pada saat object diubah menjadi path, object
tersebut kehilangan fungsi khusus yang dimilikinya, sebagai contoh teks yang sudah diubah
menjadi path, maka jenis font dan tulisan pada teks tersebut tidak bisa diganti lagi, namun
object yang sudah diubah menjadi path bentuknya dapat dimodifikasi menjadi berbagai
bentuk.
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
5.2.11.4. Mengubah Stroke/shape menjadi Path

Untuk mengubah Stroke atau shape menjadi path, klik Path => Stroke to Path atau tekan
Ctrl+Alt+C. Setelah proses ini dilakukan, path terlihat hampir sama namun sebenarnya
struktur path sudah berbeda, stroke yang sudah diubah memiliki dua path seperti object
yang dibuat menggunakan Calligraphy Tool .

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.
5.2.11.5. Coordinate Node

Coordinate Node digunakan untuk
mengatur node yang dipilih berdasarkan
pinggir halaman dengan mengisi nilai
tertentu pada kotak isian yang tersedia,
kotak X berdasarkan jarak dari sisi kiri
pinggir halaman, sedangkan kotak Y
berdasarkan jarak dari sisi bawah pinggir
halaman.
Di sebelah kanan kotak coordinate terdapat
ikon unit yang fungsinya untuk mengatur
ukuran yang digunakan pada kotak isian.
Gambar 5.29: Object berdasarkan Coordinate Node
5.2.12. Show path on clipping

Untuk menampilkan atau menyembunyikan node dan path pada object yang sudah
dipotong atau clipping, path terlihat sebagai garis hijau. Modus ini dapat berjalan pada
clipping yang menggunakan path sebagai pemotongnya.
49
5.2.12.1. Show path on mask

Untuk menampilkan atau menyembunyikan node dan path pada object yang sudah
dimodifikasi menggunakan teknik mask. Path terlihat sebagai garis biru. Modus ini hanya
dapat bekerja dengan baik pada masking yang menggunakan path (bukan menggunakan
shape).
Catatan
Untuk memahami kedua fungsi dari fitur di atas silakan baca halaman Multiple Object
Operations => Clip and Mask
5.2.12.2. Show Edit LPE

Untuk mengaktifkan atau memanggil fungsi node dan path pada object yang dimodifikasi
menggunakan Live Path Editor. Untuk memahami fungsi dari fitur ini silakan baca halaman
Path => Live Path Editor.
5.2.12.3. Show Transformation Handle

Untuk mengaktifkan atau mematikan fungsi pegangan transformasi pada node seperti
fungsi transform object pada Selector Tool.
50
5.2.12.4. Show Bezier handles

Untuk mengaktifkan atau mematikan pegangan pada node.
5.2.12.5. Show path outline

Untuk menampilkan atau menyembunyikan garis path pada object, saat fungsi ini aktif
maka garis path terlihat berwarna merah.
51
5.3. Tweak Tool

Tweak Tool digunakan untuk modifikasi object, di antaranya untuk mengubah bentuk dan
style object, mengaburkan warna object, dan lain-lain. Object yang sudah dimodifikasi
menggunakan tweak tool masih memiliki kemiripan dengan object asli.
Pada saat Tweak Tool aktif maka kursor berubah bentuk menjadi lingkaran berwarna
oranye, fungsi lingkaran tersebut seperti brush atau kuas yang dapat digunakan untuk
modifikasi bentuk dan warna object.

Menggunakan Tweak Tool
Pilih object yang akan dimodifikasi, klik ikon Tweak Tool atau tekan Shif+F2, pilih salah satu
ikon pada Tool Control, arahkan kursor yang sudah berubah bentuk menjadi lingkaran pada
object, klik => tahan, kemudian geser ke kiri-kanan atau ke atas-bawah, cara lainya klik dua
kali secara cepat pada object.
Tweak Tool juga dapat diaktifkan dengan menekan tombol W pada keyboard.
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.
Ikon Tweak Tool

Tweak Tool memiliki beberapa cara dalam modifikasi object, baik modifikasi warna ataupun

bentuk. Beberapa cara tersebut dapat dilakukan dengan mudah menggunakan ikon yang
muncul pada Tool Control atau bisa juga menggunakan tombol pintas pada keyboard.
Ikon Tweak Tool terdiri dari tiga kelompok yaitu; Tweaking Objects, Tweaking Paths, dan
Tweaking Colors, ketiga kelompok tersebut memiliki fungsi berbeda.
Gambar 5.31: Ikon Tweak Tool berdasarkan kelompoknya
5.3.3. Tweaking Objects

Ikon pada kelompok Tweaking Objects digunakan untuk menggeser, memperkecil, memutar,
dan menggandakan object.
5.3.3.1. Move objects

Digunakan untuk menggeser object, saat dijalankan maka object akan bergeser sesuai
gerakan brush. Klik ikon Tweak Tool => Move, arahkan ke object, klik dan tahan, kemudian
geser ke arah yang diinginkan.
5.3.3.2. Move In/Out

Digunakan untuk menggeser object, object akan bergeser berlawanan dengan gerakan
brush. Jika saat menggeser object sambil menekan tombol Shif maka object akan bergeser
sesuai gerakan brush.
5.3.3.3. Move Jitter

Digunakan untuk memindahkan object secara acak berlawanan dengan posisi brush.
5.3.3.4. Shrink objects

Digunakan untuk memperkecil object secara proprosional, namun jika dilakukan sambil
menekan tombol Shif maka object menjadi besar..
5.3.3.5. Rotate objects

Digunakan untuk memutar object sesuai arah brush, namun jika dilakukan sambil
menekan tombol Shif, maka object akan berputar secara berlawanan dengan brush.
5.3.3.6. Duplicate and Delete

Digunakan untuk duplikasi object, namun hasil duplikasi object tidak langsung terlihat
karena langsung tergabung menjadi satu dengan object asli, untuk melihat hasilnya klik
Selector Tool kemudian klik object lainya, setelah itu klik lagi object tersebut, geser ke kiri-
53
kanan atau ke atas-bawah untuk melihat hasilnya, cara lainnya dengan melakukan Ungroup
atau tekan tombol Ctrl+Shif+G secara bersamaan. Sedangkan jika dilakukan sambil menekan
tombol Shif maka object akan terhapus.
5.3.4. Tweaking Paths

Ikon pada kelompok Tweaking Paths digunakan untuk memodifikasi bentuk path.
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..
5.3.4.2. Shrink and Grow

Digunakan untuk memodifikasi bentuk path dengan mendorong bagian pinggir ke
tengah, maka path akan terdorong masuk ke tengah-tengah object, pada saat melakukan
pendorongan hingga mencapai setengah dari object maka path pada bagian lain akan tertarik
ke dalam, jika ingin mendorong bagian tengah (dalam) object ke pinggir lakukan sambil
menekan tombol Shif.
5.3.4.3. Attract and Rapel (Shif+A )

Digunakan untuk modifikasi bentuk object dengan mendorong salah satu bagian path ke
tengah, maka path akan terdorong masuk ke tengah-tengah object dengan sudut berbentuk
runcing, sedangkan jika path ditarik keluar maka bentuk object akan berbentuk kerucut
(runcing).
5.3.4.4. Roughen (Shif+R)

Digunakan untuk membuat path menjadi kasar, bagian yang kasar sedikit menonjol
melebihi permukaan object dengan bentuk tidak beraturan, jika metode ini digunakan maka
waktu mouse digerakan akan sedikit lambat, maka dari itu jangan gunakan metode ini jika
tidak terpaksa.
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. Tweaking Colors

Digunakan untuk membuat perubahan warna pada object, perubahan meliputi Fill and
Stroke dari seluruh object yang sedang dikerjakan. Perubahan juga dapat dilakukan pada
object Gradient, namun penggunaan pada object gradient yang berlebihan akan mengubah
semua warna yang telah dibuat sebelumnya.
5.3.5.1. Color Paint (Shif+C)

Digunakan untuk mengubah warna object pada Fill and Stroke menjadi lebih gelap, jika
pada saat menggunakan modus ini sambil menekan tombol Shif maka warna object akan
berubah menjadi terlihat kabur, perubahan tidak mempengaruhi bentuk object.
54
5.3.5.2. Color Jitter (Shif+J)

Color Jitter digunakan untuk mengubah warna object pada Fill and Stroke menjadi lebih
terang, jika pada saat menggunakan modus ini sambil menekan tombol Shif maka warna
object akan berubah menjadi terlihat lebih cerah.
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 Shif 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.
5.4. Zoom Tool

Zoom Tool sangat berguna untuk melihat tampilan object di canvas sehingga mempermudah
pekerjaan pada saat membuat dan mengolah object. Object pada canvas dapat dilihat
dengan jelas dan detail dengan cara memperbesar (mendekatkan) object tersebut.
55
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. Menjalankan Zoom

Klik ikon Zoom Tool pada Tool Box, atau tekan F3. Penggunaan Zoom Tool juga dapat
dilakukan dengan klik View => Zoom => jenis zoom yang akan digunakan.
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
5.4.1.3. Perbandingan 1:1

Klik ikon Zoom yang ada tanda angka 1:1 atau tekan tombol angka 1 (satu), maka
tampilan layar akan sesuai 100% dengan ukuran gambar.

Klik ikon Zoom yang ada tanda angka 1:2 atau tekan tombol angka 2 (dua), maka
tampilan layar akan sesuai 50% (setengah) dari ukuran gambar.

Klik ikon Zoom yang ada tanda angka 2:1, maka tampilan layar akan sesuai 200% (dua
kali) dari ukuran gambar.
5.4.1.6. Object tampil sesuai Canvas

Klik ikon Zoom yang ada tanda persegi panjang mendatar di tengahnya atau tekan angka
3 (tiga), maka tampilan gambar yang sedang dipilih akan membesar ketengah-tengah Canvas.
5.4.1.7. Perbesar Object sesuai Canvas

Klik ikon Zoom yang ada tanda dua bujur sangkar di tengahnya atau tekan angka 4
(empat), maka tampilan semua object terlihat di tengah-tengah jendela.
5.4.1.8. Perbesar halaman ke Canvas

Klik ikon Zoom yang ada tanda persegi panjang tegak di tengahnya atau tekan angka 5
(lima), maka tampilan halaman akan berada di tengah Canvas.
56
5.4.1.9. Perbesar object ke tengah Halaman

Klik ikon Zoom yang ada tanda persegi panjang mendatar yang letaknya agak kebawah
atau tekan angka 6 (enam), maka tampilan object yang berada ditengah halaman terlihat
besar.
5.4.1.10. Perbesar jendela sesuai riwayat

Klik ikon Zoom yang ada tanda Segitiga menghadap ke kiri atau menekan lambang ~
(simbol seperti cacing) pada keyboard, maka tampilan jendela akan kembali seperti tampilan

sebelumnya. Jika melakukan klik Zoom yang ada tanda Segitiga menghadap ke kanan atau
menekan Shif dan lambang ~ (simbol seperti cacing) maka akan berlaku sebaliknya.
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.
5.5. Rectangle Tool

Rectangle Tool digunakan untuk membuat object persegi panjang, object persegi panjang
dapat dimodifikasi secara langsung menjadi lingkaran.
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.
Gambar 5.34: Cara menggunakan Rectangle Tool

57
Rectangles Tool juga dapat diaktifkan dengan menekan tombol R pada keyboard.
5.5.1. Modifikasi Rectangle

Klik dan seret Resize Handles atau
tanda segi empat kecil yang ada di
pojok kiri atas atau pojok kanan bagian
bawah untuk mengubah lebar ataupun
tinggi ukuran Object, cara lainnya

dengan mengisi nilai tertentu pada
kotak isian di Tool Control, kotak W
artinya width atau lebar object,
sedangkan kotak H atau Height yang
artinya tinggi Object.
Object persegi panjang dapat Gambar 5.35: Modifikasi Rectangle
dimodifikasi sehingga sudutnya dapat
membulat, perhatikan object persegi panjang yang sedang dibuat, pada pojok kanan bagian
atas terdapat tanda lingkaran kecil, tarik tanda lingkaran kecil tersebut ke bawah maka sudut
object persegi panjang berubah agak membulat, sedangkan di sudut pojok kanan masih
tersisa satu lagi, seret tanda lingkaran kecil tersebut ke kiri maka object persegi panjang
semakin membulat, tanda lingkaran kecil tersebut sering disebut Corner Shape Handles.
Gambar 5.36: Tanda lingkaran kecil untuk modifikasi object
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.
Gambar 5.37: Kotak isian untuk modifikasi object
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
Gambar 5.38: Mengubah object kotak menjadi lingkaran

Sedangkan untuk mengembalikan sudut membulat yang telah dibuat menjadi bentuk persegi
panjang klik ikon Corner sharp pada Tool Control.
Gambar 5.39: Ikon untuk mengembalikan bentuk object
Tombol Pintas
Saat membuat object persegi panjang sambil menekan Ctrl maka object yang
dihasilkan akan berbentuk bujur sangkar, sedangkan jika sambil menekan Shif maka
object akan ditarik dari tengah (bukan dari sudut).
5.6. 3D Box Tool

Inkscape adalah program untuk menggambar object 2D (dua dimensi), namun, kadang
digunakan untuk membuat gambar atau object 3D (tiga dimensi). 3D Box Tool dapat
digunakan untuk membuat gambar tiga dimensi secara otomatis dengan cara menciptakan
object perspektif dalam kotak 3D.
Tool 3D secara otomatis memastikan bahwa semua sisi kotak terletak pada garis perspektif
yang sesuai.
Cara menggunakan
Klik ikon 3D Box Tool pada menu Tool Box, atau tekan Shif+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 Shif maka object yang
dihasilkan akan menghadap pada sisi yang berbeda. 3D Box Tool juga dapat diaktifkan
dengan menekan tombol X pada keyboard.
5.6.1. Penggunaan Dasar

Kotak tiga dimensi yang dibuat menggunakan 3D Tool Box terdiri dari enam object yang
dapat diatur dan dipisah-pisah sesuai kebutuhan, bahkan object tersebut dapat dihapus dan
dipisahkan satu persatu dengan melakukan ungroup terlebih dulu. Kotak tiga dimensi terdiri
dari enam sisi, namun yang terlihat hanya tiga sisi, ketiga sisi tersebut diwakili oleh tiga garis
berbeda yaitu:
59
Garis Y berwarna merah menunjukkan lebar object

Garis X berwarna biru menunjukkan tinggi object
Garis Z berwarna kuning menunjukkan panjang object
Gambar 5.40: Perbedaan garis pada object 3D
5.6.2. Modifikasi Object 3D

Pada Object 3D terdapat tiga pegangan yang dapat digunakan untuk melakukan pengaturan,
Y sebagai pegangan bagian depan, X sebagai pegangan bagian atas, sedangkan Z sebagai
pegangan samping.
Jika saat membuat object sambil menekan Shif, maka Y yang tadinya sebagai pegangan
depan akan ditukar X atau dengan kata lain Y berubah menjadi pegangan samping dan X
menjadi pegangan depan, sedangkan jika dilakukan sambil menekan Ctrl maka pegangan X
akan berada disalah satu tepi (sudut) object, atau dengan kata lain object tampak 2D.
5.6.3. Memindah 3D Box

Untuk memindah perspektif kotak 3D dapat dilakukan dengan menggeser tanda huruf X
pada object, perubahan tidak mempengaruhi sumbu pegangan, jika saat menggeser sambil
menekan Ctrl maka pergeseran akan membatasi gerakan koordinat dan diagonal object,
sedangkan jika sambil menekan Shif maka kotak bergerak sejajar dengan sumbu Z.
Di sebelah tanda huruf X terdapat kotak kecil (seperti permata) sebagai pegangan untuk
mengatur tanda X, jika kotak kecil tersebut digeser maka tanda huruf X akan ikut bergeser.
60

Gambar 5.41: Object 3D dengan tanda X sebagai pengontrolnya
5.6.4. Menyembunyikan Titik Pegangan

Pegangan pada setiap titik object dapat disembunyikan, terdapat dua cara yaitu: klik pada
menu di Tool Control dan menekan tombol tertentu pada keyboard.
Melakukan klik menu Angle X atau menekan Shif+X menyembunyikan pegangan
titik Y.
Melakukan klik menu Angle Y atau menekan Shif+Y menyembunyikan pegangan titik
X.
Melakukan klik menu Angle Z atau menekan Shif+Z menyembunyikan pegangan titik
Z.
5.7. Ellipse Tool

Ellipse Tool digunakan untuk menggambar object berbentuk lingkaran, elips, dan busur.
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

Gambar 5.42: Object Lingkaran dengan dua pegangan
5.7.1. Modifikasi Object

Untuk mengubah bentuk lingkaran menjadi busur, tarik dan geser pegangan berbentuk
lingkaran ke atas atau ke bawah, atau klik ikon berbentuk Busur pada Tool Control.
Sedangkan untuk mengubah bentuk lingkaran menjadi elips, tarik dan geser pegangan
berbentuk lingkaran ke atas sambil menekan tombol Crtl atau klik ikon berbentuk Elips pada
Tool Control terlebih dahulu.
Untuk mengembalikan object berbentuk busur ataupun elips ke bentuk lingkaran klik ikon
Lingkaran pada Tool Control.
Gambar 5.43: Ikon pada Tool Control untuk modifikasi lingkaran
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 Shif
maka object yang terbentuk akan membesar ke semua arah (sisi).
62
5.8. Star Tool

Star Tool dapat digunakan untuk menggambar object berbentuk Polygon dan Star (bintang).
Penggunaan Star Tool dalam pembuatan object polygon dan star sangat mudah dilakukan
layaknya membuat kotak dan lingkaran dengan menggunakan Rectangle dan Ellipse Tool.
Bentuk object yang dibuat dapat dimodifikasi menjadi bentuk lain dengan cara menyeret
gagang atau titik pusat object, cara lainnya dengan memberi nilai angka tertentu di kotak
isian pada Tool Control.

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.
Gambar 5.44: Object Polygon
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

Gambar 5.45: Object Star
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, Shif, dan Shif+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. Ikon Star and Polygon

Untuk memudahkan pembuatan dan modifikasi object Star and Polygon dapat
menggunakan ikon dan menu pada Tool Control, berikut penjelasan dari ikon dan menu pada
tool control star and polygon:
5.8.1.1. Star and Polygon

Digunakan untuk menentukan jenis object yang akan dibuat, atau dapat
juga digunakan untuk mengubah objet yang sudah terlanjur dibuat
dengan melakukan klik salah satu ikon yang tersedia.
5.8.1.2. Corner
Digunakan untuk menentukan jumlah sudut atau jari-jari polygon maupun
star.
5.8.1.3. Spoke Ratio

Digunakan untuk menentukan rasio sudut bagian dalam object polygon
atau star, menu ini hanya dapat diterapkan pada mode 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.
5.9. Spiral Tool

Spiral Tool dapat digunakan untuk menggambar object berbentuk Spiral.

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.
Gambar 5.46: Object Spiral
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.
Gambar 5.47: Pegangan pada Spiral
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. Ikon Spiral

Untuk memudahkan dalam modifikasi object Spiral dapat menggunakan ikon pada Tool
Control dengan mengubah atau memasukkan angka tertentu pada kotak isian yang tersedia,
berikut penjelasan singkat dari tool control Spiral:
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.
5.9.1.3. Inner Radius

Untuk mengatur kisi-kisi melalui pegangan bagian dalam, jika nilainya
besar maka jumlah kisi-kisi akan berkurang dan lebar dalam ruang
pada spiral akan membesar (lebar).
5.9.1.4. Reset Shape

Untuk mengembalikan bentuk object yang sudah dimodifikasi ke bentuk standar object
spiral.
5.10. Pencil Tool

Pensil Tool digunakan untuk membuat path atau garis, fungsi alat ini seperti pencil yang
digunakan oleh para seniman untuk membuat sketsa pada lukisan.
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. Ikon Pencil Tool

Ikon Pensil Tool pada Tool Control dapat digunakan untuk mengatur bentuk dari object yang
dibuat, berikut penjelasan singkat beberapa ikon pada pencil tool:
66
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
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
Gambar 5.48: Submenu pada ikon Shape
ujung kecil sedangkan bagian tengah
lebih besar.
From clipboard, garis yang dibuat berbentuk object shapes tanpa stroke.
5.11. Bezier width Pen Tool

Bezier Curves, digunakan untuk membuat garis lurus dan kurva, selain itu dapat juga
digunakan untuk membuat garis lengkung.
Bezier Curves juga dapat digunakan untuk membuat object berbentuk persegi panjang,
segitiga, setengah lingkaran, dan lain-lain.
Cara menggunakan
Klik ikon Bezier curves and straight line pada Toolboox atau tekan Shif+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.
67
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.

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. Ikon Bezier Curves

Ikon Bezier Curves pada Tool Control digunakan untuk mengatur garis yang dibuat, berikut
penjelasan dari ikon-ikon tersebut:
5.11.1.1. Regular Bezier

Digunakan untuk membuat garis lurus biasa, jika menggunakan mode ini maka garis yang
dihasilkan berupa path.
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.
5.11.1.3. Sequence of Straight

Digunakan untuk membuat garis lurus atau kurva secara berurutan.
68
5.11.1.4. Sequence of Paraxial

Digunakan untuk membuat garis lurus atau kurva secara acak yang memiliki sudut,
setiap membuat garis maka hasilnya akan lurus secara horizontal atau vertical, pada saat
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 Shif.
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.
5.12. Calligraphy Tool

Calligraphy Tool dapat digunakan untuk menggambar object berupa line atau garis kaligrafi
dengan menggunakan alat khusus seolah-olah mengunakan pena seperti yang biasa
digunakan oleh para seniman. Garis yang dihasilkan berbeda dari yang dibuat menggunakan
Pencil Tool dan Bezier Tool, object tersebut terdiri dari dua garis paralel yang posisinya
hampir sejajar.
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. Tool Control Calligraphy

Pada Tool Control Calligraphy terdapat berbagai ikon yang dapat digunakan, sehingga sangat
memudahkan dalam membuat object kaligrafi menjadi berbagai macam, berikut penjelasan
dari ikon pada tool control Calligraphy:
5.12.1.1. Choose a preset

Digunakan untuk memilih dan mengatur jenis kaligrafi yang akan dibuat, jika ikon
tersebut diklik maka akan muncul submenu yang dapat dipilih dan digunakan,
submenu tersebut terdiri dari; Dip pen, Maker, Brush, Wiggly. Splotchy dan Tracing
Gambar 5.51: Object berbeda hasil penerapan submenu Choose a preset

69
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.3. Input Device Pressure

Digunakan untuk mengunci tekanan lebar pena pada garis kaligrafi yang dibuat.
Gambar 5.52: Contoh penerapan width pada object
5.12.1.4. Trace Lightness to width

Digunakan untuk mengatur ukuran garis dan efek kecerahan warna garis terhadap object
yang menjadi latar belakangnya. Jika ikon tersebut tidak diaktifkan (tidak terkunci) maka
garis yang dihasilkan lebih lebar, sedangkan jika terkunci menjadi sebaliknya.
Jika garis yang dibuat berada di atas object lain yang warnanya gelap maka warna garis yang
dihasilkan terang, sedangkan jika berada di atas object yang berwarna terang hasilnya
menjadi gelap.
Gambar 5.53: Efek penerapan Trace Lightness to width
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
Gambar 5.54: Efek penerapan Thinning pada object

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.
Gambar 5.55: Perbandingan hasil penerapan Angle pada object
5.12.1.7. Tilt to angle

Untuk mengatur kemiringan sudut pena pada saat menulis kaligrafi.
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.
Gambar 5.56: Perbandingan hasil penerapan Fixation

71
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.

Gambar 5.57: Perbandingan hasil penerapan Caps
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.
Gambar 5.58: Perbandingan hasil penerapan Tremor
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.
Gambar 5.59: Perbandingan hasil penerapan Wiggle

72
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.

5.13. Text Tool
Text Tool digunakan untuk membuat object tulisan pada project gambar yang sedang dibuat.
Seperti aplikasi desain grafis lain, inkscape juga menyediakan fitur dan tool untuk membuat
object berupa teks, penggunaan teks sangat penting terutama dalam pembuatan project
yang memerlukan tulisan, misalnya untuk membuat Kartu Nama, Brosur, Spanduk, dan lain-
lain.
Cara menggunakan
Klik ikon berbentuk aksara A pada Toolbox atau tekan F8 pada keyboard.
5.13.1. Teks Biasa

Klik ikon Text Tool pada Toolbox, arahkan kursor pada canvas, klik dan lepas, setelah itu
lakukan pengetikan sesuai kata-kata atau kalimat yang akan dibuat, tulisan yang dibuat
memanjang ke samping dan dapat melewati batas halaman, untuk membuat paragraf baru
harus dilakukan dengan menekan Enter, kemudian baru lakukan pengetikan seperti
sebelumnya.
Gambar 5.60: Teks Biasa
5.13.2. Teks Mengalir (dalam kotak)

Klik Ikon Text Tool kemudian letakkan
kursor pada area kerja, klik => tahan dan
seret hingga membentuk object segi
empat, kemudian lepas, setelah itu
lakukan pengetikan sesuai kata-kata atau
kalimat yang akan dibuat, tulisan yang
dibuat akan berada dalam kotak, jika
tulisan sudah mencapai garis pinggir
kotak maka secara otomatis akan turun
Gambar 5.61: Teks Mengalir
menjadi paragraf atau baris baru di
bawahnya.
Panjang dan lebar teks bisa diatur dengan cara menyeret salah satau bagian pinggir kotak.
73
5.13.3. Karakter Khusus

Tekan Ctrl+U => tulis kombinasi angka atau aksara
=> tekan Enter, misalnya untuk menulis simbol hak
cipta tekan Ctrl+U, ketik a9 kemudian tekan Enter,
cobalah menulis simbol lain dengan menulis
kombinasi angka dan aksara lain.
Untuk membuat Karakter khusus secara
bersambung bisa dilakukan dengan cara menekan

tombol Spasi setelah penulisan simbol pertama Gambar 5.62: Karakter Khusus
selesai. Tekan Esc atau Ctrl+U untuk membatalkan
mode karakter khusus.
5.13.4. Ikon Text Tool

Saat Text Tool aktif maka pada Tool Control muncul berbagai ikon yang dapat digunakan
untuk mengatur teks yang sedang dibuat, berikut penjelasan singkat dari ikon yang tersedia:
5.13.4.1. Jenis Huruf

Digunakan untuk memilih jenis huruf atau font yang diinginkan, jika ingin
memilih jenis tertentu secara cepat, ketik awalan jenis huruf tersebut
pada kotak yang tersedia.
5.13.4.2. Ukuran huruf

Digunakan untuk mengatur ukuran huruf atau font, untuk membuat ukuran tertentu
yang tidak tersedia lakukan langkah berikut, blok kotak isian kemudian tulis angka
tertentu sesuai keinginan, setelah itu tekan Enter.
5.13.4.3. Tebal dan miring

Digunakan untuk mengubah huruf menjadi tebal atau miring, dapat juga
menggunakan keduanya (tebal dan miring).
5.13.4.4. Alignment
Digunakan untuk mengatur perataan (alignment) suatu paragraf, misalnya rata
kiri, kanan, atau rata tengah.
5.13.4.5. Superscript dan Subscript

Digunakan untuk mengubah posisi sebuah karakter menjadi di atas (superscript)
ataupun di bawah (subscript).
5.13.4.6. Jarak antar baris

Digunakan untuk mengatur jarak antar baris atau spasi.
5.13.4.7. Jarak antar huruf

Digunakan untuk mengatur jarak renggang antar huruf dalam satu paragraf.
74
5.13.4.8. Jarak antar kata

Digunakan untuk mengatur jarak antar kata.
5.13.4.9. Pergeseran horizontal

Digunakan untuk menggeser huruf/kata yang dipilih ke kiri atau ke kanan sesuai
nilai yang dimasukkan.
5.13.4.10. Pergeseran vertical

Digunakan untuk menggeser huruf/kata yang dipilih ke atas atau ke bawah

sesuai nilai yang dimasukkan.
5.13.4.11. Rotasi huruf

Berfungsi untuk memutar huruf yang terpilih sesuai dengan nilai yang
dimasukkan.
5.13.4.12. Orientasi Huruf

Digunakan untuk menentukan orientasi teks yang dibuat, apakah mendatar atau
menurun.
5.14. Spray Tool

Spray Tool digunakan untuk menyalin dan menggandakan object dengan cara
menyemprotkan object yang sudah ada menjadi beberapa object baru dengan model dan
bentuk yang sama.
Cara menggunakan
Pilih object yang akan digandakan, klik ikon Spray Tool pada Tool Box atau tekan
Shif+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. Ikon pada Tool Control Spray Tool

Terdapat beberapa macam ikon Spray Tool pada Tool Control yang dapat digunakan untuk
mengatur jenis penyemprotan
5.14.1.1. Copy Mode

Object yang digandakan akan terpisah antara satu dan lainnya, object yang dihasilkan
dapat diubah sesuai keinginan, dengan menggunakan metode ini akan lebih mempermudah
pekerjaan pada saat melakukan manipulasi object dengan menggunakan Tweak Tool.
75

Gambar 5.63: Contoh penerapan Spray Tool
5.14.1.2. Clone Mode

Salah satu bagian pinggir object yang digandakan seolah-olah menyatu dengan object
lainnya, namun object tersebut sebenarnya tidak menyatu tapi hanya menumpuk saja.
5.14.1.3. Single Path mode

Object yang digandakan menyatu dengan object lainnya secara bertumpuk atau
tumpang-tindih, namun object asli (pertama) tetap terpisah dengan object hasil
penggandaan.
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.
5.15. Eraser Tool

Eraser Tool digunakan untuk menghapus dan memotong object yang sudah dibuat jika terjadi
kesalahan.
Cara menggunakan
Klik ikon Eraser Tool pada Tool Box atau tekan Shif+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. Ikon Eraser Tool pada Tool Control

Pada Tool Control terdapat 3 (tiga) ikon yang dapat digunakan untuk memudahkan proses
penghapusan.
5.15.1.1. width
Untuk mengatur besar kecilnya ukuran garis yang akan digunakan pada saat
melakukan pemotongan pada object.
5.15.1.2. Eraser Touch Mode

Digunakan untuk menghapus object, metode yang digunakan adalah dengan cara
menarik dan menahan kursor pada object sehingga muncul garis berwarna merah,
setelah sesuai baru dilepas, setiap object yang dilewati garis merah akan terhapus.
Gambar 5.64: Contoh penggunaan Touch Mode

77
5.15.1.3. Eraser Cut-Out Mode

Digunakan untuk menghapus object dengan cara memotong bagian tertentu pada
object, besar-kecilnya pemotongan sesuai dengan pengaturan pada menu width,
pemotongan tidak dapat dilakukan pada object berbentuk bitmap atau selain vektor.

Gambar 5.65: Contoh penggunaan Eraser Cut-Out Mode
5.16. Bucket Fill Tool

Digunakan untuk menambahkan warna dan menggandakan object dengan bentuk berbeda
yang saling bertumpuk atau tumpang tindih, object yang diberi warna akan menjadi dua,
object pertama adalah object asli, sedangkan object kedua merupakan salinan dari object
asli dengan bentuk dan warna yang telah berubah.
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 Shif+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.
Gambar 5.66: Contoh penggunaan Bucket Fill Tool
5.16.1.1. Ikon pada Tool Control

Saat Bucket Fill Tool aktif terdapat beberapa ikon dan menu pada Tool Control yang dapat
digunakan untuk mengatur proses modifikasi dan penggandaan object, berikut penjelasan
singkat dari ikon dan menu yang tersedia:
78
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).
5.16.1.5. Close gaps

Menu Close gaps digunakan untuk mengatur celah pada Paint
Bucket yang akan dibuat sehingga fill tidak melewati batas area
yang dinginkan. Terdapat empat pengaturan Close gaps yang
dapat digunakan:
None atau tidak ada

Small atau kecil (dengan ukuran 2 pixels)
Medium atau sedang (dengan ukuran 4 pixels)
Large atau besar (dengan ukuran 6 pixels).
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. Fungsi Ikon Gradients

Saat Gradients aktif maka pada Tool Control terdapat beberapa ikon yang dapat digunakan.
Gambar 5.67: Ikon Gradient Tool pada Tool Control
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.
5.17.1.3. Applies to Fill or Stroke

Digunakan untuk menentukan gradient pada object, apakah akan diterapkan pada Fill atau
Stroke.

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.
5.17.1.4. Menambahkan Warna

Untuk membuat object memiliki lebih dari dua warna, klik dua kali bagian tertentu pada garis
gradient, maka akan muncul pegangan baru dengan bentuk segi empat seperti node, klik
pegangan tersebut hingga berubah warna menjadi biru, kemudian pilih dan klik salah satu
wana pada Palette Color.
Gambar 5.70: Menambah warna pada object
Untuk menghapus salah satu warna, klik salah satu titik pegangan hingga berubah warna
menjadi biru, kemudian tekan tombol Backspace atau Delete.
Gambar 5.71: Hapus salah satau warna pada object

81
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.
5.17.1.7. Menyeleksi Warna

Beberapa gradient dapat diseleksi dan diubah sekaligus secara bersamaan, cara cepat untuk
menyeleksi gradient adalah dengan melakukan klik pada pegangan gradient dibarengi
dengan menekan tombol tertentu pada keyboard.
Klik salah satu pegangan gradient sambil menekan tombol Shif kemudian klik
pegangan gradient lainnya dengan warna berbeda kemudian klik warna yang sesuai
pada Pallet Color untuk mengubahnya menjadi warna yang sama.
Klik salah satu pegangan gradient => tekan Ctrl+A kemudian pilih dan klik salah satu
warna Pallet Color, maka object akan berubah menjadi satu warna atau dengan kata
lain menghentikan gradient.
Untuk mengubah lebar gradient, klik salah satu pegangan kemudian geser ke arah lain
atau dengan cara menekan tombol arah kanan atau arah kiri pada keyboard.
Untuk menghilangkan gradient tekan Ctrl+A kemudian tekan Delete, maka warna
object akan kembali ke warna asal, cara lainnya klik pegangan gradient kemudian pilih
dan klik warna pada Palette Color sesuai warna object pada saat pertama kali dibuat.
Untuk menghapus salah satu gradient dapat juga dilakukan dengan menekan Ctrl+Alt
kemudian klik salah satu pegangan gradient.
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.
5.18. Dropper Tool

Dropper Tool atau Pick Color digunakan untuk mengubah atau mengisi warna suatu
object dengan mengambil warna object lain. Perubahan warna object dapat dilakukan
pada Fill and Stroke secara terpisah (sendiri-sendiri) dengan cara berbeda. Perubahan warna
akan mengubah nilai angka pada menu RGB.

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 Shif
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.
Gambar 5.77: Pick color pada fill dengan alfa aktif
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 Shif maka warna Stroke object Rectangles mirip dengan fill object Circles namun
lebih gelap (3E6FC1BD) dan stroke alpha aktif.
Gambar 5.78: Pick color pada stroke dengan alfa 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.
5.19. Connector Tool

Connector digunakan untuk memberi garis antara object satu dan lainnya sehingga
terhubung membentuk bagan atau diagram. Connector dapat diatur secara otomatis agar
pada saat salah satu object digeser tetap dapat terhubung dengan object lain atau tidak
terpisah.
84
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.

Gambar 5.79: menghubungkan dua object menggunakan Connector Tool
5.19.1. Melepas Connector

Connector dapat dilepas dengan menyeret titik akhir garis pada object yang akan dipisahkan.
Untuk melakukannya, pilih dan klik dua kali connector yang akan dipisahkan, tarik salah satu
pegangan kemudian geser sehingga menjauhi salah satu object yang akan dipisahkan.
Gambar 5.80: Melepaskan Connector
Untuk menyambung kembali connector dari object satu ke object lainnya, tarik pegangan ke
tengah-tengah object hingga muncul kotak kecil kemudian lepas di atasnya.
5.19.2. Mengubah Warna dan Bentuk Connector

Style dan warna connector dapat diubah dengan mudah, misalnya diubah menjadi putus-
putus, diberi panah pada ujungnya dengan bantuan jendela pengaturan Fill and Stroke, lebih
jelasnya baca halaman Styling Objects and Color => Stroke Style.
5.19.3. Ikon Connector Tool

Connectors secara otomatis dipindahkan ketika object diubah atau connectors ditambahkan
dan dimodifikasi. Sebagian parameter dapat diatur untuk mengontrol rute connector secara
85
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.1. Avoids Seclected Object

Untuk mengtur connector agar dapat menyeberangi object yang dilewatinya ketika salah
satu object dipindahkan.

5.19.3.2. Ignore Selected Objects
Untuk mengatur connector agar tidak dapat menyeberangi object yang dilewatinya ketika
salah satu object dipindahkan.
5.19.3.3. Connectors Orthogonal or Polyline

Untuk membuat tekukan/sudut agar connector dapat berbelok pada saat melewati suatu
object yang tidak ikut disambungkan dengan object lain.
Pada saat menggunakan metode ini akan mematikan metode lainnya, namun metode ini
dapat dikombinasi dengan metode lain dengan cara aktifkan mode ini terlebih dulu,
kemudian baru aktifkan metode lain.
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.6. Nicely Arrange

Digunakan untuk mengatur ulang secara otomatis connector dan object yang saling
terhubung sehingga lebih rapi.
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
5.19.3.9. Overlapping Shapes

Digunakan untuk mematikan object yang saling terhubung atau tumpang tindih pada saat
dipindahkan.
86
BAB 6 STYLING OBJECTS AND COLOR
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. Fill and Stroke
Fill and Stroke merupakan bagian utama dari object SVG pada inkscape, untuk mengatur
atribut dan style suatu object dapat dilakukan dengan menggunakan jendela pengaturan Fill
and Stroke.
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.
Gambar 6.1: Perbedaan antara Fill dan Stroke
6.1.2.1. Stroke width

Stroke width merupakan fasilitas untuk mengatur ukuran Stroke pada object. Pusat stroke
object mengikuti path pada object. Sebagai contoh, jika stroke mempunyai lebar 10 pixels,
maka stroke akan dibagi dua masing-masing 5 pixels di kedua sisi path pada arah yang
berlawanan.
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
6.1.3. Menampilkan Jendela Fill and Stroke

Jendela pengaturan Fill and Stroke dapat ditampilkan dengan
beberapa cara, lakukan salah satu cara berikut:
Melalui Menu Bar, klik Object => Fill and Stroke
Melalui ikon Comand Bar, klik ikon (Edit objects'
colors, gradients, stroke width, arrowheads, dash

pattern)
Menggunakan Mouse, klik kanan => Fill and Stroke
Menggunakan Keyboard, tekan tombol Shif+Ctrl+F
Jendela pengaturan Fill and Stroke juga dapat ditampilkan
dengan cara berikut, pilih object => arahkan kursor pada
jendela kecil File and Stroke yang berada dipojok kiri Status
Bar, kemudian klik dua kali.
6.1.3.1. Menu Fill and Stroke

Pada jendela Fill and Stroke yang tampil terdapat beberapa ikon dan menu untuk melakukan
pengaturan.
Jenis Fill and Stroke

Berikut adalah beberapa ikon untuk memilih dan mengatur jenis Fill and Stroke, klik ikon
yang sesuai untuk memilih jenis fill and stroke, berikut ikon yang tersedia:
Gambar 6.2: Ikon pada jendela pengaturan Fill and Stroke
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.
Gambar 6.3: Contoh penerapan File Rule
6.2. Flat (Solid) Colors

Color atau warna dapat menjadi aspek dari yang paling sederhana sampai yang paling rumit
pada sebuah gambar. Pada program inkscape, warna di simpan secara internal sebagai angka
hexadesimal 6 digit yang masing-masing diwakili oleh tiga digit. Setiap pasang warna sesuai
dengan jumlah angka pada Red, Green, Blue (RGB).
Hal ini sesuai dengan spesifikasi SVG untuk menggambarkan warna, misalnya sebuah object
memiliki warna sebagai #FF7F00 maka komponen RGB memiliki nilai dengan rincian berikut:
Red 100% (nilainya 255), Green 50% (nilainya 127), dan Blue 0% (nilainya 0). Dalam
beberapa kasus ditambahkan pasangan ke-empat yang digunakan untuk menggambarkan
Alpha (RGBA).
Atribut A atau Alpha mungkin kurang familiar bagi banyak orang, atribut ini digunakan untuk
menetukan transparansi warna pada object, nilai yang digunakan antara 0 (nol) sampai
dengan 255. 0 mewakili transparan secara maksimal, sedangkan 255 sama dengan opacity
lengkap atau warna maksimal.
90
6.2.1. Pengaturan Warna Fill and Stroke

Saat menggunakan warna flat, maka warna Fill and Stroke untuk suatu object ditentukan
oleh paint, tab pengaturan Fill and Stroke terdiri dari lima sub-tab, setiap sub-tab memiliki
metode dan cara yang berbeda dalam memilih dan menentukan warna yang akan
diterapkan.
Warna pada object dapat dipilih dan diatur

dengan beberapa cara di antaranya:
menggeser slider (segitiga kecil) ke arah kiri
atau kanan sesuai warna yang akan
digunakan, mengisi nilai tertentu pada
kotak isian yang tersedia, melakukan klik
Gambar 6.4: beberapa cara untuk mengubah warna
pada salah satu dari dua segitiga yang
mengarah ke atas-bawah di sebelah kanan
kotak isian.
Cara lain dapat dilakukan dengan meletakkan kursor pada kotak isian kemudian menggeser
tombol tengah pada mouse (scroll) atau menekan tombol panah atas-bawah pada keyboard,
cara ini dapat diterapkan pada semua sub-tab kecuali sub-tab Whell.
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.
Gambar 6.7: Warna tab CMS
Catatan
Penjelasan lain mengenai warna HSL dan Wheel baca halaman Tweak Tool =>
Channels.
6.2.1.6. Color Code

Color Code merupakan kode dari
warna pada style object yang dipilh,
baik warna campuran atau warna asli,
saat ini kode yang tersedia di inkscape
secara native hanya berdasarkan pada
nilai RGBA. Gambar 6.8: Contoh penerapan Code color pada object
92
6.2.2. Blur and Opacity

Di bawah menu Color Code terdapat dua ikon berupa garis lurus disertai slider berbentuk
lingkaran kecil di atasnya, di sebelah kanan garis tersebut terdapat kotak isian yang berisi
nilai sesuai pengaturan yang dilakukan. Jika Slider digeser maka nilai pada kotak isian ikut
berubah.
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.
6.3. Color Swatches

Color Swatch digunakan untuk mengatur menu dan
tampilan Color Palette yang sudah terpasang di inkscape,
dengan demikian pemberian warna Fill atau Stroke pada
suatu object lebih mudah dilakukan.
6.3.1. Customize the Swatch Palette

Inkscape menyediakan banyak warna siap pakai sesuai
kebutuhan, untuk memilih dan menggunakan beberapa
warna yang sudah tersedia, klik tanda segitiga yang
berada di sebelah kanan color palette, maka akan segera
tampil beberapa model atau tema warna yang dapat
digunakan, klik model warna yang sesuai, maka susunan
warna pada Color Palette akan berubah sesuai tema
yang dipilih.
6.3.1.1. Swatch Size

Menu pertama atau paling atas adalah Size, menu ini
digunakan untuk mengatur atau memilih tinggi dan
besar Color Palette, klik tanda segitiga pada bagian
pinggir menu ini, maka akan muncul submenu yang Gambar 6.10: Jenis Color palette
terdiri dari: Tiny, Small, Medium, Large, Huge
93
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).

Gambar 6.11: Swatch Size
6.3.1.2. Swatch width

Menu kedua dari atas adalah width, menu ini digunakan untuk mengatur lebar kotak-kotak
atau kolom Color Palette, untuk memilih lebar kotak color palette klik tanda segitiga pada
bagian pinggir menu ini, maka akan muncul submenu yang terdiri dari: narrower, narrow,
medium, wide dan wider
Gambar 6.12: Swatch width
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.
Gambar 6.13: Contoh baris color palette pada Wrap

94
6.3.2. Memberi Warna Fill and Stroke

Untuk mengubah atau memberi warna fill lakukan langkah berikut, pilih object kemudian klik
warna yang sesuai pada color palettte, sedangkan untuk mengubah warna stroke lakukan
sambil menekan Shif, atau klik kanan warna pada color palettte pilih set fill atau set stroke.

Gambar 6.14: Color Palette dengan keterangan kode warna
Pada saat kursor diletakkan di atas salah satu warna maka akan muncul tulisan kecil sesuai
kode warna tersebut.
6.3.3. Hapus Fill atau Stroke

Pada pojok kiri terdapat ikon berbentuk tanda silang yang
dapat digunakan untuk menghapus Fill atau Stroke, untuk
menghapus Fill pada object, pilih object => klik tanda
silang tersebut, sedangkan untuk menghapus Stroke
lakukan cara yang sama namun sambil menekan Shif.
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.
6.3.4. Style Indicator

Style Indicator merupakan tool untuk menampilkan informasi dari object yang sedang dipilih,
informasi meliputi warna asli maupun gradient pada fill and stroke. Style Indicator terletak di
pojok kiri pada Status Bar.
Style Indicator terdiri dari tiga bagian yaitu: Fill, Stroke, dan Opacity. Jika salah satu style
indicator diklik (selain style opacity) maka jendela pengaturan fill and stroke akan muncul
secara otomatis dengan menampilkan Tab sesuai indicator yang diklik, misalnya yang diklik
indicator Stroke maka tab yang ditampilkan adalah tab Stroke.
6.3.4.1. Menu pada Style Indicator

Tersedia beberapa macam menu pada Style Indicator yang dapat digunakan untuk mengatur
warna secara cepat untuk Fill and Stroke.
Klik kanan salah satu Style Indicator (dalam contoh pilih fill) maka muncul beberapa submenu
yang dapat digunakan, berikut penjelasan dari submenu yang tersedia:
95
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.
Gambar 6.15: Menu Style Indicator
Make fill (stroke) opaque: mengembalikan atribut
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
Gambar 6.16: Cara menggunakan pattern
6.4.1. Object to Pattern

Model pattern pada inkscape memang tidak banyak namun kita juga dapat membuat dan
menambahkan pattern sendiri sesuai keinginan, untuk membuat dan menambahkan pattern
lakukan langkah beriktu; pilih object yang akan dijadikan pattern, kemudian arahkan kursor
pada Menu Bar, pilih Object => Pattern => Object to Pattern atau tekan Alt+I, maka object
akan ditambahkan pada daftar pattern.
Gambar 6.17: Contoh penerapan Object to Pattern
Untuk mengembalikan object dari patern, arahkan kursor pada Menu Bar, pilih Object =>
Pattern => Pattern to Object atau tekan Shif+Alt+I.
97
6.5. Stroke Style

Bentuk dan ukuran stroke atau path dapat diatur sesuai kebutuhan, untuk mengaturnya
dapat dilakukan pada tab Style Stroke.
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.1. Width Control

With Control digunakan untuk mengatur lebar stroke dengan mengisi nilai tertentu pada
kotak yang tersedia, di sebelah kanan terdapat menu untuk mengatur jenis ukuran yang akan
digunakan.
Gambar 6.19: Width Control
6.5.2. Join
Joint digunakan untuk mengatur sudut Stroke suatu object apakah akan dibuat berbentuk
miter (siku), round (bulat) atau bevel (datar).
98
Gambar 6.20: Penerapan Join yang berbeda pada object

6.5.3. Miter limit
Miter limit digunakan untuk mengatur ukuran maksimal panjang sudut Stroke.
Gambar 6.21: Penerapan Miter limit yang berbeda pada object
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).
Gambar 6.22: Penerapan Cap yang berbeda pada object
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.
Gambar 6.23: Penerapan Dashes yang berbeda pada object

99
6.5.6. Start Markers, Mid Markers, End Markers

Submenu ini digunakan untuk mengatur bentuk penanda pada ujung, tengah, dan pangkal
path, Mid Markers hanya menempatkan satu penanda di tengah path kecuali pada Path yang
memiliki beberapa Node.

Gambar 6.24: Penerapan Markers yang berbeda pada object
6.5.6.1. Menambahkan Markers

Buat object di canvas, kemudian klik object tersebut => arahkan kursor pada Menu Bar =>
klik Object => Objects to marker, maka object tersebut akan hilang dan ditambahkan ke
marker atau penanda.
Gambar 6.25: Contoh penerapan Object to Marke
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
7.1. Selecting Text

Untuk menyeleksi teks dapat dilakukan menggunakan mouse atau keyboard, baik secara
terpisah maupun secara bersamaan. Selain itu dapat juga dilakukan dengan menekan tombol
tertentu pada keyboard secara bersamaan.

7.1.1. Memindah kursor pada teks
F8 Aktifkan fungsi Text tool atau aktifkan fungsi edit teks
Klik sekali (mouse) Meletakkan kursor pada teks yang aktif
Tombol Arah Menggeser kursor ke kiri-kanan atau ke atas-bawah
Home Memindahkan kursor ke awal baris
End Memindahkan kursor ke akhir baris
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
Memindahkan kursor ke bawah dari paragraf satu ke paragraf

Ctrl+Arah Bawah
lainnya
Page Up Memindahkan kursor satu layar ke atas
Page Down Memindahkan kursor satu layar ke atas
7.1.2. Seleksi Teks

Melakukan blok pada teks ke arah kanan perhuruf atau
Shif+Arah Kanan
perkarakter
Shif+Arah Kiri Melakukan blok pada teks ke arah kiri perhuruf atau perkarakter
102
Ctrl+Shif+Arah Kanan Melakukan blok pada teks ke arah kanan perkata
Ctrl+Shif+Arah Kiri Melakukan blok pada teks ke arah kiri perkata
Klik dua kali (mouse) Melakukan blok perkata

Klik tiga kali (mouse) Melakukan blok perbaris
Shif+Home Melakukan blok dari posisi kursor ke awal sebuah baris
Shif+End Melakukan blok dari posisi kursor ke akhir sebuah baris
Ctrl+A Melakukan blok ke semua teks/karakter yang dipilih
7.1.3. Tombol Pintas

Ctrl+B untuk menebalkan text yang dipilih. Ulangi lagi untuk mengembalikan agar
normal.
CTRL+I untuk membuat text menjadi miring. Ulangi lagi untuk mengembalikan agar
normal.
Alt+Arah Kiri atau Arah Kanan untuk menggeser text yang dipilih secara mendatar
atau horizontal. Tombol Alt+Arah Atas atau Alt+Panah Bawah untuk menggeser text
yang dipilih secara tegak atau vertical.
Alt+> atau Alt+< untuk menambah atau mengurangi jarak antar huruf pada text yang
dipilih. Bisa juga menggunakan tombol Alt+Shif+> atau Alt+Shif+< untuk menambah
atau mengurangi dengan lompatan nilai yang cukup drastis.
Alt+[ atau Alt+] untuk memutar text yang terpilih. Tombol Ctrl+[ atau Ctrl+] untuk
memutar 90o.
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

Gambar 7.1: Penggunaan fitur Glyphs untuk menambah simbol tertentu
Catatan
Agar dapat memasukkan karakter khusus pada canvas/halaman Anda harus membuat
object teks terlebih dulu.
7.3. Text And Paths

Text dan path dapat dipadukan menjadi sebuah kombinasi desain text yang unik dan
menarik. Cara ini biasanya digunakan untuk membuat tulisan pada logo.
7.3.1. Put on path

Inkscape memiliki dukungan untuk elemen SVG <textPath> yang mengijinkan penempatkan
teks pada path (jalur) sehingga teks mengikuti bentuk path, namun teks sepenuhnya tetap
dapat diedit (termasuk tanda baca, spasi dan huruf yang ada dalam teks).
Berikut contoh penggunaan fitur Put on path:
Buat dua object yang terdiri dari Text (tulisan) dan path, letakkan text di atas path, pilih
kedua object, arahkan kursor ke Menu Bar => klik Text => Put on Path
Gambar 7.2: Contoh Penggunaan fitur Put on path
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

Gambar 7.3: Cara menghapus path pada teks put on path
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.
7.3.2. Flow into Frame

Teks juga dapat dimasukkan ke dalam Path yang dibuat dari object shape atau path tertutup,
teks secara otomatis mengikuti bentuk path.
Gambar 7.4: Memasukkan Teks ke dalam 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 Shif+Alt+W.
105
Catatan:
Pada saat melakukan Unflow maka teks yang sebelum berasal dari teks mengalir
secara otomatis berubah menjadi teks biasa.
7.4. Spell Checking

Inkscape juga menyediakan fasilitas untuk memeriksa ejakaan (spell checking) pada object
teks yang dibuat seperti pada program pengolah kata.
Untuk menjalankan fasilitas pemeriksa ejaan dapat dilakukan dengan menampilkan jendela

spell checking, berikut caranya:
Klik Text => Check Spelling atau tekan Ctrl+Alt+K. Pada saat terdapat sebuah kata yang
dicurigai tidak sesuai dengan ejaan yang digunakan, maka pada kata tersebut ditandai kotak
dengan bingkai warna merah.
Pada saat jendela Check Spelling dijalankan maka muncul sebuah daftar koreksi yang
disarankan, Anda dapat memilih salah satu kata yang sesuai pada kotak di bawah menu
Suggestions, kemudian klik Accept untuk mengganti kata yang tidak sesuai dengan kata baru,
klik Ignore once atau Ignore untuk mengabaikan.
Gambar 7.5: Contoh penggunaan Check Spelling pada object teks
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

Gambar 7.6: Jendela pengaturan bahasa untuk Check Spelling
Catatan
Pada Inkscape yang dijalankan di sistem operasi Microsof 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.
7.5. Extensions Text

Beberapa efek untuk modifikasi text juga tersedia pada menu Extentions, untuk menjalankan
Extensions Text lakukan langkah berikut: arahkan kursor pada Menu Bar => klik Extensions
=> Text => nama submenu.
7.5.1. Convert to Braille

Extensions ini mengubah huruf biasa menjadi huruf braille, namun huruf braille yang
dihasilkan masih sebatas tampilan saja atau tidak timbul. Extension Braille membutuhkan
font jenis Glyphs Unicode, misalnya font Deja Vu Sans.
Gambar 7.7: Contoh penerapan Extensions Braille pada teks

107
7.5.2. Lorem Ipsum

Extensions ini berguna untuk membuat kalimat latin otomatis. Cara ini biasanya digunakan
untuk pembuatan layout brosur dan web.
Extensions ini hanya dapat diterapkan pada modus teks mengalir. Jika tidak ada teks mengalir
yang akan digunakan maka extension ini secara otomatis menambahkan layer baru dengan
nama lorem ipsum pada inkscape yang sedang dijalankan.
Gambar 7.8: Contoh penggunaan Lorem Ipsum pada teks
7.5.3. Replace Text

Extension ini digunakan untuk mengganti sebuah
kata atau kalimat dengan kata atau kalimat lain
secara cepat, dengan adanya extension ini maka
pekerjaan mengoreksi object teks pada inkscape
lebih mudah dan efisien.
7.5.4. Split text

Extension ini digunakan untuk memecah-mecah Gambar 7.9: Mengganti teks
paragraf menjadi baris (lines), kata (words), atau
kalimat (letter).
Gambar 7.10: Contoh penggunaan Split text

108
7.5.5. Change Case

Extension pada kelompok ini digunakan untuk mengubah kapitalisasi huruf pada object teks
yang dipilih. Jika pada saat menerapkan tidak ada teks yang dipilih maka akan diterapkan
pada semua object teks yang berada di canvas dalam layer yang aktif, berikut fitur yang
tersedia:
7.5.5.1. Sentence Case

Mengubah huruf kecil di awal kalimat menjadi huruf kapital (besar).

7.5.5.2. Title Case
Mengubah huruf pada kalimat menjadi kapital (besar) pada tiap-tiap awal kata.
7.5.5.3. Upper Case

Mengubah semua huruf pada kalimat menjadi huruf kapital (besar).
7.5.5.4. Flip Case

Mengubah huruf kapital pada kalimat menjadi huruf kecil. Begitu juga sebaliknya.
7.5.5.5. Lower Case

Mengubah semua huruf pada kalimat menjadi huruf kecil.
7.5.5.6. Random Case

Mengubah huruf kecil atau kapital pada kalimat menjadi huruf campuran antara kecil dan
besar secara acak.
BAB 8 MULTIPLE OBJECT OPERATIONS
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. Undo and Redo
Undo digunakan untuk membatalkan atau mengulang perubahan satu langkah ke belakang
pada saat mengambar, sedangkan Redo mengembalikan perubahan satu langkah ke depan
atau dengan kata lain membatalkan perintah Undo. Undo dan Redo dapat dilakukan
berulang kali secara berurutan sesuai kebutuhan. Berikut beberapa cara yang dapat
dilakukan untuk melakukan Undo dan Redo:
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 Shif+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 Shif+Ctrl+Z
8.1.3. Undo History

Beberapa perubahan dapat dibatalkan atau
diulang secara cepat tanpa berurutan dengan
menggunakan fitur Undo History, untuk
melakukan teknik ini klik Edit => Undo History
atau tekan Shif+Ctrl+H, pada jendela
pengaturan yang tampil pilih operasi yang akan
dibatalkan.
Fitur Undo History sangat berguna untuk
membatalkan perubahan pada project yang
sudah dimodifikasi dengan banyak efek, karena
jika menggunakan teknik undo biasa secara
berulang-ulang kadang inkscape yang sedang Gambar 8.1: Jendela pengaturan Undo History
Anda gunakan akan menutup sendiri terutama
pada komputer dengan spesifikasi pas-pasan.
110
8.2. Copy, Duplicate and Clone

Seorang desainer sering memiliki kebutuhan untuk membuat beberapa object dengan warna
dan bentuk yang sama persis dengan object lainnya, bahkan terkadang membuat object yang
modelnya mirip dengan object lain namun style dan atributnya sedikit berbeda.
Seperti pada program menggambar lain, inkscape juga memiliki beberapa tool dan metode
untuk mereplikasi object. Masing-masing metode memiliki kelebihan dan kekurangan,

metode dan tool yang digunakan tentu saja berbeda-beda tergantung dengan kebutuhan dan
tujuan dari replikasi yang sedang dikerjakan.
Pada program menggambar inkscape replikasi object dapat dilakukan dengan mudah
menggunakan beberapa cara yaitu; Copy, Clone, dan Duplicate. Untuk melakukan Copy,
Clone, dan Duplicate terdapat beberapa cara yaitu:
Melalui Menu Bar => Edit => Nama Perintah.
Klik kanan mouse => Nama Perintah.
Klik ikon pada Command Bar.
Menekan tombol tertentu pada keyboard secara bersamaan.
8.2.1. Copy, Cut, dan Paste

Clipboard
Inkscape menggunakan system-wide clipboard (menyimpan deskripsi sementara dalam
memori untuk suatu object). Anda dapat melakukan copy, cut, dan paste suatu object antara
inkscape dengan aplikasi lain yang mendukung SVG. Saat melakukan copy, cut, dan paste
pada object baru maka secara otomatis akan menghilangkan eksekusi pada clipboard
sebelumnya.
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
111
Melalui Comand Bar, klik ikon (cut Selection to clipboard)

Menggunakan Keyboard, tekan Ctrl+X
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
8.2.1.4. Paste In Place

Menempelkan object dari perintah Copy dengan letak dan bentuk object baru sama persis
object asli.
Melalui Menu Bar, klik Edit => Paste In Place
Menggunakan Keyboard, tekan Ctrl+Alt+V
8.2.1.5. Copy Styles from Other Objects

Jika ingin menyalin style dari object satu ke object lain dapat dilakukan dengan mudah
seperti menyalin object normal (tekan Ctrl+C) kemudian klik object tujuan, setelah itu
arahkan kursor ke Menu Bar => klik Edit => pilih Paste Style atau tekan tombol Shif+Ctrl+V.
Gambar 8.2: Penerapan Copy Style pada object
8.2.1.6. Copy Dimensions from Other Objects

Terdapat 6 (enam) cara untuk menyalin dimensi (ukuran) dari satu object ke object baru.
Cara tersebut dapat ditemukan pada Menu Bar => Edit => Paste Size => nama submenu.
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.
112
Gambar 8.3: Contoh penerapan Paste Size pada object

Paste Width
Menempelkan dimensi suatu object ke object lain dengan Lebar yang sama.
Gambar 8.4: Contoh penerapan Paste Width pada object
Paste Height
Menempelkan dimensi suatu object ke object lain dengan Tinggi yang sama.
Gambar 8.5: Contoh penerapan Paste Height pada object
Paste Size Separately

Menempelkan ukuran (dimensi) suatu object ke object lain dengan Tinggi dan Lebar yang
sama secara terpisah, object tujuan akan memiliki ukuran tinggi dan lebar Fill and Stroke
sama dengan ukuran Fill object yang disalin.
Gambar 8.6: Contoh penerapan Paste Size Separately pada object
Paste width Separately

Menempelkan ukuran suatu object ke object lain dengan Lebar yang sama secara terpisah,
object tujuan akan memiliki ukuran lebar Fill and Stroke sama dengan ukuran Fill object yang
disalin.
113
Gambar 8.7: Contoh penerapan Paste Width Separately pada object

Paste Height Separately
Menempelkan ukuran suatu object ke object lain dengan Tinggi yang sama secara terpisah,
object tujuan akan memiliki ukuran tinggi Fill and Stroke sama dengan ukuran Fill object yang
disalin.
Gambar 8.8: Contoh penerapan Paste Height Separately pada object
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.4. Make a Bitmap Copy

Metode ini digunakan untuk melakukan duplikasi object secara langsung menjadi Bitmap.
Object hasil duplikasi menumpuk persis di atas object asli, saat melakukan metode ini maka
pada direktori penyimpanan file secara otomatis tercipta juga bitmap hasil duplikasi dengan
nama path tertentu.
Pada sistem Operasi GNU/Linux saat menjalankan metode ini namun project belum disimpan
maka secara otomatis file bitmap akan tercipta pada direktori Home/Nama_User.
114
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.
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:
8.5.1. Create Clone

Melalui Menu Bar, klik Edit => Clone => Create Clone
Melalui Comand Bar, klik ikon (Create a Clone of selected object)
Menggunakan Keyboard, tekan Alt+D
8.5.2. Create Tiled Clones

Create Tiled Clones digunakan untuk melakukan kloning object dengan menciptakan satu
kelompok object yang terdiri beberapa object dalam waktu bersamaan secara otomatis.
Posisi object yang dihasilkan berjejer dengan salah satu object yang menumpuk persis di atas
object asli.
Gambar 8.9: Contoh penerapan Create Tiled Clones
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, Shif, Scale, Rotation, Blur and Opacity, Color, dan
Trace, pada setiap tab memiliki menu dan beberapa submenu.
115
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 Gambar 8.10: Jendela pengaturan Create Tiled Clones
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.
Gambar 8.11: Contoh object penerapan submenu Symmetry

116
8.5.2.2. Shif
Tab Shif 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.
Shif X dan Shif Y

digunakan untuk menambahkan atau mengurangi jarak antar tile dengan menggunakan
satuan pembatas object lebar kali tinggi. Jarak antara tile dapat diacak dengan mengubah
nilai pada kolom Randomize.

Exponent
Digunakan untuk mengubah efek dari fungsi Shif X dan Shif Y, kotak sebelah kiri untuk efek
Shif X dan kotak sebelah kanan untuk Shif Y.
Alternate
Digunakan untuk mengatur jarak yang ditambahkan atau dikurangi berdasarkan nilai pada
kotak Shif X dan Shif Y.
Cumulate
Digunakan untuk menambahkan renggang antar pinggir object yang dibuat dengan
perhitungan 2 (dua) kali secara berurutan dari nilai pada kolom Shif X atau Shif Y. Misal
pada kolom Shif Y dan Shif 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 Shif X dan Shif Y menjadi -100%.
Gambar 8.12: Contoh penggunaan Tab Shift

117
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.

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.
Gambar 8.13: Contoh penggunaan Tab Scale
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

Gambar 8.14: Contoh penggunaan Tab Rotation
8.5.2.5. Blur and Opacity

Tab Blur and Opacity digunakan untuk mengubah blur dan transparansi tile yang akan
dibuat berdasarkan baris dan kolom.
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

Gambar 8.15: Jendela Pengaturan Tab Color
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

Gambar 8.16: Contoh penerapan fitur Trace pada object
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.
8.5.2.8. Contoh penggunaan kombinasi 1

Berikut ini contoh pembuatan object dengan bentuk melingkar menggunakan fitur Create
Tiled Clones
Buat object menggunakan Star Tool dengan ukuran 70,000 X
70,000 px, kemudian geser pusat object ke salah satu sisi.

Matikan atribut warna (unset fill) pada object tersebut, caranya
klik object tersebut, kemudian arahkan kursor ke Style Indicator
pada Status Bar, klik kanan pilih Unset fill.
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 Shif, 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.5.2.9. Contoh Penggunaan Kombinasi 2

Berikut ini adalah contoh kombinasi yang sedikit rumit, yaitu menysun suatu object
membentuk spiral dengan otomatis
Buat object berbentuk bintang menggunakan Star Tool dengan ukuran 25 X 25 px.
Simpan desain yang sudah dibuat ke direktori di komputer Anda.
Hilangkan Style dan Attribute object, arahkan kursor ke Status Bar => klik kanan Style
Indicator => Unset Fill

Geser pusat object ke bawah, caranya klik object, klik sekali lagi hingga muncul
tanda pusat object (tanda +), geser pusat object ke bawah
Buka jendela pengaturan Create Tiled Clones, caranya klik Edit => Create Tiled
Clones, klik tombol Reset, jika Anda pernah menggunakan fitur Create Tiled Cloness,
hilangkan tanda centang pada kotak Use save size and position of the tile
Isikan nilai 120 x 1 pada kotak Rows, columns
Pindah ke tab Shif, beri tanda cetang pada kotak Exclude tile
Pindah ke tab Scale, isikan nilai 1,0 pada kotak Scale X dan Scale Y pada menu Per
raw dan Per column, isikan juga nilai 2,00 pada kotak Exponent
Pindah ke tab Rotation, isikan nilai 12,0 pada kotak Angle (Per row)
Pindah ke tab Color, klik pada kotak Initial color, lakukan pengaturan warna pada
jendela pengaturan yang muncul, tutup jendela pengaturan Initial color, isikan nilai
1,0 pada kotak H, dan S pada kotak Per row.
Pindah ke tab Trace, hilangkan tanda centang pada kotak Trace the drawing under
the tiles
Klik tombol Create
123
8.5.3. Unlink Clone

Digunakan untuk menghapus atau mematikan link antara object hasil kloning dengan object
asli. Object hasil kloning tidak ikut berubah jika object asli dimodifikasi, berikut beberapa
cara yang dapat dilakukan untuk melakukan Unlink Clone:
Melalui Menu Bar, klik Edit => Unlink Clone
Melalui ikon Comand Bar, klik ikon (Cut the selected clones' link to the
original)

Menggunakan Keyboard, tekan Shif+Alt+D
8.5.4. Relink to Copied

Untuk melakukan kloning object namun tidak terkait dengan object asli. Klik object asli,
kemudian duplikat object tersebut ke canvas atau area kerja (dapat juga dengan
menggunakan metode copy-paste), setelah itu klik Edit => Clone => Relink to Copied.
8.5.5. Select Original

Digunakan untuk menemukan dan memilih object induk di antara object hasil kloning
Melalui Menu Bar, klik Edit => Select Original
Menggunakan Keyboard, tekan Shif+D
8.6. Clips and Mask

Clipping and Masking adalah metode untuk membatasi bagian dari suatu object atau
sekumpulan object dalam satu group yang terlihat. Clipping path mendefinisikan bagian yang
terlihat dari suatu object, sedangkan masking adalah transparansi atau pencahayaan satu
object untuk menentukan opacity pada object kedua. Object target tidak berubah dan jika
diperlukan dapat unclipped atau tabir yang menutupinya dapat dibuka.
8.6.1. Clips
Perintah Clip digunakan untuk membentuk ataupun memotong suatu object yang sudah
dibuat menggunakan path tertutup sebagai pemotong.
8.6.1.1. Melakukan Clip

Sebagai contoh: buat tiga buah object yaitu rectangles, circle dan star, kemudian
kelompokkan (group) ketiga object tersebut menjadi satu. Buat sebuah object polygon,
kemudian ubah menjadi Path, letakkan di atas kelompok object yang telah dibuat
sebelumnya.
Seleksi semua object tersebut kemudian arahkan kursor ke Menu Bar => Object => Clip =>
Set, maka bentuk ketiga object akan sama dengan polygon.
124
Gambar 8.19: Cara melakukan Clip

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.
Gambar 8.20: Clipping pada Bitmap
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 afer 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.

Gambar 8.21: Masking pada object
126
BAB 9 OBJECT'S POSITION
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.
Gambar 9.1: Object dengan warna berbeda
9.1.1. Raise to Top

Raise to Top digunakan untuk memindahkan posisi object paling bawah (nomer satu)
menjadi object paling atas (nomor tiga), untuk melakukannya gunakan salah satu cara
berikut
Melalui Menu Bar, klik Object => Raise to Top
Melalui Comand Bar, klik ikon (Raise selection to top)
Menggunakan Keyboard, tekan tombol Home
Gambar 9.2: Mengubah posisi object paling bawah ke paling atas
9.1.2. Lower to Bottom

Lower to Bottom digunakan untuk memindahkan posisi object paling atas (nomer tiga)
menjadi object paling bawah (nomor satu), untuk melakukannya gunakan salah satu cara
berikut
Melalui Menu Bar, klik Object => Lower to Bottom
Melalui Comand Bar, klik ikon (Lower selction to bottom)
128
Menggunakan Keyboard, tekan tombol End

Gambar 9.3: Mengubah posisi object paling atas ke paling bawah
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. Align and Distribute

Align and Distribute digunakan untuk mengatur posisi suatu object terhadap halaman atau
object lain.
Terdapat dua jenis metode untuk melakukan pengaturan posisi object yaitu Align dan
Distribute
Align digunakan untuk meluruskan object satu dengan yang lain agar sejajar
berdasarkan pusat atau tepi.

Distribute digunakan untuk mendistribusikan object yang tersebar di beberapa arah
berdasarkan pusat atau tepi.
Untuk menggunakan fitur Align and Distribute dapat dilakukan dengan menampilkan ikon-
ikon yang ada di jendela pengaturan Align and Distribute, lakukan salah satu dari cara di
bawah ini:
Melalui Menu Bar, klik Object => Align and Distribute.
Melalui Comand Bar, klik ikon (Align and distribute objects).
Menggunakan Keyboard, tekan tombol Shif+Ctrl+A.
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 Gambar 9.6: Submenu pada Relative to
dipilih atau diseleksi.
Selection: object mengikuti pinggir object lain yang dipilih dan diseleksi sesuai
keberadaan dan metode penggeseran yang dilakukan.
130
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 Shif kemudian melakukan klik pada
object lain.
9.2.1.2. Ikon pada menu Align

Pengaturan dan penggeseran object dapat dilakukan dengan melakukan klik pada ikon yang
tersedia, ikon tersebut terdiri dari dua bagian yaitu ikon vertical dan Horizontal, berikut

keterangan dari ikon-ikon pada Align:
Sejajarkan object ke sisi kiri di luar halaman.
Sejajarkan object ke sisi kiri di dalam halaman.
Sejajarkan object ke tengah secara mendatar (horizontal).
Sejajarkan object ke sisi kanan di dalam halaman.
Sejajarkan object ke sisi kanan di luar halaman.
Sejajarkan teks ke tengah secara mendatar (opsional).
Sejajarkan object ke sisi bawah di luar halaman.
Sejajarkan object ke sisi atas di dalam halaman.
Sejajarkan object ke tengah secara tegak (vertical).
Sejajarkan object ke sisi bawah di dalam halaman.
Sejajarkan object ke sisi atas di luar halaman.
Sejajarkan teks ke tengah secara mendatar (opsional).
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
Mendistribusikan text ke tengah secara mendatar.

Mendistribusikan object ke atas secara tegak.
Mendistribusikan object ke tengah secara tegak.
Mendistribusikan object ke bawah secara tegak.
Mendistribusikan object dengan seragam secara tegak.
Mendistribusikan text ke tengah secara tegak.

Mengacak posisi object dari bagian tengah.
Mengumpulkan antara object satu dengan yang lainnya.
9.2.2.1. Remove overlaps

Remove overlaps adalah fitur lain pada Align and Distribute, fitur
ini digunakan untuk mengatur object agar tidak tumpang tindih.
Tersedia dua kotak yang dapat digunakan untuk memasukkan nilai
tertentu yaitu Vertical dan Horizontal, kotak horizontal diwakili huruf H sedangkan kotak
vertical diwakili huruf V, nilai yang dimasukkan akan menambah jarak ruang object yang
berdekatan. Di sebelah kanan terdapat ikon yang digunakan untuk memindahkan object agar
sedikit bergeser sehingga tidak tumpang tindih.
9.2.2.2. Connector network layout

Untuk mengatur ulang object yang dibuat menggunakan connector tool saat akan
didistribusikan sehingga object yang telah atau akan dihubungkan tidak berantakan.
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.

Gambar 9.7: Jendela Pengaturan Snap pada 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.
9.3.1. Titik Target Snap

Titik target yang digunakan oleh object dapat diatur sesuai
kebutuhan dengan memilih ikon pada Snap Control Bar.
Ikon utama pada Tool Control Snap adalah ikon Enable

Snapping, ikon ini dapat digunakan untuk mengaktifkan dan
mematikan fungsi ikon snapping secara keseluruhan.
Ikon pada Tool Control Snap dibagi menjadi 3 (tiga) kelompok
yaitu:
Kelompok pertama adalah ikon snapping berdasarkan
Bounding Box atau kotak pembatas object.
Kelompok kedua adalah snapping berdasarkan node.
Kelompok ke tiga untuk mengatur target snapping yang
terdiri dari tiga target yaitu berdasarkan Page, Grids, dan
Guides. Gambar 9.10: Tool Control
Snap dan keterangannya
9.3.1.1. Snap on Bounding Box
Ikon pada kelompok ini digunakan untuk melakukan Snapping berdasarkan kotak pembatas
object.
Aktifkan atau matikan fungsi snap pada kelompok bounding box secara keseluruhan.
Snap berdasarkan pinggir atau sisi kotak pembatas.
Snap berdasarkan sudut kotak pembatas.
Snap berdasarkan tanda panah bagian tengah kotak pembatas.
Snap berdasarkan pusat object.
9.3.1.2. Snap on Node

Ikon kelompok ini digunakan untuk melakukan snapping berdasarkan titik node, untuk dapat
menggunakan teknik ini object harus memiliki path dan node, berikut cara menggunakannya;
pilih object, kemudian klik Node Tool pada Tool Box, setelah itu geser nodes yang dipilih dan
lakukan snapping.
Aktifkan atau matikan fungsi snap pada kelompok titik nodes secara keseluruhan.
Snap berdasarkan path yang dipilih.
Snap berdasarkan persimpangan path, untuk dapat menggunakan teknik ini Snap to
paths juga harus aktif.
134
Snap berdasarkan titik node runcing (nodes cup).
Snap berdasarkan titik node halus (smooth nodes).
Snap berdasarkan nodes di antara dua path yang dipilih.
Snap berdasarkan pusat garis object saat transformation handle aktif.
Snap berdasarkan pusat rotasi garis saat transformation handle aktif.

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.1. Layer Indicator

Cara paling cepat dan mudah untuk bekerja dengan layer adalah dengan
menggunakan Layer Indicator pada Status Bar. Setelah beberapa layer
sudah dibuat, maka layer dapat dipilih dengan mudah melalui kotak yang tersedia. Layer
yang sudah dibuat dapat disembunyikan, dikunci dan dibuka melalui jendela pengaturan
layer.
10.1.2. Jendela Pengaturan Layer

Jendela pengaturan layer digunakan untuk mengontrol
semua fungsi layer, di antaranya: menambah layer baru,
mengubah nama, mengatur, menghapus,
dan mengunci layer. Pada jendela ini juga terdapat
menu untuk melakukan pengaturan modus Campuran
(Blend mode) dan Opacity.
10.1.3. Blend Mode and Opacity

Di bawah menu pengaturan layer terdapat submenu
yaitu: Blend mode dan Opacity.
10.1.3.1. Blend mode

Digunakan untuk memilih dan menerapkan modus Gambar 10.1: Jendela pengaturan layer
campuran pada layer, modus ini membuat semua object
di dalam layer campuran secara bersamaan seolah-olah dalam satu object, dua object dalam
layer yang sama tidak akan menyatu antara satu dan lain ketika mode campuran digunakan.
Modus yang tersedia Normal, Multiply, Screen, Darken, dan Lighten.
136
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.1.3.3. Menampilkan Jendela Layer

Untuk menampilkan jendela pengaturan layer dapat dilakukan dengan berbagai cara seperti

berikut ini:
Melalui Menu Bar, klik Layer => Layer.
Melalui Comand Bar, klik ikon (View Layers).
Menggunakan Keyboard, tekan tombol Shif+Ctrl+L.
10.1.3.4. Menambah Layer

Halaman atau lembar kerja yang baru dibuat pada inkscape menggunakan template bawaan
yang hanya memiliki satu layer. Layer tersebut dapat langsung digunakan untuk membuat
object.
Cara paling mudah untuk menambahkan layer baru adalah dengan melakukan klik
ikon (Create a new layer ) pada jendela layer, cara lain adalah dengan melakukan klik Menu
Bar => Add Layer atau menekan tombol Shif+Ctrl+N, maka akan tampil jendela kecil untuk
melakukan pengaturan layer yang akan dibuat, pada jendela ini terdapat dua menu yaitu:
Layer name dan Position.
Layer name: digunakan untuk memberi nama layer, sedangkan Position untuk mengatur
letak layer yang akan dibuat terhadap layer yang sudah ada sebelumnya, terdapat tiga pilihan
yaitu Above current, Below current, dan As sublayer of current, berikut penjelasannya:
Above current, letak layer yang dibuat berada di
atas layer yang sudah ada sebelumnya.
Below current, letak layer yang dibuat berada di
bawah layer yang sudah ada sebelumnya.
As sublayer of current, letak layer yang dibuat
berada di dalam layer yang sedang dipilih atau
dengan kata lain menjadi sublayer pada layer
Gambar 10.2: Memilih jenis layer
yang dipilih.
10.1.3.5. Ganti Nama Layer

Untuk mengubah nama layer, klik dua kali nama layer, atau klik kanan layer => Rename
Layer, kemudian tulis nama layer sesuai keinginan, setelah itu tekan Enter.
10.1.3.6. Memilih Layer

Untuk memilih layer cukup dengan melakukan klik layer pada jendela pemilihan layer, atau
pilih salah satu layer pada jendela indicator layer di Status Bar.
137
10.1.4. Pindah Layer

Untuk berpindah pilihan layer dapat dilakukan dengan cara menekan Shif+PgUp atau
Shif+PgDn atau langsung klik layer yang sesuai.
10.1.4.1. Geser Posisi Layer

Untuk menggeser layer naik satu tingkat klik ikon panah ke atas (raise layer) pada
jendela layer atau tekan Shif+Ctrl+PgUp.
Untuk menggeser layer turun satu tingkat klik ikon panah ke bawah (lower layer)

pada jendela layer atau tekan Shif+Ctrl+Down.
Untuk menggeser layer naik ke tingkat paling atas klik ikon panah ke atas yang ada
garis lurus di ujungnya (raise to the top) pada jendela layer atau tekan
Shif+Ctrl+Home.
Untuk menggeser layer turun ke tingkat paling bawah klik ikon panah ke bawah yang
ada garis lurus di ujungnya (lower to the bottom) pada jendela layer atau tekan
Shif+Ctrl+End.
Gambar 10.3: Ikon untuk mengatur letak layer
10.1.5. Hapus Layer

Untuk menghapus layer, pilih layer kemudian klik ikon tanda silang (delete the current layer)
pada jendela layer.
10.1.6. Mengunci Layer

Untuk mengunci atau membuka layer, klik ikon
gembok di sebelah kiri nama layer atau Layer
Indicator pada Status Bar.
Saat layer terkunci maka object yang ada di dalamnya
tidak dapat diklik. Untuk membuka kunci layer klik lagi
ikon gembok tersebut.
10.1.7. Sembunyikan Layer Gambar 10.4: Ikon pada Jendela Layer

Untuk menyembunyikan layer, klik ikon mata pada
jendela pengaturan layer atau klik ikon mata di sebelah kiri nama layer pada Layer Indicator
yang berada di Status Bar.
Saat layer disembunyikan maka object yang berada di dalamnya tidak terlihat, untuk
membuka dan menampilkan layer klik lagi ikon mata tersebut.
138
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 Shif+Ctrl+G atau Shif+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.
Gambar 10.5: Perbedaan object dalam Group dan Ungroup

139
10.2.3. Seleksi object dalam Group

Object pada suatu group dapat dimodifiaksi atau dimanipulasi seperti biasa dengan cara
masuk ke dalam group atau tanpa melakukan ungroup. Untuk melakukannya, pilih salah satu
object dalam suatu group, klik object tersebut sambil menekan tombol Ctrl, cara lainnya
adalah dengan menekan Shif+Ctrl+Alt, kemudian pilih dan klik object.
Untuk memilih beberapa object dalam group, klik object sambil menekan Shif+Ctrl
kemudian pilih object lainnya.

10.2.4. Menambahkan Object ke dalam Group
Untuk menambahkan object ke dalam group dapat dilakukan dengan menggunakan
beberapa metode, masing-masing metode memiliki kelebihan dan kekurangan, berikut
beberapa metode yang dapat dilakukan:
Pilih group oject => lakukan ungroup => tambahkan object, kemudian lakukan group
kembali.
Masuk ke dalam grup dan buat atau gambar object baru.
Copy atau Cut object lain dari canvas, masuk ke dalam group kemudian lakukan
Paste.
140
BAB 11 PATH
Halaman ini merupakan penjelasan singkat dan pelengkap dari berbagai operasi dalam
menangani path yang sudah dijelaskan pada halaman lain.

11.1. Path Operations
Inkscape memiliki sejumlah perintah untuk
membentuk path baru dari path yang sebelumnya
sudah ada. Letak path baru pada object mengikuti
object yang sudah ada (lebih jelasnya lihat halaman
object's position). Semua path baru mengikuti warna
Fill and Stroke pada object yang paling bawah kecuali
pada Cut Path.
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.
Gambar 11.1: Tiga object dengan bentuk berbeda
11.1.1. Union (Ctrl++)

Union digunakan untuk mengubah semua
path pada object menjadi satu, modus ini
menciptakan sub-path pada setiap bagian object,
untuk menggunakan teknik Union, pilih tiga object
yang sudah dibuat sebelumnya kemudian klik Path
=> Union atau tekan Ctrl++, maka ketiga object Gambar 11.2: Contoh penerapan Union
tersebut akan tergabung menjadi satu.
142
11.1.2. Difference (Ctrl+-)

Path yang berada di atas memotong path yang
berada di bawahnya sehingga tercipta path baru
dengan bentuk berbeda, modus ini hanya berjalan
pada dua buah path atau shape
Gambar 11.3: Contoh penerapan Difference
11.1.3. Intersection (Ctrl+*)

Path paling atas terpotong oleh dua path yang
berada di bawahnya. Bentuk path baru yang
tercipta sesuai dengan potongan dua path yang
bertumpuk, sedangkan warna path sama dengan
Gambar 11.4: Contoh penerapan Intersection
warna path yang sebelumnya paling bawah.
11.1.4. Exclusion (Ctrl+^)

Metode ini menghasilkan path baru dengan
dua path atau lebih. Satu path baru diciptakan
dengan beberapa sub-path, warna fill sesuai
warna path paling bawah, path yang dihasilkan
agak aneh. Pada Inkscape v0.46 dan sebelumnya, Gambar 11.5: Contoh penerapan Exclusion
metode ini hanya dapat diterapkan pada dua path.
11.1.5. Division (Ctrl+/)

Digunakan untuk membagi path sehingga tercipta dua path. Path pertama dibagi oleh
path kedua, sehingga tercipta dua path dengan bentuk berbeda. Modus ini hanya dapat
dilakukan pada dua buah path atau object yang bertumpuk.
Gambar 11.6: Contoh penerapanDivision
11.1.6. Cut Path (Ctrl+Alt+/)

Digunakan untuk memotong path dan menghapus fill pada dua path atau object. Path
pertama dipotong oleh path kedua. Dua path baru diciptakan, fill pada path baru otomatis
dihilangkan. Modus ini hanya dapat dilakukan pada dua buah path atau object yang
bertumpuk, untuk melihat hasilnya pisahkan kedua path atau object.
143
Gambar 11.7: Contoh penerapan Cut Path
11.2. Path Offset

Terdapat 4 (empat) kategori perintah dalam kelompok ini, walaupun
salah satunya merupakan tool kloning (cloning tool). Masing-masing
kategori dapat untuk memperbesar atau memperkecil path dengan
memindahkan titik (point) yang berada di atas path ke garis yang saling
terhubung. Sebuah shape biasa atau object text dapat diubah menjadi
path secara otomatis, kecuali pada perintah Linked offset. Path baru
yang tercipta berubah semua menjadi path tertutup, bahkan yang tadinya terbuka
mengalami hal yang sama.
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.
11.2.1. Inset ( Ctrl+( )

Memindahkan dan menambahkan node pada path, ukuran setiap path di antara node
secara otomatis berkurang 2px.
11.2.2. Outset (Ctrl+) )

Memindahkan dan menambahkan node pada path, ukuran setiap path di antara node
secara otomatis bertambah 2px.
Gambar 11.8: Kiri; penerapan Inset pada object, Kanan; penerapan Outset pada object
11.2.3. Dynamic Offset ( Ctrl+J )

Dynamic offset digunakan untuk mengubah beberapa node pada path menjadi satu,
kemudian diletakkan ke bagian atas sehingga menjadi pegangan, pegangan tersebut
digunakan untuk mengontrol dan mengubah bentuk object atau path dengan menggeser ke
arah tertentu.
144
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).

Gambar 11.9: Penerapan path Dynamic offset
11.2.4. Linked Offset ( Ctrl+Alt+J )

Membuat salinan path yang kemudian
dapat diperbesar atau diperkecil. Sebuah
pegangan digunakan untuk mengontrol
besarnya offset.
Object asli berupa shape atau teks tidak Gambar 11.10: Contoh penerapan path Linked Offset
dikonversi menjadi path sehingga tetap
dapat diedit, perubahan yang dilakukan hanya mempengaruhi path salinan.
11.3. Miscellaneous Path Commands

Fitur path pada kelompok ini dapat digunakan secara umum pada seluruh path.
11.3.1. Combine (Ctrl+K)

Menggabungkan semua path yang dipilih menjadi path campuran. Modus ini akan
bekerja pada setiap set path yang dipilih, semua path tergabung menjadi satu dalam
kelompok path.
11.3.2. Break Apart (Shif+Ctrl+K)

Memisahkan path campuran yang dipilih menjadi path sederhana, posisi path atau object
akan tertukar, path yang sebelum dilakukan Combine berada di bawah berubah di atas.
Gambar 11.11: Contoh penerapan Break Apart

145
11.3.3. Simplify (Ctrl+L)

Perintah ini akan mengurangi jumlah node di dalam path dan sekaligus menjaga agar
bentuk path hampir sama. Semakin besar seleksi, semakin besar penyederhanaan. Perintah
dapat diulang.

Gambar 11.12: Contoh penerapan Simplify path
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).
11.3.4. Reverse (Shif+R)

Digunakan untuk membalik arah path, pada saat menggunakan modus ini dapat
mempengaruhi urutan node dan arah Markers.
Gambar 11.13: Contoh penerapan Reverse pada path
11.4. Live Path Effects

Live Path Effects atau LPEs adalah sebuah sistem untuk menerapkan beberapa jenis efek
path dalam waktu singkat. Inkscape menyimpan data path asli pada bagian ruang tertentu
sehingga dapat dimodifikasi di kemudian hari, namun hal ini tidak ditampilkan pada program
SVG lain. Jika path yang asli dimodifikasi menjadi bentuk lain maka Live Path Effect harus
diatur ulang. Path yang dihasilkan tersimpan sebagai object SVG normal.
Keuntungan menggunakan metode ini adalah lebih cepat untuk membuat path baru, path
yang asli disimpan sehingga lebih mudah diedit dikemudian hari. LPEs juga bekerja dengan
kelompok path. Object dengan shape atau bentuk biasa dapat dikonversi menjadi path
secara otomatis. Efek path mempengaruhi data pada sebuah object, tetapi tidak
mempengaruhi style suatu object. Path asli yang disimpan dapat diedit langsung pada
canvas, dan efek path baru akan diterapkan setelah diperbarui.
146
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
Shif+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 Shif+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.
11.4.2. Construct grid

Efek dari fitur ini adalah menggunakan tiga nodes dari path untuk menentukan kotak dua
dimensi, jika object yang dijadikan path berbentuk persegi panjang maka terdapat empat
node namun yang dapat digunakan hanya tiga.Pusat node atau node kedua (pojok luar)
mendefinisikan asal object, node pertama dan ketiga menentukan arah dan panjang dari dua
sisi bujur sangkar yang berdekatan dengan sel pertama.
11.4.2.1. Cara menggunakan

Pilih object, klik Path => Path Effect Editor... atau tekan Shift+Ctrl+7, pilih submenu Construct
grid, klik ikon Add, maka object akan berubah menjadi kotak-kotak bujur sangkar seperti
tabel, baris dan kolom secara otomatis masing-masing berjumlah lima.
Untuk mengubah jumlah kotak tersebut, isikan nilai dengan angka tertentu pada kotak Size X
dan Size Y, Size X menentukan jumlah Baris sedangkan Size Y menentukan jumlah Kolom.
147
Untuk mengatur posisi kemiringan object, klik dua kali object tersebut, kemudian klik salah
satu nodes berwarna merah, tahan dan geser ke arah yang diinginkan.

Gambar 11.15: Modifikasi object menggunakan Contruct grid
11.4.3. Envelope Deformation

Efek dari Envelope Deformation adalah
menambahkan empat garis pengontrol
path pada object yang dibuat, masing-
masing satu buah pada setiap sisi kotak
pembatas.
Masing-masing garis pengontrol dapat
digunakan untuk modifikasi object secara
terpisah dengan melakukan klik ikon yang
sesuai. Saat mengedit path maka salah
satu pengontrol otomatis aktif, path yang
aktif berwarna hijau tebal.
Untuk memilih salah satu pengontrol path
dari empat path yang tersedia klik ikon
Edit on-nodes, klik dan geser path yang
dipilih untuk mengubah bentuk pada Gambar 11.16: Penerapan LPE Envelope Deformation
salah satu sisi object, sedangkan untuk
menambahkan nodes pada path, klik dua
kali path yang aktif.
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

Gambar 11.17: Modifikasi object menggunakan LPEs Gear
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.
Gambar 11.18: Beberapa bentuk object hasil penerapan LPE Hatches
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
11.4.6. Interpolate Sub-Paths

Cara kerja Interpolate Sub-Paths adalah menciptakan path tambahan dengan menyisipkan
node antara dua sub-path. Sebuah garis ditambahkan antara object satu dan object lainnya
sebagai pengontrol path. Jumlah path (termasuk dua sub-path) dapat ditentukan sesuai
langkah yang dilakukan. Jika opsi Equidistant spacing aktif (dicentang) jarak path tambahan
sepanjang garis lintasan path akan sama, namun jika tidak aktif, path tambahan pada bagian
tengahnya akan berada di antara node.
11.4.6.1. Contoh Penggunaan

Berikut contoh sederhana cara menggunakan LPE Interpolate Sub-Path:
Buat dua object dengan bentuk yang sama, atur berjejer secara mendatar, beri jarak tertentu
pada kedua object tersebut, kemudian klik Path => Combine.
Gambar 11.19: Cara menggabungkan dua object dengan Combine
Klik Path => Path Effect Editor (Shif+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.
11.4.7.1. Cara menggunakan

Untuk dapat menggunakan efek knot, buat dua object dengan bentuk berbeda terlebih dulu,
ubah kedua object tersebut menjadi path, caranya klik Path => Object to Path atau tekan
Shif+Ctrl+C, kemudian tumpuk kedua object tersebut dan beri jarak tertentu, setelah itu klik
Path => Path Effect Editor... atau tekan Shif+Ctrl+7, pada submenu Apply new effect pilih
Knot => Add.
Di bawah Cerrent efek terdapat beberapa submenu yang digunakan untuk mengatur object
yang dibuat.
151
Gambar 11.20: Modifikasi object menggunakan LPE Knot

11.4.8. Pattern Along Path
Efek dari LPE ini adalah menempatkan sebuah object sebagai pola (pattern) pada sebuah
kerangka dengan cara menyalin object pertama ke path, object yang dihasilkan
menggunakan atribut dan style path yang digunakan.
LPE ini secara garis besar fungsinya hampir sama dengan Extension Pattern along Path.
Keuntungan menggunakan LPE jenis ini adalah kedua object yang digunakan dapat diedit dan
diatur ulang di lain waktu secara langsung.
11.4.8.1. Contoh Penggunaan 1

Berikut ini penjelasan singkat cara menggunakan Pattern Along Path
Buat sebuah path yang akan digunakan sebagai kerangka, dalam contoh
menggunakan Bezier dengan bentuk Shape => None, kemudian ubah object tersebut
menjadi path.
Buat object Shape yang akan digunakan sebagai pola (dalam contoh bintang),
kemudian salin object tersebut ke clipboard (Ctrl+C) untuk ditempelkan pada
kerangka.
Gambar 11.21: Persiapan untuk membuat LPE Pattern Along Path

152
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.
Gambar 11.22: Menempelkan shape ke garis kerangka
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.
Gambar 11.23: Mengubah bentuk Pattern along Path dan pola

153
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.

Gambar 11.24: Bentuk Gambar setelah kerangka sudah dimodifikasi
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.
11.4.8.2. Contoh Penggunaan 2

Buka salah satu gambar vektor yang sudah Anda buat sebelumnya menggunakan
Inkscape, dalam contoh saya menggunakan gambar cicak dengan ukuran 9,00 cm x
3,00 cm seperti di bawah ini:
Buat object lingkaran dengan ukuran 4,00 cm x 4,00 cm (tidak harus dengan ukuran
ini), setelah itu ubah menjadi Path .
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 Shif+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.
Gambar 11.25: Object penggaris menggunakan LPE Ruler
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

Gambar 11.26: Contoh penerapan LPE Sketch pada object
Berikut Parameter yang dapat digunakan untuk mengatur Stroke

Strokes: Untuk mengatur rata-rata jumlah titik stroke sepanjang path (kecuali pada
overlaps).
Max stroke length: Untuk menggeser posisi dan mengatur panjang stroke
berdasarkan ukuran pixel.
Stroke length variation: Untuk mengatur variasi secara acak susunan stroke pada
Max stroke length.
Max. Overlap: Untuk mengatur jumlah titik stroke yang bertumpuk pada Max stroke
length.
Overlap variation: Untuk mengatur variasi secara acak titik stroke yang bertumpuk
pada Max. overlap.
Max. end tolerance: Untuk menambahkan variasi pengaturan secara acak pada menu
Max stroke length.
Average offset: Untuk mengatur rata-rata pergeseran stroke dari path berdasarkan
pixel. Semakin besar nilai yang digunakan maka semakin jarang jarak stroke dengan
path.
Max. tremble: Untuk mengatur lengkung stroke secara acak, semakin besar nilai yang
digunakan maka semakin berantakan bentuk stroke.
Tremble frequency: Untuk menambahkan pengaturan stroke pada sumenu Max.
tremble secara acak.
Berikut Parameter yang dapat digunakan untuk mengatur Construction:
Construction lines: Untuk mengatur banyaknya garis atau stroke.
Placement randomness: Untuk mengatur urutan distribusi stroke.
Scale: Untuk mengatur lengkung dan panjang path.
Max. length: Untuk mengatur panjang maksimal garis kontruksi atau rangka.
Length variation: Untuk menambahkan variasi ukuran path secara acak, semakin
besar nilai yang digunakan semakin pendek ukuran path.
158
11.4.11. Spiro Spline

LPE Spiro Spline fungsinya untuk
menambahkan serangkaian node yang halus
pada path ke seluruh titik nodes yang ada.
Metode ini dirancang oleh Raph Levien yang
ia gunakan dalam merancang atau membuat
font.
Spiro Spline dapat dibuat dengan dua cara

yang berbeda, yang pertama dengan Gambar 11.27: Keterangan dan jenis node pada LPE Spiro
menggunakan jendela pengaturan Path Effect Spline
Editor, sedangkan yang kedua adalah dengan
menggunakan opsi Spiro pada tool control saat membuat object garis menggunakan Pencil
Tool. Jenis node yang dapat digunakan pada Spiro Spline adalah Smoth node, Corner node,
dan Tangent node.
11.4.12. Stitch Sub-Paths

LPE Stitch Sub-Paths digunakan untuk membuat object berupa garis-garis dan sub-path di
antara Stroke dengan path, cara ini sangat berguna untuk membuat arsiran dan
menggambar rambut. Untuk menggunakan fitur Stitch Sub-Paths lakukan langkah berikut:
Draw the sub-paths

Buatlah dua garis sederhana, kombinasikan kedua garis tersebut menjadi path yang terdiri
dari dua sub-path, untuk melakukannya klik Path => Combine atau tekan Ctrl+K,
Kedua sub-path harus sejajar ke arah yang sama, jika belum sejajar klik Path =>
Reverse atau tekan Shif+R.
11.4.12.1. Apply the effect to compound path

Untuk menerapkan efek ini, pilih object tadi, kemudian klik Path => Live Path Effects =>
Stitch Sub-Paths, setelah itu klik Add. Pada kotak di sebelah Number of path isi dengan nilai
tertentu sesuai jumlah garis yang diinginkan.
11.4.12.2. Adjust Stroke path

Klik ikon Edit Node (edit
on-canvas) untuk mengatur
bentuk Path menggunakan
stroke, pada saat melakukan klik
ikon edit node maka secara
otomatis pada tengah garis-garis
path muncul stroke berwarna Gambar 11.28: Modifikasi object menggunakan LPE Stitch Sub-Paths
hijau.
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.
Gambar 11.29: Contohi object yang dibuat menggunakan LPE VonKoch
11.5. Trace Bitmap

Inkscape juga memiliki fitur untuk mengubah gambar Bitmap menjadi path atau vektor
dengan metode tracing. Untuk mengubah bitmap menjadi path pada inkscape menggunakan
program atau paket tambahan dari Potrace yang ditulis oleh Peter Selinger.
Potrace dapat bekerja dengan baik atau maksimal dari hasil scan gambar karya seni dengan
warna hitam-putih, atau dengan kata lain tidak dapat bekerja dengan baik pada gambar
berwarna hasil dari scan foto yang sudah dicetak.
Dengan adanya fitur SIOX maka pemisahan bagian depan dengan latar belakang dapat diatur
sesuai keinginan. Teknik tracing sebenarnya bukan pekerjaan yang mudah karena butuh
kesabaran dan ketelitian yang tinggi, jika tidak hasilnya akan jelek.
160
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 Shif+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.
11.5.1.1. Single Scans

Single Scans digunakan untuk menciptakan Path tunggal dari gambar bitmap, tersedia
beberapa submenu yang dapat digunakan, salah satu fitur penting adalah Invert yang
fungsinya untuk membalik hasil scan dengan memberi tanda centang pada kotak yang
disediakan.
161
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.
11.5.1.2. Multiple Scan

Pada saat menggunakan modus Multiple scans maka path yang tercipta terdiri beberapa
lapis berdasarkan nilai atau angka pada kotak Scans. Path yang dihasilkan secara otomatis
tergabung dalam satu Group, untuk memisahkannya dapat lakukan Ungroup terlebih dulu.
Tersedia 3 (tiga) pilihan pada modus Multiple scans yaitu Brightness steps, Colors, dan
Grays. Pada saat menggunakan modus Grays maka path yang dihasilkan secara otomatis
menjadi grayscale atau tidak berwarna.
162
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.
11.5.1.3. Opsi Tambahan

Di bagian bawah terdapat 3 (tiga) opsi yang dapat digunakan untuk mengatur semua
submenu, berikut penjelasan singkatnya:
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.
11.5.2.1. Suppress speckles

Jika opsi ini aktif maka jumlah path dan node yang tercipta akan dikurangi berdasarkan nilai

pada kotak Size.
11.5.2.2. Smooth corners

Jika opsi ini aktif maka node yang tercipta adalah corners node, semakin kecil nilai pada
kotak Threshold maka semakin tajam sudut yang tercipta, atau dengan kata lain path di
antara nodes menjadi lurus. Nodes yang tercipta tidak bisa diatur dengan tepat berdasarkan
nilai pada kotak Threshold atau dengan kata lain hasilnya akan berbeda-beda saat
menggunakan bitmap yang berbeda.
Catatan:
Penjelasan mengenai corners node baca halaman Tool Box => Node Tool.
11.5.2.3. Optimize paths

Opsi ini digunakan untuk mengatur penggabungan Bezier curves dari hasil scan sehingga
dapat mengurangi node. Penggabungan diatur berdasarkan nilai pada kotak Tolerance,
semakin besar nilai yang digunakan maka semakin besar kemungkinan dua buah bezier
curves untuk dapat digabungkan. Agar bisa menerapkan opsi ini dengan hasil yang baik dapat
dikombinasikan dengan opsi Smooth corners.
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

Gambar 11.36: Kiri; gambar bitmap, Kanan; Path di atas Bitmap
Pilih kedua object tersebut (bitmap dan path), kemudian arahkan kursor pada Menu
Bar, klik Path => Trace Bitmap atau tekan Shif+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.
Gambar 11.37: Pemisahan Path dengan Bitmap

BAB 12 EXTENSIONS
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.
Gambar 12.1: Modifikasi Object menggunakan Extensions Restack
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.1. Black and White

Extension ini mengubah gambar menjadi hitam-putih. Langkah pertama adalah menghitung
kecerahan warna dengan menggunakan ruang warna YUV lalu menerapkan pada gambar
dengan ambang batas 50%.
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
12.2.7. Less Hue

Extension ini mengurangi rona (hue) suatu warna. Rona warna mengalami penurunan
kurang-lebih sebanyak 5% dari warna asli.
12.2.8. Less Light

Extension ini mengurangi kecerahan suatu warna pada object, kecerahan warna mengalami
penurunan kurang-lebih sebanyak 5% dari warna asli.
Gambar 12.5: Kiri; Efek Extension Color Less Hue, Kanan; Efek Extension Color Less Light
12.2.9. Less Saturation

Extension ini mengurangi saturasi atau penyerapan suatu warna pada object, saturasi warna
mengalami penurunan kurang-lebih sebanyak 5% dari warna asli.
12.2.10. More Hue

Extension ini meningkatkan rona (hue) suatu warna, rona warna mengalami peningkatan
169
Gambar 12.6: Kiri; Efek Extension Color Less Saturation, Kanan; Efek Extension Color More Hue

12.2.11. More Light
Extension ini meningkatkan kecerahan suatu warna, cerah warna mengalami peningkatan
12.2.12. More Saturation

Extension ini meningkatkan saturasi atau penyerapan suatu warna, saturasi warna
mengalami peningkatan kurang-lebih sebanyak 5% dari warna asli.
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
12.2.15. Remove Blue

Extension ini digunakan untuk menghapus warna biru atau mengubah nilai B pada RGB
menjadi 0 (nol).
170
12.2.16. Remove Green

Extension ini digunakan untuk menghapus warna hijau atau mengubah nilai G pada RGB
menjadi 0 (nol).

Gambar 12.9: Kiri; Efek Extension Color Remove Blue, Kanan; Efek Extension Color Remove Green
12.2.17. Remove Red

Extension ini digunakan untuk menghapus warna merah atau mengubah nilai R pada RGB
menjadi 0 (nol).
12.2.18. Replace color

Extension ini digunakan mengganti warna pada object yang dipilih pada suatu kelompok
object. Warna ditentukan dengan modus RRGGBB dalam bentuk hexadecimal.
12.2.19. RGB Barrel

Extension ini digunakan untuk memutar object sebesar 1200 dan menukar lokasi warna RGB
suatu object pada kelompok object.
Gambar 12.10: Kiri; Efek Extension Color Remove Red, Kanan; Efek Extension Color RGB Barrel
12.3. Generate from Path

Cara kerja Extensions pada kelompok ini adalah memanipulasi path pada object sehingga
tercipta object baru dengan bentuk berbeda. Pada extension tertentu metode yang
digunakan adalah membuat object baru dengan cara menyalin object asli sehingga object
asli tetap ada (tidak berubah).
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.
12.3.1.1. Contoh Penggunaan

Buat dua object Polygon menggunakan Star Tools, tentukan jumlah Corners sesuai
kebutuhan (contoh: 10 Corners), object pertama ukurannya besar, sedangkan object kedua
171
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
Gambar 12.11: Efek Extension Generate from Path => Extrude
12.3.2. Inset/Outset Halo

Extension ini membuat salinan baru dengan mengubah suatu object menjadi lebih buram,
extension bekerja dengan cara membuat salinan sebagian kecil dari beberapa object
kemudian menyisipkannya sebagai pengganti path. Opacity setiap salinan diatur pada nilai
yang lebih kecil berdasarkan jumlah salinan yang dibuat.
Gambar 12.12: Efek Extension Generate from Path Inset/Outset Halo
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

Gambar 12.13: Efek Extension Generate from Path Interpolate
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.
12.3.5. Pattern Along Path

Extension ini menempatkan pattern atau pola ke sepanjang path, baik pada satu path atau
lebih, pola dapat menjadi satu object atau dalam kelompok object. Extension ini
menyertakan jendela pengaturan.
Untuk dapat menggunakan fitur ini dengan hasil yang baik Anda harus membuat 2 (dua)
buah path dengan ukuran berbeda, object pertama berupa garis path digunakan sebagai
lintasan. Sedangkan object kedua berupa gambar tertentu digunakan sebagai pattern
(gambar dapat berupa shape atau kelompok object). Berikut beberapa menu dan keterangan
singkat pada jendela pengaturan Pattern Along Path:
12.3.5.1. Copies of the pattern

Modus ini digunakan untuk memilih jenis salinan pattern yang akan ditempatkan pada path,
misal membuat salinan tunggal atau salin berulang sepanjang path.
173
12.3.5.2. Deformation type

Deformation type digunakan untuk mengatur perubahan bentuk, terdapat dua pilihan yaitu
Snake dan Ribon.
12.3.5.3. Space between copies

Digunakan untuk menambah atau mengurangi ruang antara salinan dengan pattern, ukuran
yang digunakan adalah pixel.
Gambar 12.15: Efek Extension Generate from Path Pattern Along Path
12.3.5.4. Normal offset

Digunakan untuk menyeimbangkan pattern agar bergerak normal terhadap lintasan, jika nilai
yang digunakan positif maka pattern diatur cederung lebih ke arah kiri path.
12.3.5.5. Tangential offset

Digunakan untuk mengimbangi gerakan pattern ke arah garis yang terhubung dengan path.
12.3.5.6. Pattern is vertical

Jika kotak pada menu ini dicentang (checklist) maka pattern akan memutar 900 (sembilan
puluh derajat).
12.3.5.7. Duplicate the pattern before deformation

Jika kotak pada menu ini dicentang (checklist) maka path yang akan dijadikan pattern asli
tetap ada atau dengan kata lain akan membuat salinan object baru dengan bentuk berbeda,
jika tidak dicentang maka object asli akan hilang dan berubah menjadi object baru.
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

Gambar 12.16: Efek Extension Generate from Path Scatter
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.3.7.1. Average size of cell (px)

Digunakan untuk mengatur rata-rata ukuran tinggi dan lebar pattern pada cell, ukuran yang
digunakan adalah px.
Gambar 12.17: Efek Extension Generate from Path Voronoi
12.3.7.2. Size of Border (px)

Digunakan untuk mengatur jarak antara bingkai pada path dengan pattern, jika nilai yang
digunakan positif maka ukuran semua pattern relatif sama, jika nilai yang digunakan negatif
maka pattern dekat bingkai lebih besar.
175
12.4. Images
Extensions pada kelompok ini akan mengekstrak dan menanamkan gambar bitmap ke dalam
file di inkscape.
12.4.1. Extract One Image

Extensions ini akan mengambil gambar atau image yang dipilih dari suatu bitmap, kemudian
ditempelkan pada file di inkscape yang dibuat, tujuannya agar jika file inkscape yang terdapat
gambar tersebut dibuka di tempat lain tidak usah menyertakan gambar asli lagi pada folder

tempat penyimpanan.
12.4.2. Embed All Images

Extensions ini digunakan untuk menanamkan secara langsung file bitmap ke dalam satu
folder pada salah satu direktori di komputer, pada sistem operasi GNU/Linux akan tertanam
pada direktori home.
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.
12.5.1. Mengatur Halaman

Atur ukuran halaman menjadi 800 X 600 px, caranya klik File => Document Properties atau
tekan Shif+Ctrl+D, buat ukuran halaman secara manual dengan mengubah nilai pada kotak
Width menjadi 800 dan Height menjadi 600, biarkan Unit atau ukuran yang digunakan tetap
px, jika Unit pada Inkscape yang Anda gunakan secara otomatis bukan px, ubah menjadi px.
176
Buka jendela Layer, caranya; klik Layer => Layer atau tekan Shif+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.
12.5.2. Master Slide

Buat Master atau Template untuk semua Slide presentasi yang akan dibuat, berikut caranya;
Buat object persegi panjang dengan ukuran 800 x 130 px untuk tempat menulis judul
masing-masing Slide presentasi, beri warna yang sesuai (contoh: biru langit), letakkan object
yang dibuat di dalam halaman bagian atas.
177

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

12.5.3. Membuat Slide Presentasi
Kunci layer Master, kemudian buat layer baru di atasnya, beri nama layer sesuai isi dari slide
presentasi yang akan dibuat, biasanya slide pertama berisi Judul dan Identitas pemateri,
dalam contoh beri nama Presentasi Inkscape.
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.
12.5.4. Menambah Slide

Sembunyikan Layer yang telah dibuat sebelumnya (layer FIROLAB), cara menyembunyikan
layer adalah dengan klik ikon mata pada jendela pengaturan layer.
Buat layer baru dan beri nama sesuai Slide yang akan ditambahkan, sebagai contoh beri

nama Tentang Firolab. Ketik judul slide pada bagian atas (contoh: Tentang Firolab), Jika
langkah ini sudah selesai, lanjutkan dengan menambahkan materi presentasi pada badan
slide (bagian tengah halaman), materi bisa berupa tulisan, gambar, logo, atau Video, dalam
contoh, tambahkan Logo Firolab dan keterangannya.
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
Firolab Firolab Nama dan keterangan Pemateri
Tentang Firolab TENTANG FIROLAB Logo atau dekripsi singkat tentang Firolab
Desain Grafis, Progamming, Mekatronik,

Kegiatan Firolab Kegiatan Firolab
Karya Ilmiah Remaja
Desain Grafis Aplikasi Desain Grafis Berisi dekripsi aplikasi desain grafis yang digunakan
Contoh Aplikasi CONTOH APLIKASI Berisi contoh aplikasi desain grafis yang digunakan
Penutup SEKIAN Terima kasih

180
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

Firolab Firolab Nama dan keterangan Pemateri
Tentang Firolab TENTANG FIROLAB Logo atau dekripsi singkat tentang Firolab
Desain Grafis, Progamming, Mekatronik,

Kegiatan Firolab Kegiatan Firolab
Karya Ilmiah Remaja
Desain Grafis Aplikasi Desain Grafis Berisi dekripsi aplikasi desain grafis yang digunakan
Contoh Aplikasi CONTOH APLIKASI Berisi contoh aplikasi desain grafis yang digunakan
Penutup SEKIAN Terima kasih
12.5.5. Menambahkan Transisi

Untuk menambahkan Transisi pada slide dapat dilakukan dengan klik Extensions => JessyInk
=> Transitions..., lakukan pengaturan pada jendela Transitions yang tampil, berikut
contohnya:
Name of layer: Kegiatan Firolab (isi dengan
nama layer yang akan diberi transisi)
Transition in effect:
Duration in sconds: 1,5
Type: Pop
Transition out effect
Duration in sconds: 0,8
Type: Fade
Simpan Presentasi yang sudah Anda buat di
direktori komputer Anda, beri nama sesuai
materi presentasi yang dibuat, misalnya;
Presentasi Desain Grafis.
Jalankan aplikasi Browser (peramban) pada sistem operasi yang Anda gunakan (dalam
contoh Firefox). Buka presentasi yang telah dibuat sebelumnya menggunakan Firefox,
caranya klik Berkas => Buka Berkas, cari berkas presentasi yang telah Anda buat, jika sudah
ditemukan, klik tombol Buka. Untuk menjalankan Presentasi dan berpindah slide dapat
dilakukan dengan klik tombol kiri mouse atau menekan tombol panah kanan/kiri pada
keyboard.
181
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 Shif+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

12.5.9. Menambahkan Video
Anda juga dapat menysipkan video ke dalam presentasi dengan menambahkan tag ke
HTML5. Berikut cara menyisipkan Video pada slide presentasi:
Siapkan video yang formatnya sudah didukung HTML5 (misalnya format: MP4, Avi, MKV,
dll.). Letakkan video tersebut di direktori komputer Anda (contoh: Home).
Buat layer baru, beri nama Video, atur supaya layer berada paling atas (slide akhir). Klik
Extensions => JessyInk => Video..., tekan tombol Apply pada jendela yang tampil, tunggu
hingga proses pembuatan tag HTML5 untuk video selesai, tutup jendela pengaturan Video.
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
12.5.10. Keys bindings

Digunakan untuk mengatur tombol kunci pada keyboard yang digunakan selama presentasi.
Anda dapat mengubah atau modifakasi fungsi tombol tertentu yang disediakan secara
default oleh JessyInk sesuai kebutuhan, berikut caranya; klik Extensions => JessyInk => Key
bindings..., tersedia 3 (tiga) tab kelompok tombol kunci yaitu Slide mode, Drawing mode,
dan Index mode.
Catatan:
Penjelasan lengkap mengenai fungsi dan penggunaan Key bindings baca halaman
Menjalankan Presentasi.
12.5.11. Mouse handler

Mouse handler digunakan untuk mengatur tombol pada mouse ketika sedang menjalankan
presentasi, berikut cara menggunakan Mouse handler, klik Extension => JessyInk => Mouse
handler..., pada pilih salah satu menu pada Mouse settings.
187
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.
12.5.13. Menjalankan Presentasi

Presentasi yang sudah selesai dibuat dapat dibuka menggunakan browser yang mendukung
SVG. Slide pertama akan ditampilkan secara otomatis.
12.5.14. Slide mode

Presentasi yang dibuat secara otomatis dapat dioperasikan dengan mengunakan tombol
tertentu pada keyboard seperti presentasi pada umumnya, untuk maju ke slide berikutnya
gunakan tombol arah kanan atau Page Down, sedangkan untuk kembali ke slide
sebelumnya gunakan tombol arah kiri atau Page Up. Tombol Page Down dan Page Up juga
dapat digunakan untuk melakukan navigasi tanpa efek.
12.5.15. Drawing mode

Mode ini digunakan untuk membuat coretan atau menggambar secara langsung pada slide
presentasi, berikut cara menggunakan mode ini; tekan tombol d pada keyboard, maka
bentuk kursor secara otomatis berubah fungsi menjadi seperti pena, klik tombol kiri mouse
dan tahan, kemudian buat coretan tertentu pada slide presentasi, untuk membatalkan
(undo) coretan yang sudah dibuat tekan tombol z, sedangkan untuk kembali ke mode
presentasi tekan kembali d.
188
12.5.16. Menambahkan slide kosong

Fasilitas ini digunakan untuk menyisipkan slide kosong pada presentasi, tekan tombol n
untuk melakukannya, slide kosong dapat digunakan sebagai papan tulis untuk Drawing
Mode.
189
12.5.17. Pen color

Secara default warna pena untuk membuat coretan adalah merah (red), namun Anda dapat
mengubah warna pena tersebut menjadi warna lain dengan menekan tombol tertentu,
misalnya ingin mengubah warnanya menjadi biru (blue) tekan tombol b pada keyboard,
berikut ini tabel warna yang tersedia:
b c g k m o r w y
blue cyan green black magenta orange red white yellow

12.5.18. Index Mode
Jumlah slide presentasi dapat dilihat dengan adanya fasilitas Index Mode, untuk
melakukannya tekan tombol i pada keyboard, cara ini sangat berguna jika ingin menampilkan
slide presentasi tertentu secara cepat. Untuk memilih slide tertentu dapat menggunakan
tombol arah kanan atau arah kiri, sedangkan untuk kembali menampilkan slide lagi tekan
kembali tombol i, atau dapat juga dengan mengarahkan kursor menggunakan mouse
kemudian klik pada slide presentasi tertentu sesuai pilihan.
12.5.19. Memutar Video

Untuk memutar video yang sudah pada slide presentasi lakukan cara berikut:
klik kanan video => pilih Play (mainkan), sedangkan untuk menampilkan sebagai
Layar Penuh (full screen) pilih Full Screen. Anda juga dapat mempercepat atau
memperlambat video dengan memilih salah satu submenu dari pada menu Paly
Speed. Secara garis besar cara memutar video pada slide presentasi sama dengan
cara memutar video menggunakan aplikasi pemutar video pada umumnya
190
12.6. Modify Path

Modifiy Path Effects bekerja pada beberapa path yang sudah dipilih dan mengubahnya
menjadi beberapa bentuk tanpa harus membuat path baru.
12.6.1. Add Nodes

Efek dari extension ini adalah menambahkan node dengan jumlah tertentu secara otomatis
pada path. Jarak masing-masing node yang ditambahkan akan sama. Jumlah dan jarak node
dapat diatur sesuai kebutuhan.
Gambar 12.18: Menambah Node menggunakan Extension Add Nodes

191
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.
12.6.2. Color Markers to Match Stroke

Sampai saat ini spesifikasi SVG 1.1 tidak mengijinkan penggunaan warna yang sama antara
Stroke ataupun Path dengan Markers. Extension ini dapat memperbaiki masalah tersebut.

Extension ini menyamakan warna markers dengan warna stroke atau path yang sudah
dibuat.
Gambar 12.19: Menyamakan Markers dengan Stroke
12.6.3. Convert to Dashes

Extension ini digunakan untuk memisahkan dash pada path menjadi beberapa sub-path.
Extension ini memudahkan pekerjaan jika ingin memotong atau memodifikasi masing-masing
dash yang sudah ada.
Gambar 12.20: Konversi dan modifikasi Dash
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

Gambar 12.21: Menambahkan efek 3D pada object
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.
Gambar 12.22: Modifikasi object menggunakan Extensions Modify Path Envelope
12.6.6. Flatten Beziers

Efek Flatten Beziers digunakan untuk mengubah bentuk path yang melengkung menjadi
tajam (polyline) dan runcing sesuai bentuk path yang sudah ada. Semakin besar nilai yang
digunakan, lengkungan yang dihasilkan semakin tajam.
193

Gambar 12.23: Mengubah bentuk path menjadi runcing
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.
Gambar 12.24: Modifikasi object menggunakan Extensions Fractalize
12.6.8. Interpolate Attribute in a Group

Extension ini memungkinkan untuk menyisipkan beberapa efek-efek ke dalam gambar pada
sebuah group. Extension ini juga memungkinkan untuk memadukan atribut-atribut pada
object dalam group.
Gambar 12.25: Modifikasi bentuk dan atribut object

194
12.6.9. Jitter nodes

Efek Jitter nodes digunakan untuk modifikasi object dengan cara memindahkan letak node
secara acak atau tidak beraturan. Parameter besarnya perpindahan node dapat diatur
dengan menggunakan jendela pengaturan yang disertakan pada extension ini.

Gambar 12.26: Modifikasi object dengan cara memindahkan posisi node
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.
Gambar 12.27: Cara membuat prespektif dengan path tertutup
12.6.11. Pixel Snap

Extension Pixel Snap digunakan untuk menjadikan sebuah path atau rectangle agar lebih
tegas ketika diekspor ke dalam bentuk gambar bitmap. Fill object disesuaikan dengan batas
pixel yang digunakan sehingga pada setiap ujungnya selaras. Modus ini sangat berguna untuk
melakukan eksport object berukuran kecil yang kemudian hari ingin diperbesar dengan
program lain, misalnya diperbesar menggunakan GIMP.
195
12.6.12. Rubber Stretch

Extension Rubber Stretch digunakan
untuk memodifikasi path menjadi
bentuk lain, path seolah-olah
membentang secara vertical atau path
diikat pada bagian tengahnya. Efek
yang diinginkan dapat diatur dengan
mengisi nilai tertentu pada kotak

Strength dan Curve melalui jendela
pengaturan. Untuk efek yang lebih
rumit lagi dapat dilakukan dengan
menambahkan node pada path.
Gambar 12.28: Modifikasi object dengan Rubber Stretch
12.6.13. Straighten Segments
Extension Straighten Segments berguna untuk meluruskan bagian-bagian kurva (lengkungan)
dengan tingkatan tertentu, setiap node pada object atau path berubah menjadi runcing, nilai
yang digunakan dalam hitungan % (persen).
Gambar 12.29: Mengubah bentuk object dengan Straighten Segments
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.
Gambar 12.30: Modifikasi object dengan extension Whirl

196
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
12.8.1.1. Model File

Tab pertama berisi menu untuk mengontrol dan mengatur model Polyhedron yang akan
dibuat, submenu Object berisi bermacam-macam jenis Polyhedron yang dapat dipilih dan
197
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.
Gambar 12.31: Contoh object yang dibuat menggunaka 3D Polyhedrons
12.8.2. Alphabet Soup

Extension ini menghasilkan teks yang tampak
eksotis dengan cara mengkombinasikan bagian
karakter dari sebagian besar teks asli dengan
Abjad Latin sehingga teks yang dihasilkan tetap
jelas.
Pada jendela pengaturan terdapat tiga menu
yaitu Text, Scale, dan Random Seed. Kotak Text
untuk menulis teks yang akan dibuat, Scale
untuk mengatur ukuran teks yang dibuat,
sedangkan Random Seed digunakan untuk Gambar 12.32: Contoh penggunaan Alphabet Soup
mengatur lingkaran atau lengkungan kecil pada
setiap karakter secara acak.
198
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.
Gambar 12.34: Contoh barcode yang dibuat dengan extensions Barcode
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.4. Barcode - Datamatrix

Extensions ini menghasilkan kode Datamatrix, terdapat jendela pengaturan yang terdiri dari
tiga menu yaitu: Text, Size in unit squares, dan Squares Size (px).

Gambar 12.35: Barcode Datamatrix
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.6. Cartesian Grid

Extensions ini menciptakan bidang dengan grid atau garis Cartesian. Terdapat berbagai
macam pilihan yang dapat digunakan, pilihan meliputi jumlah kolom dan garis, ukuran
kotak, dan lain-lain.
Gambar 12.36: Object kotak-kotak dibuat dengan Cartesian Grid
12.8.7. Draw From Triangle

Extension ini digunakan untuk merancang object geometric. Cara ini dapat digunakan untuk
membuat kontruksi berdasarkan segitiga dalam jumlah yang tak terbatas. Object segitiga
didefinisikan oleh tiga node dalam path.
Gambar 12.37: Draw From Triangle
12.8.8. Foldable Box

Cara kerja extension ini adalah menarik pattern (pola) kemudian dijadikan kotak yang dapat
dilipat sebagai salah satu desain untuk alat pemotong plotter. Setiap sisi diwakili oleh path
secara terpisah dalam satu kelompok object atau group.
203

Gambar 12.38: Membuat pola kotak untuk alat pemotong plotter
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.
Gambar 12.39: Cara membuat gambar Gear

204
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).
Gambar 12.40: Cara membuat grid
12.8.11. Guides Creator

Extension Guides Creator digunakan untuk menciptakan Garis Panduan (guide lines)
berdasarkan ukuran halaman. Terdapat beberapa menu pada jendela pengaturan.
12.8.11.1. Present
Pada Present terdapat tiga submenu yaitu Custom, Golden ratio, dan Rule-of-third, berikut
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.3. Golden Ratio

Saat menggunakan modus ini maka lokasi garis panduan menyesuaikan rasio horizontal atau
vertical pada tepi halaman dengan perbandingan Golden Ratio (sekitar 1-1,62).
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
Gambar 12.41: Membuat Guides menggunakan Guides Creator
12.8.12. Perfect-Bound Cover Template

Extension ini menghasilkan template untuk cover atau sampul buku yang biasanya
digunakan oleh jasa percetakan. Template yang dihasilkan berupa satu set sampul yang
terdiri dari panduan untuk tulisan pada sampul depan, sampul belakang, dan punggung
buku. Jendela pengaturan yang disertakan pada template ini dapat digunakan untuk
melakukan pengaturan secara manual dengan mudah sesuai kebutuhan, termasuk untuk
mengatur ketebalan setiap halaman, sayangnya extension ini hanya menyertakan pengaturan
standard inchi.
Gambar 12.42: Contoh template sampul buku

206
12.8.13. Polar Grid

Extension ini menghasilkan polar grids, pilihan meliputi jumlah subdivisions, linear terhadap
logaritma divisions, lebar garis, dan label angle (sudut). Fungsi koordinat cartesian seperti
pada extension Cartesian Grid.
Gambar 12.43: Polar grid
12.8.14. Printing Marks

Extension ini menghasilkan tanda printing, pengaturan yang tersedia meliputi crop marks,
bleed marks, registration marks, star target, color bars, and page information. Saat ini
marks yang dihasilkan berada diluar halaman, pilihan menu crop marks untuk submenu pada
tab Positioning tidak berfungsi.
Menu Set crop marks to Selection yang pada tab Positioning tidak berfungsi pada tab Marks
=> Crop Marks. Anda harus memperbesar halaman dan menerjemahkan gambar dengan
marks setelah menerapkan extension ini.
Gambar 12.44: Extensions Printing Marks
Catatan
Setelah semua pengaturan diterapkan maka secara otomatis extension printing marks
menciptakan Layer secara otomatis yang terkunci dengan nama Printing Marks.
207
12.8.15. Random Tree

Extension ini digunakan untuk menggambar pola sebuah pohon yang terdiri dari beberapa
cabang dan ranting yang tidak beraturan, jumlah cabang dan ranting dapat diatur dengan
memasukkan nilai tertentu melalui jendela pengaturan yang tampil, namun hasilnya tidak
bisa sama persis.

Gambar 12.45: Membuat object pohon dengan Random Tree
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.
Gambar 12.46: Cara membuat object menggunakan extensions Spirograph

208
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.
Gambar 12.47: Membuat object segita menggunakan extensions Triangle
12.8.18. Wireframe Sphere

Extension ini menghasilkan object bingkai kawat berbentuk bola dengan menggunakan elips
atau lingkaran untuk mewakili garis lintang dan bujur. Jumlah baris dan orientasi bola dapat
ditentukan sesuai keinginan, terdapat pilihan menu untuk menghapus garis yang
tersembunyi.
Gambar 12.48: Membuat object bingkai kawat

209
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. Visualze Path
Extension ini digunakan untuk memberikan informasi pada path.
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.
Gambar 12.49: Menambahkan tanah panah pada object
12.10.2. Draw Handles

Extension ini membuat suatu garis ke setiap node pada path, sehingga path seolah-olah
mempunyai pegangan. Garis yang tercipta menumpuk di atas path namun tidak menyatu dan
dapat digeser ke tempat lain.
Gambar 12.50: Menambahkan pegangan pada path
12.10.3. Measure Path

Extension ini mengukur panjang atau area dari path, kemudian mencetak panjang atau area
path dengan teks. Terdapat jendela pengaturan untuk menentukan ukuran dan lokasi teks
yang akan ditambahkan.
210
Gambar 12.51: Menambahkan ukuran pada path

12.10.4. Number Nodes
Extension ini menambahkan angka dan titik-titik (dot) ke setiap node pada path, jumlah
angka dan titik-titik sesuai dengan jumlah node yang ada pada path. Jika Path memiliki Stroke
maka secara otomatis stroke tersebut akan dihilangkan.
Angka dan titik-titik yang diciptakan otomatis dalam satu kelompok (group) namun dapat
dipisahkan (ungroup). Ukuran angka dan titik-titik (dot) dapat ditentukan pada jendela
pengaturan yang tampil.
Gambar 12.52: Membuat Angka dan titik-titik pada path
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.
12.11.1.1. Attributes Set

Extension ini menambahkan JavaScript pada object sehingga pada saat salah satu object
diklik maka atribut object lain berubah. Pada jendela pengaturan Attributes Set terdapat
beberapa opsi yang dapat digunakan untuk mengatur atribut object, berikut penjelasan
singkatnya:
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.
When should the set be done

Digunakan untuk mengatur efek perubahan atribut pada saat melakukan klik pada object,
pada submenu tersedia beberapa pilihan yang dapat digunakan.
Value to set
Digunakan untuk mengatur atribut dan style pada object yang diubah dengan menulis
warna dan style object.
Compatibility width preview

Digunakan untuk menentukan bagaimana perubahan yang akan dilakukan, tersedia tiga
pilihan yaitu: Run it afer, Run if before, dan Replace.
Source and destination of setting

Digunakan untuk menentukan object mana yang akan digunakan untuk mengontrol
perubahan, hal ini berguna jika terdapat lebih dari dua object yang dipilih atau digunakan,
terdapat dua pilihan pada submenu ini.
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
atribute berbeda
When should the set be done: on click.
212
Value to set: red black 15px.

Compatibility width preview: Run it after.
Source and destination of setting: All selected ones set an attribute in the last one.
Setelah semua pengaturan di atas sesuai klik Apply, tutup jendela pengaturan, simpan
project yang Anda buat, buka file tersebut dengan menggunakan browser, maka jika object
persegi panjang diklik secara otomatis atribute dan style object Polygon berubah.

Gambar 12.54: Object polygon sebelum dan sesudah diklik
12.11.1.2. Transmit Attributes

Extension ini digunakan untuk menambahkan JavaScript pada object, cara kerjanya adalah
saat melakukan tindakan (misal melakukan klik) pada object yang lebih dulu dibuat maka
object yang dibuat berikutnya berubah mengikuti atribute object pertama.
Pengaturan pada submenu Transmit Attributes secara garis besar sama dengan pengaturan
pada submenu Attributes Set.
12.11.2. Web Slicer

Extension ini memfasilitasi pembuatan potongan gambar bitmap pada halaman web dengan
cara menciptakan bitmap berbentuk persegi panjang, sehingga penggunaan kode CSS dan
HTML dapat dengan mudah digunakan pada bitmap yang dihasilkan.
Terdapat dua langkah untuk menggunakan extension ini, langkah pertama adalah untuk
mengatur dan menentukan persegi panjang yang akan diciptakan melalui jendela pengaturan
Create a Slicer rectangles, pengaturan meliputi Nama, Format, Ukuran, dan Warna Latar
belakang bitmap yang akan diciptakan.
Sedangkan langkah kedua digunakan menentukan direktori untuk meletakkan bitmap yang
akan diciptakan, serta pilihan apakah kode HTML dan CSS akan diciptakan pada direktori
yang sama. Terdapat opsi tambahan pada Extension Web Slicer, yaitu fasilitas untuk
menambahkan atribut pada HTML.
12.11.2.1. Create a rectangle dialog

Pada jendela pengaturan terdapat beberapa submenu yang digunakan untuk mengatur
gambar persegi panjang yang akan dibuat. Pada saat tombol Apply ditekan, maka gambar
persegi panjang dengan warna agak buram secara otomatis tercipta di canvas.
213
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.
Gambar 12.55: Opsi Create a rectangle dialog
12.11.2.2. Export layout pieces and HTML+CSS code dialog

Opsi ini digunakan untuk menentukan lokasi file ouput harus disimpan, termasuk untuk
menyimpan kode HTML dan CSS yang dihasilkan.
Gambar 12.56: Jendela pengaturan lokasi penyimpanan

214
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.
12.11.2.3. Set a layout group dialog

Opsi ini digunakan untuk mengatur atribut pada HTML dan CSS yang diterapkan pada bitmap

hasil ekpor. Untuk dapat menjalankan opsi ini Anda harus memilih salah satu persegi panjang
yang ada di canvas hasil dari langkah sebelumnya (langkah pertama).
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.
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.

13.1. Penggunaan Dasar
Untuk dapat mengedit file menggunakan XML Editor tampilkan terlebih dulu jendela XML
Editor, caranya klik Edit => XML Editor ... atau tekan Shif+Ctrl+X, cara lainnya adalah klik
ikon XML Editor pada Commad Bar.
Kemampuan Inkscape untuk mengedit XML pada file SVG sangat powerful. Dengan
menggunakan XML Editor pengaturan gambar dapat diterapkan untuk mengatur ukuran,
posisi, dan style object, dengan menggunakan metode ini akses ke parameter SVG lebih
tepat yang mana cara tersebut tidak dapat dilakukan menggunakan antarmuka inkscape
secara langsung.
Setelah jendela XML Editor terbuka maka struktur pohon (tree) dari gambar ditampilkan di
sebelah kiri berupa daftar script XML. Script XML yang tampil berisi informasi canvas atau
page, metadata id SVG, dan layer yang sudah ada.
Gambar 13.1: Jendela pengaturan XML Editor
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.
216
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.
13.1.1. Contoh Penggunaan

Buat object baru (contoh lingkaran) maka secara otomatis pada layer yang sebelumnya
kosong ditambahkan submenu script baru dengan nama path terakhir yang dibuat dalam

contoh path2985, sedangkan pada tab Attribut tampil script sesuai object lingkaran. Jika
salah satu script di sebelah kanan diklik maka pada kotak set dan di bawahnya muncul script
dari keterangan object.
Untuk mengubah id path suatu object menjadi nama lain lakukan cara berikut, arahkan
kursor ke kolom Attribute (dalam contoh akan mengubah path 2985), kemudian pilih id,
pindahkan kursor ke kotak paling bawah, rename id path yang semula path2985 menjadi
Lingkaran, setelah itu klik tombol Set atau tekan Ctrl+Enter maka id path yang semula
path2985 secara otomatis akan berubah menjadi Lingkaran.
Sedangkan untuk mengubah ukuran lingkaran yang semula memiliki lebar 49 px menjadi 60
px lakukan cara berikut, klik sodipodi:rx, kemudian ubah nilai yang ada dikotak isian paling
bawah menjadi 60 px, setelah itu klik Set atau tekan Ctrl+Enter maka ukuran object yang
semula 49 px berubah menjadi 60 px. Sedangkan untuk mengubah ukuran tinggi lingkaran
pilih sodipodi:ry dan lakukan seperti langkah sebelumnya.
Selain untuk mengubah ukuran object, XML Editor juga dapat digunakan memindah letak
object, dan mengganti warna Fill and Stroke.
Gambar 13.2: Mengubah ukuran object menggunakan XML Editor

217
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.

13.2. Ikon XML Editor
Pada jendela pengaturan XML Editor terdapat sejumlah ikon yang dapat digunakan untuk
manipulasi node pada tree atau pohon XML Editor.
Add XML element node: menambahkan element node XML, node tambahan dapat
digunakan dengan menambahkan script baru pada kotak Attribute.
Add XML text node: menambahkan node teks XML, modus ini dapat juga digunakan
untuk mengedit object teks.
Duplicate XML node: digunakan untuk melakukan duplikat node XML sesuai node
yang sedang dipilih, duplikasi meliputi seluruh subnode. Letak node hasil duplikasi
berada di bawah node asli dan memiliki id sendiri namun nama id dapat diubah
sesuai keinginan.
Delete XML element node: digunakan unuk menghapus element node XML, dengan
menggunakan modus ini subnode juga ikut terhapus.
Unindent node: digunakan untuk menyembunyikan node pada indentasi.
Indent node: digunakan untuk menampilkan node pada indentasi yang
disembunyikan setelah menerapkan Unindent node.
Raise node: digunakan untuk memindahkan node satu tingkat ke atas node lainnya,
saat menggunakan modus ini
maka posisi object juga ikut
berpindah.
Lower node: digunakan untuk
memindahkan node satu tingkat
ke bawah node lainnya.
Delete the selected object
attribute: digunakan untuk
menghapus attribute object Gambar 13.3: Ikon tree XML Editor dan keterangannya
yang dipilih.
218
BAB 14 SVG FILTERS
14.1. Filter Effects

Filter Effects adalah sebuah fitur pada SVG yang digunakan untuk mengubah tampilan object
agar lebih baik sesuai keinginan, misalnya untuk menambahkan tekstur pada fill, membuat
bayangan, memodifikasi object, dan lain-lain. Inkscape mendukung hampir semua Filter
primitives SVG dan mencakup banyak pengaturan filter lainnya.

Penggunaan dan Pengaturan Filter
Inkscape menyediakan ratusan menu filter yang siap pakai, menu Filter dapat diakses dari
Menu Bar. Untuk menerapkan Filter yang siap pakai pada object, pilih object => klik Filter =>
menu filter => nama filter yang diinginkan.
Beberapa Filter yang sudah siap pakai menyertakan jendela pengaturan sehingga Anda dapat
menyesuaikan parameter yang diinginkan.
14.1.1. Contoh Penerapan Filter

Dikarenakan filters yang disediakan oleh inkscape jumlahnya ratusan maka dalam buku ini
hanya memberikan contoh salah satu dari menu yang tersedia.
Di bawah ini salah satu contoh penerapan Filters => ABCs pada object, lakukan cara berikut
untuk mengikuti contoh tutorial dibuku ini:
Buat object berbentuk persegi panjang dengan menggunakan Rectangles.
Buat object kedua dengan bentuk lingkaran, kemudian kelompokkan (grouping)
kedua object tersebut.
Gambar 14.1: Contoh object yang akan diberi efek Filters
Langkah selanjutkan adalah melakukan penerapan Filters => ABCs, lakukan langkah berikut:
klik Object => arahkan kursor pada Menu Bar => klik Filters => ABCs => pilih salah satu
Submenu.
220

Gambar 14.2: Contoh Efek penerapan Filters ABCs pada object
14.2. Filter Editor

Selain Filters yang sudah siap digunakan, filter juga dapat diterapkan secara manual dengan
melakukan kombinasi beberapa filter yang tersedia pada submenu filter editor.
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.1. Jendela Pengaturan Filter

Jendela pengaturan Filter digunakan untuk mengatur primitive pada object yang akan dibuat,
untuk menampilkan jendela pengaturan filter arahkan kursor ke Menu Bar, kemudian klik
Filters => Filter Editor.
221

Gambar 14.3: Mengubah namaFilter
14.2.1.1. Tambah Filter Baru

Klik New pada jendela pengaturan yang tampil untuk membuat atau menambahkan filter
baru.
Untuk melakukan duplikasi filter, klik kanan salah satu filter yang sudah ada, pilih Duplicate,
sedangkan untuk mengubah nama, klik nama filter atau klik kanan pilih rename, kemudian
ketik nama sesuai yang diinginkan.
14.2.1.2. Memilih Filter

Filter dapat ditentukan dengan memilih Filter primitives dari daftar jendela pengaturan yang
berada di samping tombol Add Effect.
Terdapat penjelasan singkat sesuai primitives yang dipilih, penjelasan tersebut dapat
diaktifkan atau dinonaktifkan pada jendela pengaturan Inkscape Preferences => Filters =>
Show filter primitives infobox.
Setelah primitive dipilih, klik tombol
Add Effect untuk menambahkannya
pada filter. Primitive yang
ditambahkan secara otomatis akan
dihubungkan dengan Source Graphic
menggunakan garis Connections.
Connections standar ditampilkan
dengan garis abu-abu yang berasal
dari segitiga sebelah kanan filter nama
primitive. Connections yang sedang
digunakan ditandai dengan garis
warna hitam.
Input dari filter dapat dipindahkan
dengan cara melakukan klik tanda
segitiga kemudian menyeret garis ke Gambar 14.4: Memilih dan menerapkan Filter
nama filter lain pada salah satu kolom
di sebelah kanan.
Untuk mengatur atau memindah kembali filter primitive ketempat lain klik lagi tanda segitiga
kemudian lakukan seperti langkah sebelumnya.
222
14.2.1.3. Menerapkan sebuah Filter

Untuk menerapkan filter pada object, pilih object kemudian beri centang (checklist) pada
kotak di samping nama filter. Menghilangkan tanda centang pada kotak, maka akan
menghapus efek filter pada object yang terhubung. Jika di canvas terdapat beberapa object
yang dipilih dengan filter berbeda, maka lakukan pemberian tanda centang pada kotak
dengan filter yang berbeda juga.
14.2.2. Color Filter Primitives

Terdapat dua Filter Primitive yang dapat digunakan untuk melakukan manipulasi warna.
Di bawah ini penjelasan singkat dari masing-masing Filter Primitive pada kelompok Color
Filter Primitives.
14.2.2.1. Color Matrix

Filter primitive ColorMatrix digunakan untuk menerapkan transformasi warna ke setiap pixel
yang dirender, cara ini dapat digunakan untuk menerapkan warna object, misalnya
mengubah warna biasa menjadi grayscale, modifikasi saturasi, dan mengubah corak (hue).
Terdapat 4 (empat) type transformasi pada ColorMatrix yang dapat dipilih dan digunakan
yaitu:
Matrix: Pada type ini terdapat 4 (empat) baris dengan masing-masing 5 (lima) kolom
nilai angka yang dapat diterapkan, empat baris angka tersebut mewakili warna
RGB+A (red, blue, green, dan alpha).
Saturate: Untuk mengurangi atau menambahkan saturasi warna pada object dengan
menggeser slider pada Value(s) ke kiri atau ke kanan, nilai yang tersedia 0 (nol)
sampai dengan 1 (satu), hanya warna dengan nilai RGB yang berubah pada modus ini
(warna hitam atau putih tidak berubah).
Hue Rotate: Cara kerja dan efek dari Hue Rotate hampir sama Saturate namun
perubahan warna lebih rumit, nilai yang tersedia 0 (nol) sampai dengan 3600 (tiga
ratus enam puluh derajat).
Gambar 14.5: Contoh Penerapan Color Matrix pada object

223
Luminance to Alpha: Pencahayaan pada object diubah menjadi Alpha dengan

formula standar Alpha (Alpha = 0,2125 R + 0,7154 G + 0,0721 B) dengan
mengacu rekomendasi standar warna HDTV.
14.2.3. Compositing Filter Primitives

Filter pada kelompok ini merupakan primitive campuran dari beberapa grafis. Grafis dapat
berasal dari Object, Latar belakang, atau output dari primitive lain.

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.
Gambar 14.6: Penerapan Primitive Blend
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.
224
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. Fill Filter Primitives

Kelompok filter ini menyediakan beberapa jenis Fill untuk dimanipulasi dan digunakan pada
primitive.
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.
225
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.5. Lighting Filters Primitives

Pada Efek filter ini terdapat dua jenis Primitive, yaitu Diffuse Lighting dan Specular Lighting,
cara kerjanya adalah membuat simulasi cahaya untuk menyinari object dengan
menggunakan Alpha channel, metode yang digunakan seperti pada model Phong reflection
dalam menggambar grafis pada komputer.
14.2.6. Pixel Manipulation Filter Primitives

Cara kerja Filter Primitive pada kelompok ini adalah memindahkan pixel atau campuran pixel
yang saling berdekatan.
226
14.2.6.1. Convolve Matrix

Cara kerja primitive ini adalah dengan menggunakan pixel yang berdekatan untuk mengubah
warna pada pixel lainnya. Rumus untuk mengubah pixel adalah menggunakan matrix NxM
dengan merekam setiap pixel yang saling berdekatan.
14.2.6.2. Displacement Map

Cara kerja Primitive ini adalah menggeser pixel pada input yang pertama kemudian
digunakan untuk memberi jarak dengan pixel pada input kedua sehingga object berubah
bentuknya.

14.2.6.3. Gaussian Blur
Primitive jenis ini digunakan untuk membuat kabur object berupa paths, shapes, dan text,
bahkan dapat bekerja pada gambar yang berasal dari object yang sudah dikelompokkan.
Gaussian blur sering digunakan untuk membuat bayangan pada belakang gambar atau
sebagai bayangan suatu benda yang berada di atas benda lain.
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.
14.3. Contoh Penerapan Filter

Berikut adalah contoh penerapan Filter dengan menggunakan metode Drop shadows. Efek
Shadow pada saat diterapkan secara otomatis mengubah object sumber yang dipilih. Berikut
ini adalah urutan yang dilakukan membuat Drop Shadow:
Pada contoh tutorial menggunakan filter campuran untuk menciptakan sebuah drop shadow
yang diterapkan pada object text.
14.3.1. Add Text

Buat object text bertuliskan Inkscape dengan ukuran font 100, kemudian beri warna sesuai
selera (dalam contoh Biru Tua), agar gambar yang akan dibuat lebih menarik hasilnya
sebaiknya beri garis pinggir, caranya adalah menambahkan stroke dengan ukuran tertentu
(dalam contoh stroke menggunakan warna Merah dengan tebal 0,050 cm)
Gambar 14.7: Membuat object text
14.3.2. Add Gaussian Blur

Pilih object text yang sudah dibuat sebelumnya, buka jendela pengaturan Fill and Stroke,
tambahkan Gaussian Blur pada object text dengan menggeser slider blur (lingkaran kecill di
227
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.
Gambar 14.9: Contoh nama Filter

228
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:
Gambar 14.10: Mengubah connections output
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.
14.3.3. Add Offset

Bayangan pada teks dapat digeser dengan menggunakan efek Offset primitive. Untuk
menambahkan Offset primitive, pilih pada submenu di sebelah Add Effect, setelah itu klik
Add Effect.
Pada saat Primitive Offset ditambahkan maka secara otomatis garis segitiga pada belokan
Offset terhubung dengan dengan efek Gaussian Blur. Ini menunjukkan bahwa Primitive
Offset menggunakan output dari Primitive Gaussian Blur sebagai input. Jumlah offset dapat
diubah dengan melakukan pengaturan pada slider Delta X dan Delta Y yang ada di bawah
menu Effect parameter.
229

Gambar 14.11: Add Offset
14.3.4. Add Merge

Saat ini object yang dibuat sudah memiliki bayangan namun terlihat sangat samar, maka dari
itu perlu untuk menambahkan kembali bayangan pada text asli, hal ini dapat dilakukan
dengan menggunakan Merge Primitive dengan cara menggabungkan graphics dari beberapa
input.
Untuk menambahkan Merge Primitive pilih pada submenu di sebelah Add Effect, setelah itu
klik Add Effect.
Pada saat pertama kali Merge Primitive diciptakan, tidak ada input yang ditetapkan, arahkan
kursor pada tanda segitiga di sebelah kanan Merge, klik dan tahan tombol kiri mouse
kemudian seret garis hitam ke atas untuk membuat link Merge sehingga terhubung dengan
Offset, cara ini akan membuat output Offset Primitive terhadap input Merge Primitive.
Pada saat link Input terhubung dengan Merge Primitive, maka secara otomatis tercipta tanda
segitiga baru di bawahnya.
Gambar 14.12: Add Merge

230
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.
Gambar 14.13: Garis Connections pada tiga primitive berbeda
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.
Gambar 14.14: Drop Shadow sudah jadi

BAB 15 TUTORIAL DAN TRIKS
15.1. Membuat Kartu Nama

Dengan menggunakan Inkscape kita dapat membuat berbagai desain atau gambar yang
menarik sesuai kebutuhan, salah satunya dapat digunakan untuk membuat desain Kartu
Nama. Di bawah ini contoh tutorial cara membuat Kartu Nama secara mudah menggunakan
Inkscape.

Tentang Kartu Nama
Kartu Nama adalah kartu yang berisi tentang informasi bisnis dari seseorang atau
perusahaan, informasi yang disimpan di Kartu Nama biasanya hanya sedikit, sehingga mudah
diingat. Biasanya pada kartu nama tercantum nama orang yang memberikan kartu nama
tersebut. Keterangan pada kartu nama secara umum adalah berisi Nama, Alamat, Nomor
Telpon, Email, dan Website Perusahaan.
Kartu Nama digunakan untuk memberikan nomor kontak yang bisa dihubungi pada suatu
perusahaan. Kartu Nama berfungsi sebagai media yang menyatakan tentang identitas bisnis
yang sedang dijalankan ataupun identitas perusahaan di mana orang tersebut bekerja.
15.1.1. Mengatur Ukuran Antarmuka

Buka halaman baru inkscape, klik File => Document Properties atau tekan Shif+Ctrl+D, pada
menu Default units dan Units yang semula px ubah menjadi cm, jika diperlukan lakukan
pengaturan lainnya, misalnya warna latar belakang canvas, ukuran halaman, guides, grid, dan
lain-lain, setelah semua pengaturan sudah sesuai, tutup atau lakukan docking jendela
pengaturan Doecument Properties.
Gambar 15.1: Mengubah Units
15.1.2. Buat Latar Belakang

Buat object persegi panjang sebagai latar belakang menggunakan Rectangles Tool, dalam
contoh di buku ini menggunakan ukuran standard seperti kartu nama pada umumnya yaitu
232
9,00cm x 5,50cm, maka atur ukuran object persegi panjang tersebut menjadi 9,00cm x
5,500cm, jika object yang dibuat memiliki stroke sebaiknya hapus saja stroke tersebut.

Gambar 15.2: Buat Object sebagai latar belakang
Ubah warna object persegi panjang tersebut menjadi Gradient Linear dengan tiga warna
berbeda, caranya pilih object, kemudian klik ikon Gradient pada Tool Box, pilih ikon Create
linear gradient pada Tool Control, setelah itu 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:
Gambar 15.3: Mengubah object menjadi Gradient
15.1.3. Buat Object Sebagai Hiasan

Agar kartu nama yang dibuat lebih menarik sebaiknya perlu diberi hiasan, dalam contoh
menggunakan object
233
1. Buat object persegi panjang dengan ukuran 5,500 cm x 3,00 cm, letakkan di sudut
bawah kanan.
2. Buat object lingkaran dengan bentuk lonjong seukuran latar belakang kartu nama,
kemudian letakkan pada tengah-tengah object latar belakang.
3. Seleksi object persegi pajang dan lingkaran lonjong, arahkan kursor ke Menu Bar =>
klik Path => Difference, maka secara otomatis object persegi panjang di pojok kanan
bawah akan terpotong oleh object lingkaran.

4. Duplicate object yang sudah terpotong tersebut, kemudian ubah ukuran object agar
sedikit besar dan beri warna yang berbeda dalam contoh menggunakan warna
Magenta dan Yellow, setelah itu letakkan di bawah object asli dengan teknik Lower
selection step atau tekan Page Down.
Gambar 15.4: Cara membuat object penghias kartu nama
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.
234

Gambar 15.5: Cara mengatur object dan membuat tulisan
Setelah semua desain kartu nama jadi, seleksi semua object dan lakukan group, seperti
dalam contoh gambar di bawah ini:
Gambar 15.6: Contoh kartu nama
15.1.4. Perbanyak Kartu Nama

Sekarang desain kartu nama sudah selesai dibuat, namun hanya satu lembar (satu buah),
untuk itu perlu memperbanyak jumlah kartu nama tersebut.
Untuk memperbanyak object di inkscape tersedia berbagai cara dan metode, misalnya dapat
menggunakan Copy-paste, Duplicate, dan Clone.
Karena dalam hal ini akan memperbanyak object menjadi banyak sekaligus maka cara paling
cepat adalah menggunakan fitur Create Tiled Clones, maka lakukan langkah berikut, seleksi
kartu nama, arahkan kursor pada Menu Bar => klik Edit => Clone => Create Tiled Clones.
Setelah jendela pengaturan tampil isikan nilai 5 x 2 pada menu Rows, columns (dalam
contoh perbanyak object 10 buah), kemudian klik Create.
235
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.
15.1.5. Mengatur Halaman

Agar saat kartu nama yang telah dibuat tidak terpotong waktu dicetak maka perlu dilakukan
pengturan halaman, dalam contoh pada buku ini untuk mengatur halaman menggunakan
fitur Resize page to content.
Seleksi semua object (kartu nama), arahkan kursor ke Menu Bar klik File => Document
Properties atau tekan Shif+Ctrl+D, klik Resize page to content... Pada submenu yang tampil
isikan nilai 1,50 pada masing-masing kotak isian, kemudian klik Resize page to drawing or
selection.
Gambar 15.7: Mengatur Halaman sesuai object
15.1.6. Simpan dan Ekspor Gambar

Setelah gambar selesai dibuat maka perlu disimpan atau atau diekspor menjadi format lain,
jika ingin dicetak sebaiknya simpan juga gambar tersebut dalam format lain.
Berdasarkan pengalaman dari berbagai studi kasus yang sering penulis alami waktu akan
mencetak gambar pada percetakan luar sering bermasalah dengan format SVG karena
kebanyakan percetakan tidak menggunakan aplikasi yang mendukung format SVG, untuk
mengatasi masalah tersebut penulis menyimpan gambar dalam format PNG maupun PDF.
236
15.2. Convert RGB to CMYK

Seperti yang telah kita ketahui bersama,
sampai saat ini Inkscape belum
mendukung Color Profile CMYK secara
native, sehingga menimbulkan masalah
tersendiri jika berurusan cetak mencetak.
Masalah ini sudah sangat sering dibahas di

berbagai komunitas OpenSource di
Indonesia dan sebenarnya sudah ada
solusinya, namun hingga saat ini belum banyak yang menulis dokumentasi solusi dari
masalah tersebut, maka dari itu penulis berusaha membuat dokumentasi berupa tutorial
sederhana ini.
Dalam contoh tutorial ini penulis mengubah (convert) warna RGB menjadi CMYK pada
sebuah logo dengan menggunakan Scribus.
Buat logo dengan Inkscape, atur ukuran logo sesuai kebutuhan, dalam contoh penulis
menggunakan logo Istana Media dengan ukuran 8 X 8 cm.
Buka Scribus sesuai sistem operasi komputer yang Anda

gunakan, jika komputer yang Anda gunakan belum
terpasang Scribus ya pasang dulu dong, dalam contoh
penulis menggunakan BlankOn X Tambora, maka untuk
membuka Scribus penulis melakukan klik Menu Utama
=> Graphics => Scribus.
237
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,
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, namun letak atau posisi
gambar tidak berada di tengah-tengah halaman, untuk itu aturlah gambar tersebut secara
manual dengan cara menggesernya.
238
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.
239
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 ikom 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.
240
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.
Maka hasilnya seperti gambar di bawah ini
Sekarang simpan hasilnya dengan format bawaan asli Scribus, hal ini perlu dilakukan agar file
tersebut dapat diperbaiki lagi warnanya jika masih kurang sesuai.
241
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.
242
15.3. Menggambar Jam Dinding

Buka Inkscape sesuai sistem operasi yang Anda gunakan. Atur ukuran halaman menjadi 12 X
12 cm, caranya klik File => Document Properties atau tekan Shif+Ctrl+D, pada jendela
pengaturan Halaman yang tampil, ubah ukuran yang akan digunakan yang semula px
menjadi cm, ubah nilai pada kotak Width dan Height menjadi 12,00, jangan lupa ubah juga
Default units yang semula px menjadi cm.
Buat gambar Bujur Sangkar dengan ukuran 11 x 11 cm menggunakan Rectangles Tool, cara
termudah untuk membuat object agar ukuran lebar dan tinggi selalu sama dapat dilakukan
dengan sambil menekan tombol Ctrl ketika menggambar.
Atur supaya gambar/object persegi panjang berada di tengah-tengah halaman, berikut ini 2
(dua) contoh cara untuk mengatur object berada di tengah-tengah halaman
Cara pertama adalah dengan mengubah nilai kotak X dan Y pada Tool Control menjadi 0,500.
Sedangkan cara kedua dapat dilakukan dengan menggunakan fitur Align and Distribute,
caranya klik Object => Align and Distribute atau tekan Shif+Ctrl+A, 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.
243
Ubah object bujur sangkar menjadi Guides, carany; klik Object => Object to Guides atau
tekan Shif+G.
244
Buat object/gambar Lingkaran sebesar 12 x 12 cm menggunakan Elipse Tool, atur agar

lingkaran berada di tengah-tengah halaman, jika object lingkaran memiliki garis pinggir atau
Stroke sebaiknya hapus saja, beri warna solid pada lingkaran yang telah dibuat.
Buat lagi object/gambar Lingkaran sebesar 11 x 11 cm di tengah-tengah lingkaran pertama

atau halaman, beri warna solid yang berbeda dari object lingkaran pertama.
Buat Guides Horisontal (mendatar) di tengah-tengah halaman, berikut caranya; arahkan

kursor ke ruler bagian atas kanvas, klik tanda segitiga kecil kemudian tahan dan seret ke
dalam halaman, sedangkan 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.
245

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.
Tambahkan beberapa titik node gradient, caranya klik dua kali pada garis gradient, dalam
contoh tambahkan 3 titik node gradient, jadi total titik node gradient menjadi 5.
246

Beri warna berbeda pada masing-masing titik node gradient, 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.
Buka jendela pengaturan Layer, caranya klik Layer => Layer atau tekan Shif Ctrl+L, buat layer
baru di atas layer yang sudah ada, beri nama layer tersebut sesuai kebutuhan (misal
lingkaran).
247
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.
Geser pusat object lingkaran kecil ke tengah-tengah halaman, caranya klik object, klik sekali
lagi hingga muncul tanda pusat object (tanda +), geser pusat object ke bawah.
248

Kloning object lingkaran kecil sebanyak 12 buah dengan posisi memutar dalam halaman,
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 Shif, 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
249
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 Shif+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, 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.
250

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;
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.
251
Ubah Segitiga menjadi Path, caranya klik Path => Object to Path, atau tekan Shif+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.
252

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.
253
Buat Jarum kecil untuk detik, caranya, klik ikon Bezier Tool pada Toolbox, kemudian buat
garis lurus agak miring pada gambar jam.
254
Jika ukuran garis untuk detik terlalu kecil, perbesar ukurannya, berikut cara mngubah ukuran
garis tersebut; klik Object => Fill and Stroke atau tekan Shif+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.
255
Gambar lingkaran kecil pada pertemuan 3 (tiga) jarum Jam.
Untuk memperindah gambar jam dinding tambahkan gambar tertentu, misal logo, foto, dll.
256
15.4. Membuat Gambar Halfone dengan Inkscape

15.4.1. Apa sih Halfone itu?
Halftone adalah pola titik-titik kecil yang dapat mensimulasikan perbedaan warna dengan
menggunakan perbedaan persentase tinta. Halftone dapat menciptakan ilusi gambar dengan
menggunakan ukuran besar kecil dot (titik}dan mampu menciptakan perbedaan antara gelap
dengan terang. Haftone bekerja dengan menipu mata kita untuk melihat kombinasi warna
tinta dan juga warna kain yang dicetak. Jika dilihat dari jarak dekat, akan terliha warna yang
bercampur menjadi satu dan titik-titik (dots) menyatu dengar warna dasar kain.

Jika Anda lihat pada jarak yang lebih dekat, akan terliha titik-titik kecil yang berbentuk bulat.
Anda dapat melihat contoh halftone yang sempurna pada majalah ataupun printer warna
dengan melihatnya dari jarak yang sangat dekat. Dan bisa juga dengan memakai alat
tambahan yang bernama L U P (KACA PEMBESAR)
Berikut ini adalah tutorial sederhana cara membuat gambar Halftone di Inkscape
menggunakan tool yang sudah tersedia secara default.
15.4.2. Import Gambar

Jalankan aplikasi Inkscape sesuai cara menjalankannya berdasarkan sistem operasi yang Anda
gunakan. Karena dalam contoh tutorial kali ini menggunakan gambar bitmap sebagai
sumbernya, maka import terlebih dulu gambar yang akan dijadikan sumber halfone,
contohnya seperti gambar dibawah ini
257
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:
258
Catatan:
Cara menggunakan fitur Clip => Set baca halaman Bab 8 Multiple Object Operations
15.4.3. Membuat Dot

Untuk membuat Halfttone di Inkscape kita menggunakan dot atau titik-titik sebagai polanya,
untuk itu buatlah object lingkaran kecil, letakkan di pojok kanan atas gambar sumber,
jangan lupa matikan (unset fill) atribut object, contohnya seperti gambar di bawah ini
15.4.4. Create Tiled Clones

Untuk membuat titik-titik sebagai pola dengan jumlah yang banyak dengan mudah kita
gunakan fitur Create Tiled Clones, untuk melakukannya isilah angka tertentu pada kotak isian
259
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
260
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 halfone karena sudah tidak dipakai lagi, maka hasilnya seperti gambar di bawah ini
261
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)
262
BAB 16 KEYBOARD SHORTCUTS
TOMBOL PINTAS KETERANGAN
FILE MENU
Ctrl+N Buat halaman baru

Ctrl+O Buka File SVG
Shift+Ctrl+E Export to PNG
Ctrl+I Import bitmap atau SVG
Ctrl+P Print File
Ctrl+S Simpan File
Shift+Ctrl+S Simpan sebagai nama baru
Shift+Ctrl+Alt+S Simpan sebagai salinan
Ctrl+Q Keluar dari Inkscape
TOOLS BOX
F1, S Selector Tool
Shift+F2, W Tweak Tool
F3, Z Zoom Tool
F4, R Rectangle Tool
Shift+F4, x 3D Box Tool
F5, E Ellipse/arc Tool
F6, P Freehand (Pencil) Tool
Shift+F6, B Bezier (Pen) Tool
Ctrl+F6, C Calligraphy Tool
Shift+F7, U Paint Bucket Tool
Ctrl+F1, G Gradient Tool
F7, D Dropper atau Pick Color Tool

264
F8, T Text Tool
F9, I Spiral Tool
Shift+F9, Star Tool
Ctrl+F2, O Connector Tool

JENDELA PENGATURAN
Shift+Ctrl+F Fill and Stroke
Shift+Ctrl+W Swatches
Shift+Ctrl+T Text and Font
Shift+Ctrl+M Transform
Shift+Ctrl+L Layers
Shift+Ctrl+A Align and Distribute
Shift+Ctrl+O Object Properties
Shift+Ctrl+H Undo History
Shift+Ctrl+X XML Editor
Shift+Ctrl+D Document Preferences
Shift+Ctrl+P Inkscape Preferences
Shift+Ctrl+E Export to PNG
Ctrl+F Find
Shift+Alt+B Trace Bitmap
Shift+Ctrl+7 Path Effects Editor
BASIC OBJECT SHORTCUTS
Shift+Ctrl+Y, Ctrl+Z Undo
Shift+Ctrl+Z, Ctrl+Y Redo
Ctrl+C Copy selection
Ctrl+X Cut selection

265
Ctrl+V Paste clipboard
Ctrl+Alt+V Paste in place
Shift+Ctrl+V Paste style
Ctrl+7 Paste path effect

Ctrl+D Duplicate selection
Alt+D Clone object
Shift+Alt+D Unlink clone
Shift+D Select original
Alt+B Create a bitmap copy
Shift+Alt+B Trace bitmap
Alt+I Object(s) to pattern
Shift+Alt+I Pattern to object(s)
Shift+Ctrl+U, Ctrl+G Group selected objects
Shift+Ctrl+G, Ctrl+U Ungroup selected group(s)
Home Raise selection to top
End Lower selection to bottom
PgUp Raise selection one step
PgDn Lower selection one step

266
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/
267
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
268
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.
269
TENTANG SEPATU FANS
M engawali bisnisnya sebagai trader sepatu olahraga, seiring berjalannya waktu

serta kejelian melihat peluang untuk menggarap segmen pasar menengah ke
bawah, lahirlah merek sepatu Fans pada tahun 2001 dengan tujuan ikut serta

berkontribusi mengembangkan industri sepatu di Indonesia.
Nama Fans dipilih karena mudah diingat dan mempunyai arti positif yaitu penggemar, identik
dengan visi perusahaan yang ingin terus berjaya memberikan kenyamanan beraktifitas bagi
penggemarnya dari Sabang sampai Merauke. Fans pertama kali di produksi oleh sebuah
pabrik CMT yang juga memproduksi sepatu merek lain.
Ketika permintaan Fans semakin meningkat, diputuskan untuk membuka unit produksi
sendiri di wilayah Jatake-Tangerang. Dengan memiliki pabrik sendiri, Fans berkomitmen lebih
mengembangkan teknologi persepatuan guna memberi nilai tambah bagi produksi sepatu
dalam negeri. Fans terus bebenah diri agar berhasil meraih Japan Quality Medal (Deming
Grand Prize), Fans juga terus berinovasi dan menggali kreatifitas supaya mampu bersaing
dengan produsen sepatu lainnya pada saat dicanangkan free trade di tahun 2015.
Tak dapat dipungkiri, sepatu-sepatu buatan China saat ini merajai pasaran, bukan karena
kualitasnya tetapi karena harganya yang murah. Hal ini tidak menyurutkan semangat Fans,
terbukti konsumen lebih memilih Fans karena kualitasnya yang bisa diandalkan.
Memenangkan persaingan dipasar lokal tidaklah mudah. Fans terus menggali keunikannya
supaya tetap unggul dan diminati oleh pasar lokal.
270
FANS DIGEMARI KARENA KUALITAS

Banyak sepatu lokal maupun impor yang beredar di pasaran tidak mengedepankan kualitas.
Fans ingin mengedukasi pemakainya untuk mengutamakan kualitas bersamaan dengan
trend. Sejak diperkenalkan ke pasar, Fans terus berupaya memberikan yang terbaik bagi
penggemarnya, memprioritaskan tapak yang dijahit sehingga setiap sepatu buatannya akan
awet digunakan. Selain mempunyai keunggulan tapak dijahit, Fans menggunakan 100% karet
pada sol sepatu. Fans juga menggunakan kulit sintetis yang tidak rusak menjadi serbuk
seperti yang sering dijumpai pada sepatu-sepatu merek lain.
FANS DAN BLANKON LINUX

Sepatu Fans mencoba mengadopsi Linux pada tahun
2008 dengan dual boot sistem operasi Microsoft
Windows dan MEPIS Linux, namun tidak berhasil.
Tahun 2012, Sepatu Fans sudah berhasil memigrasi
90% dari seluruh divisinya ke sistem operasi Linux
Mint 13, terkecuali divisi Research and
Development, karena keterbatasan ilmu
penggunaan pengolah grafis vector di Linux. Pada
tanggal 3 Maret 2014 Sepatu Fans bekerjasama
dengan Istana Media Go Open Source dengan
menghadirkan Bapak Sokibi untuk mengadakan
pelatihan Inkscape di pabrik.
Pada tanggal 17 Maret 2014, Sepatu FANS bersama BlankOn Linux (hasil diskusi bersama
Bapak Sokibi dan Bapak Ahmad Haris) bekerjasama membuat sayembara projek panduan
Linux (http://panduan.blankonlinux.or.id)
Kerjasama dengan Blankon Linux berlanjut dengan membuat edisi khusus Blankon Linux Xfce
Ultimate Workstation yang sudah menggantikan sebagian besar sistem operasi Linux Mint
13 yang dipakai di pabrik sepatu Fans.
SEGERA TERBIT

272
Menjadi Sponsor Buku

Anda tertarik untuk menjadi sponsor atau pasang iklan buku saya, silakan baca
penjelasannya di bawah ini
Garis besar alasan pasang Iklan di Buku saya

Untuk mempromosikan produk atau barang dapat menggunakan beberapa opsi, diantaranya
dapat menggunakan brosur/pamplet, pasang iklan di media cetak atau televisi, menyewa
baliho, dan lain-lain. Untuk kegiatan promosi tersebut tentunya membutuhkan biaya yang

tidak sedikit, dan harus mempertimbangkan berbagai aspek, apakah promosi yang akan
Anda lakukan sudah tepat dan efisien?.
Di bawah ini adalah contoh beberapa pilihan yang dapat Anda lakukan dalam
mempromosikan produk:
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.
Keunggulan pasang Iklan di buku ini

Penyebarannya tidak terbatas, karena buku dirillis secara gratis berupa E-Book, jadi siapa saja
dapat memiliki buku ini dengan hanya mengeluarkan biaya yang sangat murah yaitu biaya
Unduh (download) dari internet, bahkan bisa didapatkan secara gratis dengan cara minta
salinan dari orang lain. Sebagai pertimbangan saat ini Internet bukanlah barang langka lagi,
hampir 75% anak sekolah jenjang SMP, SMA, dan Perguruan Tinggi di seluruh Indonesia tidak
asing lagi dengan Internet.
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.
273
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
BAHASA ASLI SERAPAN

abort gugurkan
access akses

account akun
action button tombol aksi
action setting penataan aksi
add-ons pengaya
address alamat
algorithm algoritma
align left rata kiri
align right rata kanan
alignment perataan
alternate silih
animation animasi
anonymous anonim
append bubuh
application aplikasi
apply terapkan
arrange susun
array larik
ascending menanjak,urut naik
attribute atribut
autoformat otoformat
back slash garis miring kiri

275
BAHASA ASLI SERAPAN

back up cadangan
back balik
background latar belakang
backtracking lacak balik

bandwidth lebar pita
bar batang,bilah
base basis,pangkalan
batch tumpak
binary biner
block cekal,blokir
blur kabur
bold tebal
bookmark markah,penanda
braces kurung kurawal
browse ramban
browser peramban
bug kutu
bullet bulet
button tombol
byte bita
cache tembolok,singgahan
cancel batal
capacity kapasitas
capslock kacing kapital
caption takarir
276
BAHASA ASLI SERAPAN

cartridge katrid,selongsong
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
copyleft hak tiru
copyright hak cipta
count cacah
crack rengkah
cracker perengah
crash mogok
crop pangkas
cursor kursor
daemon jurik
277
BAHASA ASLI SERAPAN

database basis data
datasheet lembar data
debug awakutu
debugging pengawakutuan

decoding pengawasandian
decrease kurang,susut
default asali,baku,bawaan
delete hapus
dependency dependensi,ketergantungan
descending menurun,urut turun
device peranti
directory direktori
disc cakram,diska
disclaimer penafian
domain ranah
download unduh
draft konsep
drag seret
drive kandar
driver pamacu
drop lepaskan
dropdown pilihan menurun
edit sunting
email surel (surat elektronik)
embed semat
278
BAHASA ASLI SERAPAN

encryption enkripsi
error galat
ethernet eternet
expand bentangkan

extension ekstensi
fetch jemput,ambil
field bidang,isian
file berkas
filter penyaring
find temukan
firmware peranti tegar
folder pelipat
font huruf,fonta
gadget gawai
gateway gerbang
gigabyte gigabita
hack retas
hacker peretas
hang macet
harddisk cakram keras,diska keras
hastag tagar (tanda pagar)
header tajuk
heading penajukan
highlight sorot
history riwayat
279
BAHASA ASLI SERAPAN

home beranda
hotspot area bersinyal
hyperlink hipertaut
image citra

import impor
inbox kotak masuk
input masukan
insert sisip,sisipan
install pasang,instal
installer pemasang
installing pemasangan
interface antarmuka
istilah asing arti
italic italik,miring
keyboard papan ketik
keypad bantalan tombol
keyword kata kunci
kilobyte kilobita
lanscape lanskap
laptop komputer jinjing
launch luncur
link tautan
list senarai
load muat
loading memuat
280
BAHASA ASLI SERAPAN

lock kancing
macro makro
mailing list daftar surel
maximized dimaksimalkan

megabyte megabita
menubar bilah menu
merge gabung
minimized diminimalkan
mount kait
mouse tetikus
network jaringan
networking jejaring
numlock kancing angka
offline luring (luar jaringan)
online daring (dalam jaringan)
option opsi
parentheses kurung lengkung
password sandi,kata sandi
paste tempel
path jalan
path jalur
pause jeda
penetration penetrasi,penerobosan
permission hak akses
picture gambar
281
BAHASA ASLI SERAPAN

popup sembulan
port pangkalan
post kirim
posting kiriman

potrait potret
power daya
preference preferensi
preview pratinjau,pratayang,pratampil
printer pencetak
privacy privasi
prompt siap ketik
prototype purwarupa,prototipe
proxy proksi,pewali
pull tarik
push dorong
query kueri
record utas,rekam
redo ulangi
refresh segarkan
reload muat ulang
repeat ulang
replace ganti
replay memainkan kembali
repository lumbung
request permintaan
282
BAHASA ASLI SERAPAN

reset tata ulang
response balasan
restart mulai ulang
restore mengembalikan

restored dikembalikan
review ulasan
save as simpan sebagai
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
slash garis miring
slide salindia
software perangkat lunak
sound card kartu suara
split belah
283
BAHASA ASLI SERAPAN

square brackets kurung siku
state keadaan
submit kirim
subscriber penika bawah

swipe gesek
sync sinkron
synchronize menyelaraskan
tap ketuk
taskbar batang tugas
template templat
terms & condition syarat dan ketentuan
thread utas,ulir
timeline kronologi,linimasa
tool perkakas,alat
toolbar bilah alat
touch sentuh
trace runut
transliteration transliterasi,alih aksara
undo urungkan
uninstal hapus pemasangan
unmount putus kait
update perbarui
updater pembaru
upgrade tingkatkan
upload unggah
284
BAHASA ASLI SERAPAN

user pengguna
username nama pengguna
view tampilkan
vulnerable rentan

web jaringan
website laman
window jendela
wizard penuntut
zoom perbesar
285

E-Book Desain Grafis Dengan Inkscape-Watermark

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

E-Book Desain Grafis Dengan Inkscape-Watermark

Diunggah oleh

Hak Cipta:

Format Tersedia

Free Edition - Not For Sale

Desain Grafis dengan Inkscape

Free Edition - Not For Sale

Free Edition - Not For Sale

Free Edition - Not For Sale

Semarang, 01 Februari 2017

Free Edition - Not For Sale

BAB 2 MENGGUNAKAN INKSCAPE...................................................................................................5

BAB 3 CANVAS AND PAGE..............................................................................................................15

BAB 5 TOOL BOX............................................................................................................................31

Free Edition - Not For Sale

BAB 8 MULTIPLE OBJECT OPERATIONS.........................................................................................109

BAB 9 OBJECT'S POSITION............................................................................................................127

BAB 10 ORGANISING OBJECTS.....................................................................................................135

Free Edition - Not For Sale

BAB 13 XML EDITOR.....................................................................................................................216

BAB 14 SVG FILTERS.....................................................................................................................220

BAB 15 TUTORIAL DAN TRIKS.......................................................................................................232

BAB 16 KEYBOARD SHORTCUTS...................................................................................................265

TENTANG SEPATU FANS.................................................................................................................271

KAMUS SERAPAN ISTILAH BAHASA KOMPUTER............................................................................276

Free Edition - Not For Sale

TERTARIK UNTUK MENJADI SPONSOR BUKU INI?

SILAKAN BACA HALAMAN 272

1.1. Apa itu Inkscape?

Free Edition - Not For Sale

1.2. Sejarah Inkscape

Free Edition - Not For Sale

1.3. Apa Itu SVG

Gambar 1.2: Logo World Wide Web Consortium

1.4. Perbedaan Vektor dan Bitmap

Free Edition - Not For Sale

Gambar 1.3: Perbedaan Vektor dengan Bitmap ketika diperbesar

1.5. Keuntungan Menggunakan SVG

Free Edition - Not For Sale

2.1. Antarmuka Inkscape

Free Edition - Not For Sale

2.2.1. Tombol kiri

2.2.2. Tombol kanan

2.2.3. Tombol Scroll atau Tombol tengah

Gambar 2.1: Mouse dengan keterangan tombolnya

2.2.3.1. Istilah Pada Mouse

Free Edition - Not For Sale

Seret dan Lepaskan

2.3. Membuka Inkscape

Gambar 2.2: Cara Menjalankan Inkscape pada BlankOn Linux

2.4. Mengenal Menu-Menu Inkscape

Free Edition - Not For Sale

Gambar 2.3: Antarmuka Inkscape dengan berbagai keterangannya

2.4.1. Name File

2.4.2. Menu Bar

Gambar 2.4: Menu Bar

Free Edition - Not For Sale

Gambar 2.5: Command Bar

2.4.4. Tool Control

2.4.6. Tool Box

Gambar 2.7: Tool Box

Free Edition - Not For Sale

2.4.9. Scroll Bar

2.4.10. Snap Controls

2.4.11. Color Palette

Free Edition - Not For Sale

Gambar 2.8: Color Palette