Skip to main content

Bab 5-FiilAndStroke

[/raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab2/Mundur.png][/ raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab2/Maju.png]

5.1.Fill and Stroke

5.1.1. Fill

Fill adalah konten visual utama object SVG pada Inkscape atau dengan kata lain merupakan bagian tengah pada object shape. Setiap object SVG memiliki beberapa jenis fill (kecuali pada connector diagram).

Catatan
  • Bezier dan garis Freehand memiliki fill sendiri, meskipun secara bawaan sudah diatur dalam bentuk transparant.
5.1.1.1. Stroke Paint

Stroke Paint adalah garis tepi atau bingkai yang mengikuti fill suatu object SVG. Setiap object SVG dapat memiliki satu stroke baik yang diset atau tidak diset. Stroke Paint pada dasarnya sama dengan fill yang terdiri dari warna umum, gradient dan pattern, lebar Stroke juga dapat diatur sesuai kebutuhan. [/raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab5-FiilAndStroke/ 5.1.1.1.Stroke_Paint.png]

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

5.1.1.3. Menampilkan Jendela Fill and Stroke

Jendela pengaturan Fill and Stroke dapat ditampilkan dengan beberapa cara, lakukan salah satu langkah 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 Keyboard, tekan tombol Shift+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.
5.1.1.4. Menu Fill and Stroke

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

Jenis Fill and Stroke

Berikut beberapa menu untuk memilih dan mengatur jenis Fill and Stroke, untuk memilih jenis fill and stroke, klik ikon yang sesuai, berikut ikon yang tersedia. [/raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab5-FiilAndStroke/ bartools.png]

No Paint

No Paint digunakan untuk menghapus Fill atau Stroke pada object [/raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab5-FiilAndStroke/ nopaints.png]

Flat Color

Flat Color digunakan untuk mengatur warna standar pada Fill atau Stroke pada object yang dipilih [/raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab5-FiilAndStroke/ flatcolor.png]

Gradient

Gradient digunakan untuk mengatur transisi antara dua warna atau lebih pada Fill atau Stroke (lihat halaman Tool Box => Gradient)

Pattern

Pattern digunakan untuk memilih dan mengubah Fill atau Stroke menjadi bentuk pola tertentu.

Swatch

Swatch digunakan untuk mengubah Fill atau Stroke menjadi warna bebas sesuai pilihan

Unset Paint

Unset Paint digunakan untuk memberikan atribut yang berbeda pada metode clone pada object.

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 [/raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab5-FiilAndStroke/ nonzero.png][/raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab2/Mundur.png] [/ raw-attachment/wiki/Dokumentasi/Panduan/Grafik/Inkscape/Bab2/Maju.png] Last modified on 07/07/2014 10:25:34 AM

Attachments (5)

  • bartools.png​ (38.7 KB) - added by guspur 3 years ago.
  • flatcolor.png​ (52.1 KB) - added by guspur 3 years ago.
  • nonzero.png​ (32.6 KB) - added by guspur 3 years ago.
  • nopaints.png​ (31.7 KB) - added by guspur 3 years ago.
  • 5.1.1.1.Stroke_Paint.png​ (20.1 KB) - added by imgos 3 years ago.