Animasi Kincir Angin dengan Expression Blend 2

19 May

Saat ini orang sudah mulai bosan dengan sesuatu yang bersifat statis. Contoh hal yang bersifat statis adalah gambar. Nah, untuk itulah dibuat animasi yang akan menjadi solusi hal tersebut karena animasi bersifat dinamis.

Pada kesempatan kali ini kita akan mencoba membuat suatu aplikasi animasi dengan menggunakan tools bernama Expression Blend 2. Silakan menyiapkan secangkir teh dan sepiring biscuit untuk menemani Anda dalam membuat animasi.

Pertama buka aplikasi Expression Blend 2, kemudian klik file pada menu bar dan pilih new project (Ctrl + Shift + N). Kemudian pilih WPF Application (.exe).

expression blend animasi kincir angin

Beri nama project sesuka Anda. Klik OK dan Anda akan dihadapkan pada workspace project Anda. Add canvas pada workspace dengan cara klik kanan pada toolbox dan pilih canvas, set ukuran canvas pada properties dengan Widht 400 dan Heigth 400.

expression blend animasi kincir angin 2

 

Rename layer canvas menjadi standcanvas

expression blend animasi kincir angin 3

Buat vertical stand dan horizontal stand (Width 210 dan Height 10) menggunakan rectangle. Kemudian beri warna stand tersebut dengan menggunakan brush resources –> ControlDarkDarkBrushKey.

expression blend animasi kincir angin 4

Buat canvas lagi untuk menggambar baling-baling dengan Width 300 dan Height 250. Ubah nama layer menjadi wingscanvas.Kemudian buat baling-baling menggunakan ellipse. Atur Width menjadi 15 dan Height menjadi 100. Beri warna sesukan Anda dan duplikasikan menjadi 3 baling-baling. Kemudian buat satu lingkarang yang menyatukan ketiga baling-baling tersebut. Atur ketiga baling-baling tersebut sedemikian rupa sehingga berbentuk baling-baling kincir seperti yang terlihat pada gambar.

expression blend animasi kincir angin 5

expression blend animasi kincir angin 6 expression blend animasi kincir angin 7 expression blend animasi kincir angin 8

Demikianlah pembuatan animasi kincir angin dengan Expression Blend. Semoga bermanfaat!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: