Archive for the ‘Flash – Animasi’ Category





04
Jul

Awan

Written by admin 37 Komentar

Pada tutorial kali ini kita akan membuat animasi awan. Tutorial ini dapat digunakan dalam sebuah game, misalnya game pesawat terbang. Terdapat 2 buah pilihan, menggunakan movie clip di stage atau menggunakan metode attchMovie.

Awan Movie Clip

1. Buatlah sebuah flash document dengan biru sebagai warna stagenya.

2. Buatlah sebuah awan seperti gambar di bawah ini :

awan

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

4. Seleksi movie clip awan di stage lalu tekan Ctrl+D sebanyak 3 sehingga muncul 4 buah movie clip awan di stage.

5. Seleksi movie clip awan pertama di stage dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan awan1 sebagai instance name. Selengkapnya »

10
Jun

Old New

Written by admin 33 Komentar

Animasi yang akan kita buat kali ini adalah animasi dimana apabila kursor mouse berada di atas sebuah gambar maka gambar tersebut yang tadinya berwarna hitam putih secara terus menerus berubah menjadi berwarna disertai ukurannya yang sedikit membesar. Apabila gambar tersebut kita klik maka gambar tersebut akan berputar sampai ukurannya sebesar stage.

1. Buatlah sebuah flash document.

2. Tekan Ctrl+R. Pada panel yang muncul cari gambar yang diinginkan kemudian tekan open. Buat ukuran gambarnya menjadi lebih kecil dan tempatkan di tengah-tengah stage.

3. Seleksi gambar yang diimport tadi dan tekan F8. Pada panel yang muncul masukkan gambar_tween sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

4.  Seleksi movie clip gambar-tween dan tekan F8. Pada panel yang muncul masukkan gambar_mc sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

5. Seleksi movie clip gambar_mc di stage dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan gambar_mc sebagai instance name. Selengkapnya »

08
Jun

Kaca Pembesar

Written by admin 27 Komentar

Kaca pembesar adalah suatu alat yang digunakan untuk membantu melihat objek menjadi tampak besar. Di Flash kita dapat membuat hal yang sama dengan menggunakan fasilitas yang sudah disediakan yaitu Mask. Sebelum membaca tutorial di bawah ini ada baiknya anda membaca terlebih dahulu Mask dan Masking dengan mouse

1. Buatlah sebuah flash document.

2. Tekan Ctrl+R, pada panel yang muncul cari gambar yang diinginkan kemudian tekan Open. Letakkan gambar tersebut di tengah-tengah stage.

3. Seleksi gambar yang dimport tadi dan tekan Ctrl+D untuk menduplikasi objek.

4. Seleksi gambar hasil duplikasi dan tekan F8. Pada panel yang muncul masukkan picture sebagai name dan movie clip sebagai type lalu tekan ok. Selengkapnya »

07
Jun

Kipas berputar

Written by admin 18 Komentar

Berikut ini kita akan membuat sebuah animasi kipas berputar. Dimana kipas yang dapat didrag akan berputar apabila menyentuh listrik dan akan berhenti berpuatar apabila tidak menyentuh listrik.

1. Buatlah sebuah flash document.

2. Buatlah sebuah objek berbentuk seperti gambar di bawah ini : Selengkapnya »

18
May

Animasi Teks Bagian 2

Written by admin 12 Komentar

Tutorial ini merupakan kelanjutan dari Animasi Teks Bagian 1

Animasi 6

1. Buatlah sebuah Static Text bertuliskan Animasi Teks. Tempatkan di tengah-tengah stage

2. Seleksi text tersebut dan tekan F8. Pada kotak dialog yang muncul masukan teks sebagai Name dan pilih Movie Clip sebagai Type dan tekan OK.

3. Klik kanan frame 2 pilih Insert Keyframe. Klik kanan frame 15 dan pilih Insert Keyframe. Klik kanan frame 35 dan pilih Insert Keyframe. Klik kanan frame 44 dan pilih Insert Keyframe. Klik kanan frame 45 dan pilih Insert Blank Keyframe.

4. Hapus movie clip teks di frame 1. Selengkapnya »

12
Apr

Masking dengan mouse

Written by admin 16 Komentar

Tutorial ini merupakan penggabungan dari masking dan menggerakan objek dengan gerakan mouse. Hasilnya berupa sebuah masking yang digerakkan dengan kursor mouse. Masking dengan kursor mouse ini juga bagus untuk interaktif. Anda dapat berkreasi melalu tutorial di bawah ini.

1. Buatlah sebuah flash document.

2. Takan tombol Insert Layer di timeline sebanyak 2 kali sehingga di timeline akan terlihat seperti gambar di bawah ini : Selengkapnya »

08
Apr

Animasi Slide In dan Slide Out

Written by admin 14 Komentar

Animasi slide in adalah animasi dimana sebuah objek (gambar/tulisan) yang tadinya letaknya tidak berada di stage, bergerak secara terus menerus sehingga berada di stage. Sedangkan animasi fade out adalah animasi dimana sebuah objek (gambar/tulisan) yang tadinya letaknya berada di stage, bergerak secara terus menerus sehingga berada di luar stage. Kedua-duanya sama-sama menggunakan animasi tween. Pada tutorial di bawah ini kita akan menggunakan sebuah gambar sedangkan untuk tulisan anda dapat mengganti gambar di bawah ini menjadi tulisan.

Animasi Slide in
1. Buatlah sebuah flash document.

2. Masukkan gambar dengan menekan Ctrl+R. pada kotak dialog yang muncul cari gambar yang diinginkan dan tekan open. Letakkan gambar di stage bagian luar sebelah kiri. Selengkapnya »