Opsi dalam Pengarsiran

Mukadimah

Tulisan ini masih bertalian dengan hal mengarsir. Meskipun telah diterbitkan berbagai tulisan yang memuat hal mengarsir, namun setidaknya tulisan kali ini juga didukung oleh pemahaman terhadap materi tulisan sebelum ini.

Gambar dalam tulisan ini sepenuhnya dibuat oleh paket TikZ. Sedangkan pewarnaan (bila diperlukan) dapat dibuat bersama paket xcolor dengan opsi dvipsnames, svgnames, atau x11names.

Perhatikan gambar di samping.

• Bagaimanakah cara membuat arsiran "selemah" itu?
• Apa saja pilihan bentuk untuk arsiran?
• Bagaimana sebaiknya cara mengarsir?

Ada 9 contoh masing-masing berupa kubus $ABCD.EFGH$ yang penulis tunjukkan dalam tulisan ini. Koordinat $A$ penulis letakkan pada pojok bawah-kiri. Penulis mengulasnya masing-masing dan menyoroti sekitar koordinat $F$ dengan memperbesarnya, berkat kepustakaan spy dari pake TikZ, untuk memperjelas akibat dari tindakan perintah gambar dan pengarsiran. Untuk itu Anda akan "bolak-balik" membaca uraian ini dan melihat hasilnya pada contoh dokumen pada bagian bawah tulisan ini.

Pengisian Daerah Tertutup

Suatu daerah tertutup dapat kita isi oleh salah satu dari dua pilihan, yaitu diisi oleh suatu warna (seperti dapat Anda lihat pada Gambar 1-3 dalam contoh dokumen terlampir) atau diisi oleh arsiran. Baik pengisian oleh warna maupun pengarsiran, keduanya merupakan opsi dalam perintah \draw atau \path.

Pengisian Daerah Tertutup oleh Warna

Misalkan sudah kita tetapkan koordinat $A$, $B$, $F$, dan $E$, maka pengisian daerah tertutup $ABFE$ dapat dilakukan dalam dua cara. Pertama, mengambar lintasan (path)-nya sekaligus mengisinya. Kita nyatakan

\draw[fill=...] (A)--(B)--(F)--(E)--cycle;

dan opsi fill diisi oleh jenis warna tertentu. Kedua, menetapkan lintasannya (oleh perintah \path) lebih dulu dan mengisinya oleh suatu warna, baru kemudian menggambarkan (0leh perintah \draw) lintasannya itu. Kita nyatakan (dalam dua baris)

\path[fill=...] (A)--(B)--(F)--(E)--cycle;
\draw[...] (A)--(B)--(F)--(E)--cycle;

Opsi dalam perintah \draw itu dapat diisi oleh opsi lainnya yang diperlukan atau dibiarkan kosong.

Pengisian Daerah Tertutup oleh Arsiran

Demikian halnya dalam pengarsiran, kedua cara itu sama berlakunya. Bila pengarsiran diinginkan bersamaan dengan menggambarkan lintasannya, maka kita nyatakan

\draw[pattern=...,pattern color=...] (A)--(B)--(F)--(E)--cycle;

Opsi pattern diisi oleh jenis arsiran tertentu dan (bila diperlukan) opsi pattern color diisi oleh warna tertentu.

Pada umumnya kita lebih sering membuat atau melihat arsiran itu berupa barisan gari-garis berjarak tertentu yang mengarah ke Barat Laut (North West) atau ke Timur Laut (North East). Tetapi bila kita buka buku panduan paket PGF (pgf manual) maka pada halaman 666 akan kita temukan berbagai jenis/bentuk arsiran sebagai berikut.

Kita dapat memilih salah satunya untuk mengisi opsi pattern tadi.

Bila kita tetapkan lebih dulu lintasannya (oleh perintah \path) dan mengarsir daerahnya oleh suatu bentuk arsiran, baru kemudian menggambarkan (0leh perintah \draw) lintasannya itu, maka kita nyatakan (dalam dua baris)

\path[pattern=...,pattern color=...] (A)--(B)--(F)--(E)--cycle;
\draw[] (A)--(B)--(F)--(E)--cycle;

Contoh-contoh

Pewarnaan pada contoh-contoh dalam dokumen terlampir di bawah ini masih menggunakan warna dasar, yang secara otomatis sudah dibawakan oleh paket TikZ. Oleh karena itu, dalam mukadimah (preamble), cukup kita cantumkan 

\usepackage{tikz}
\usetikzlibrary{patterns}

Kemudian, untuk menggambar kubus, kita tetapkan koordinat (misalnya)

\coordinate (A) at (0,0);
\coordinate (B) at (4,0);
\coordinate (C) at (6,1);
\coordinate (D) at (2,1);
\coordinate (E) at (0,4);
\coordinate (F) at (4,4);
\coordinate (G) at (6,5);
\coordinate (H) at (2,5);

Skala gambar dapat diatur sesuai dengan keperluannya. Agar pada sudut-sudutnya ujung-ujung rusuk tidak meruncing, kita cantumkan opsi line join=round seperti ini

\begin{tikzpicture}[scale=.75, line join=round]

Pada setiap contoh (gambar), perhatikan dampak dari perintah yang dibuat dan gambar yang dihasikan, yang diwakili oleh bagian pojok yang diperbesar itu. Anda dapat menambah perbesarannya pada pembaca berkas PDF Anda.

Gambar 1

Gambar 1 dihasilkan oleh perintah

\draw[fill=olive] (A)--(B)--(F)--(E)--cycle; 
\draw[fill=purple] (B)--(C)--(G)--(F) ;
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Bidang $ABFE$ dan $BCGF$ digambar sekaligus diisi daerahnya oleh warna.

Gambar 2

Gambar 2 dihasilkan oleh perintah

\draw[fill=olive,opacity=.8] (A)--(B)--(F)--(E)--cycle;
\draw[fill=purple,opacity=.6] (B)--(C)--(G)--(F) ;
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Sama seperti Gambar 1, tetapi dengan menurunkan tingkat tak tembus pandang (opasitas)-nya, sebagai opsi.

Gambar 3

Gambar 3 dihasilkan oleh perintah

\path[fill=olive,opacity=.8] (A)--(B)--(F)--(E)--cycle;
\path[fill=purple,opacity=.6] (B)--(C)--(G)--(F) ;
\draw[] (A)--(B)--(F)--(E)--cycle;
\draw[] (B)--(C)--(G)--(F);
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Sama seperti pada Gambar 2, tetapi pengisian oleh warna lebih dulu sebelum menggambarkan lintasannya.

Gambar 4

Gambar 4 dihasilkan oleh perintah

\draw[pattern=north west lines,pattern color=olive] (A)--(B)--(F)--(E)--cycle;
\draw[pattern=north east lines,pattern color=purple] (B)--(C)--(G)--(F);
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Bidang $ABFE$ dan $BCGF$ digambar sekaligus diisi daerahnya oleh arsiran.

Gambar 5

Gambar 5 dihasilkan oleh perintah

\path[pattern=north west lines,pattern color=olive] (A)--(B)--(F)--(E)--cycle;
\path[pattern=north east lines,pattern color=purple] (B)--(C)--(G)--(F) ;
\draw[] (A)--(B)--(F)--(E)--cycle;
\draw[] (B)--(C)--(G)--(F);
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Sama seperti pada Gambar 4, tetapi pengarsiran lebih dulu sebelum menggambarkan lintasannya.

Gambar 6

Gambar 6 dihasilkan oleh perintah

\draw[preaction={pattern=north west lines,pattern color=olive,nearly transparent}] (A)--(B)--(F)--(E)--cycle;
\draw[preaction={pattern=north east lines,pattern color=purple,nearly transparent}] (B)--(C)--(G)--(F);
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Ini salah satu "kekayaan" dalam paket TikZ. Kita dapat membuat arsiran "tipis" berkat opsi nearly transparent. dalam bentuk

preaction={pattern=...,pattern color=...,nearly transparent}

Pada ujung opsi itu dapat kita gunakan: nearly transparent, very nearly transparent, atau ultra nearly transparent, yang secara berturut-turut semakin "menipis". 

Gambar 7

Gambar 7 dihasilkan oleh perintah

\draw[preaction={pattern=north west lines,pattern color=olive,very nearly transparent}] (A)--(B)--(F)--(E)--cycle;
\draw[preaction={pattern=north east lines,pattern color=purple,very nearly transparent}] (B)--(C)--(G)--(F);
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

(Seperti pada Gambar 6) sebagai contoh penggunaan opsi very nearly transparent.

Gambar 8

Gambar 8 dihasilkan oleh perintah

\draw[pattern=north west lines,pattern color=olive,opacity=.8] (A)--(B)--(F)--(E)--cycle;
\draw[pattern=north west lines,pattern color=purple,opacity=.6] (B)--(C)--(G)--(F);
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Secara sekaligus menggambar lintasannya, mengarsir daerahnya, dan mengatur tingkat opasitasnya.

Gambar 9

Gambar 9 dihasilkan oleh perintah

\pattern[pattern=north west lines,pattern color=olive,opacity=.8] (A)--(B)--(F)--(E)--cycle;
\path[pattern=north west lines,pattern color=purple,opacity=.6] (B)--(C)--(G)--(F);
\draw[] (A)--(B)--(F)--(E)--cycle;
\draw[] (B)--(C)--(G)--(F);
\draw (G)--(H)--(E);
\draw[dashed] (A)--(D)--(H) (C)--(D);

Sama seperti pada Gambar 8, tetapi pengarsiran dilakukan lebih dulu sebelum menggambar lintasannya.

Penutup

Dengan demikian, dalam pengisian daerah tertutup, kita perlu memperhatikan setidaknya dua hal, yaitu unsur estetis dan pilihan warna atau arsiran. Demikian semoga bermanfaat.

$\square$ Adjie Gumarang Pujakelana 2017