Archive for the ‘Flash – Animasi’ Category

23
Oct

Masking Donat

Written by admin 21 Komentar

Kali ini kita akan membuat sebuah animasi melingkar. Kita akan menggunakan gabungan mask dan motion tween untuk membuatnya. Tutorialnya memang sedikit rumit, namun jika anda sudah menguasainya sebenarnya mudah. Masking donat ini juga bisa anda gunakan sebagai animasi saat membuat preloader.

1. Buatlah sebuah flash document.

2. Tekan tombol Insert Layer sebanyak 2 kali sehingga di Timeline muncul 2 buah layer baru bernama Layer 2 dan Layer 3.

3. Klik frame 1 Layer 1 agar anda aktif di layer tersebut. Kemudian buatlah sebuat shape berbentuk donat dengan menggunakan oval tool, seperti gambar di bawah ini :

Selengkapnya »

17
Dec

Contreng Silang

Written by admin 17 Komentar

Berikut ini kita akan membuat animasi tanda contreng dan silang. Kita akan menggunakan Mask untuk membuatnya. Animasi ini bisa anda pakai pada kuis untuk memberitahu kepada user/pemain apakah jawaban yang dipilih benar atau salah.

Animasi Contreng

1. Buatlah sebuah flash document.

2. Klik kanan frame 2 dan pilih Insert Blank KeyFrame. Pastikan anda aktif di frame 2 lalu buatlah sebuah tanda contreng seperti gambar di bawah ini :

contreng1

3. Tekan sekali tombol Insert Layer pada timeline sehingga muncul layer baru bernama Layer 2. Klik kanan frame 2 Layer 2 dan pilih Insert Blank KeyFrame.

4. Pastikan anda aktif di frame 2 Layer 2 kemudian buatlah sebuah lingkaran berwarna merah. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan lingkaran sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

Selengkapnya »

28
Nov

Hujan + Riak

Written by admin 41 Komentar

Sebelumnya kita pernah membuat animasi hujan. Tetapai pada animasi hujan sebelumnya tidak ada riak air ketika hujan jatuh. Oleh karena itu pada tutorial kali ini kita akan membuat sebuah animasi hujan yang disertai riak air apabila hujan tersebut menyentuh tanah.

1. Buatlah sebuah flash document.

2. Buatlah garis lingkaran berwarna hitam. Seleksi garis lingkaran ini kemudian tekan F8. Pada panel yang muncul masukkan garis_lingkaran sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

3. Seleksi movie clip garis_lingkaran di stage kemudian tekan F8. Pada panel yang muncul masukkan riak sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

Selengkapnya »

12
Nov

Scrolling Background Jika Keyboard Di Tekan

Written by admin 25 Komentar

Kali ini kita akan memodifikasi tutorial scrolling background dengan motion tween. Kita akan membuat background bergerak hanya jika tombol panah kanan/kiri pada keyboard ditekan.

1. Bukalah fla dari tutorial scrolling background dengan motion tween.

2. Tekan tombol insert layer pada timeline sehingga akan muncul layer baru bernama Layer 2. Klik frame 1 Layer 2 kemudian buatlah sebuah lingkaran kecil berwarna kuning dengan hitam sebagai warna garisnya.

3. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan pemain sebagai name dan movie clip sebagai type lalu tekan ok.

4. Seleksi movie clip pemain di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan pemain sebagai instance name. Letakkan movie clip pemain ini pada stage bagian kiri atas.

Selengkapnya »

22
Oct

Animasi Gelembung

Written by admin 34 Komentar

Animasi yang akan kita buat berikut ini berupa gelembung udara yang bergerak ke atas. Apabila kita menyentuh gelembung udara tersebut dengan kursor mouse maka gelembung udara itu akan otomatis menghilang.

1. Buatlah sebuah flash document berwarna biru.

2. Buatlah sebuah lingkaran berwarna biru dengan putih sebagai warna garisnya dan buatlah juga seperempat garis lingkaran berwarna putih yang ditempatkan ditengah lingkaran tersebut seperti gambar di bawah ini :

gelembung

3. Seleksi lingkaran dan seperempat garis lingkaran tadi kemudian tekan F8. Pada panel yang muncul masukkan gelembung sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah.

Selengkapnya »

17
Aug

Spektrum suara

Written by admin 8 Komentar

Spektrum suara yang kita buat ini tidak sinkron dengan musik (hanya untuk hiasan saja). Teknik pembuatanya akan menggunakan animasi frame.

1. Buatlah sebuah flash document.

2. Pada frame 1, buatlah sebuah garis lurus di tengah-tengah stage seperti gambar di bawah ini.

sp1

Selengkapnya »

17
Jul

Kipas Berputar 2

Written by admin 36 Komentar

Sebelumnya kita membuat sebuah kipas yang bergerak apabila disentuhkan ke movie clip listrik. Kali ini kita akan membuat sebuah kipas yang bergerak apabila kita menekan tombol on dan berhenti bergerak apabila kita menekan tombol off.

1. Buatlah sebuah flash document.

2. Buatlah sebuah objek seperti di bawah ini :

baling

3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan baling sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.

4. Seleksi movie clip baling lalu tekan Ctrl+F3. Pada panel properties yang muncul masukkan baling dalam kotak instance name. Selengkapnya »