Learn Expression Design: STROKES

Menyambung posting pengenalan Expression Design, kali ini akan dibahas mengenai penggunaan Strokes. Pertama-tama buat sebuah path dengan cara menekan shortcut P untuk Pen, buat ngasal, kemudian select path tersebut (gunakan shortcut V [Selection]), seperti contoh berikut.

imageDi panel Properties, silakan bereksperimen dengan Joint, Caps, dan Dash yang berada dibawah pilihan judul “Stroke”. Perhatikan perbedaannya pada ketiga kenis Joint yang ada berikut (Miter Join, Bevel Join, dan Round Join):

image  image 

image

Kelihatan nggak bedanya? Kalo kurang keliatan dicoba aja ya sendiri :p

Sedangkan pada Caps, juga terdapat 3 macam yaitu Flat Cap, Round Cap, dan Square Cap. Mengubah cap berarti menentukan ujung awal dan akhir path, apakah ingin berbentuk datar, bulat, atau persegi. Silakan dicoba juga yaa.. (yang ngasi tutorial males bikin skrinsyut :))

Yang menarik adalah Dash. Ketika checkbox Dash ditandai, maka terdapat textbox yang dapat diisi dengan value. Value tersebut menandakan panjang dash dan gap (jarak antar garis), yang dipisahkan oleh spasi. Jadi misalnya kita memasukkan dash value=10 3 7, maka pola garis yang terbentuk adalah 10 dash, 3 gap, 7 dash, 10 gap, 3 dash, 7 gap, dst. Hasilnya seperti berikut:

image image

Selanjutnya jika kita ingin memodifikasi path-yang-masih-terlihat-kaku tersebut, gunakan shortcut A (Direct Selection) untuk mengubah-ubah posisi node, dan tekan Shift+C (Convert Anchor Point) untuk mengubah node sesuai bentuk yang Anda inginkan. Dengan sedikit modifikasi maka path saya jadinya seperti berikut: (silakan bereksperimen dengan warna/gradien stroke dan atur ketebalan/width-nya pada panel Properties)

image

Selamat bereksperimen! Mm, mungkin selanjutnya dibahas pengembangan dari strokes, yaitu Custom Strokes :)

*btw cara attach file biar kayak punya orang-orang gitu gimana yah? kok gw attach tapi cupu gitu bentuknya.. ehehe.. maklum pemula community server :p

Share this post: | | | |
Attachment: learnStroke.zip
Published Wednesday, December 24, 2008 7:34 PM by Umi Fadilah
Filed under:

Comments

# re: Learn Expression Design: STROKES

Wednesday, December 24, 2008 9:55 PM by ronald

elo pake Windows Live Writer kan me?

jadi buat masukin file lo tinggal bikin account aja di skydrive dan pake plugin  SkyDrive Attachment plugin yang bisa diunduh disini :

gallery.live.com/liveItemDetail.aspx

# re: Learn Expression Design: STROKES

Thursday, December 25, 2008 4:01 PM by Umi Fadilah

ohoho.. sip sip, tenkyu beratt :)

# Learn Expression Design: CUSTOM STROKES

Thursday, December 25, 2008 4:12 PM by Umi Fadilah

Dari postingan sebelumnya tentang stroke di Exp. Design, kita sudah berhasil membuat path stroke. Sekarang

Powered by Community Server (Commercial Edition), by Telligent Systems