Pemberitahuan

Blog ini berisi Posting yang saya tulis sendiri dan ada yang bersumber dari website lain serta saya sertakan link sumbernya. di blog ini hanya untuk berbagi ilmu. bila ada kekhilafan saya mohon maaf. selamat berkunjung.

Efek Animasi Kobaran Api dengan Flash

Posted by Belajar Desain On Sabtu, 12 November 2011 0 comments



       berbagai macan efek animasi bisa kita buat dengan flash, kita sekarang akan membuat efek api yang menyala nyala menggunakan flash. yang kita perlukan hanya sedikit pembuatan objek lalu kita sisipkan code script ke objek tersebut lalu bukan sulap bukan sihir... jadilah api yang membara...^_^..
oke tanpa banyak bacot lagi langsung ikuti step by stepnya :



1. Buatlah sebuah flash document dengan warna stage hitam
.
2. Buatlah sebuah lingkaran berwarna radial dengan kode #FFFFFF alpha 100% dan #FFFFFF alpha 0%. Seleksi lingkaran tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan api sebagai name dan movie clip sebagai type lalu tekan ok.

3. Seleksi movie clip api di stage dan tekan F8 lagi. Pada kotak dialog yang muncul masukkan animasi_api sebagai name dan movie clip sebagai type serta titik registration berada ditengah-tengah lalu tekan ok. Klik 2 kali movie clip animasi_api untuk masuk ke dalam stagenya.

letaka
Letak objek di frame 1 movie clip animasi_api

4. Klik kanan frame 10 dan pilih Insert Keyframe. Seleksi movie clip api dan tekan Ctrl+F3. Pada panel properties yang muncul ubah Color menjadi Tint berwarna kuning. Ubah posisi movie clip api di frame 10 ke atas.

letakb

Letak objek di frame 10 movie clip animasi_api

5. Klik kanan frame 20 dan pilih Insert Keyframe. Seleksi movie clip api dan tekan Ctrl+F3. Pada panel properties yang muncul ubah Color menjadi Tint berwarna merah . Ubah ukurannya menjadi sedikit membesar dan juga ubah posisinya ke atas.
letakc
Letak objek di frame 20 movie clip animasi_api

6. Klik kanan frame 25 dan pilih Insert Keyframe. Seleksi movie clip api dan tekan Ctrl+F3. Pada panel properties yang muncul ubah Color menjadi Tint berwarna hitam. Ubah posisi movie clip api sedikit ke atas dan juga kecilkan bentuknya.
letakd2x
Letak objek di frame 25 movie clip animasi_api

7. Klik kanan frame 1 dan pilih Create Motion Tween. Klik kanan frame 10 dan pilih Create Motion Tween. Klik kanan frame 20 dan pilih Create Motion Tween.

8. Tekan Ctrl+E untuk kembali ke stage scene 1. Seleksi movie clip animasi_api dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan animasi_api sebagai instance name.

9. Klik frame 1 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//membuat variable i dengan nilai 1
var i:Number = 1;
//membuat variable jumlah_api dengan nilai 50
var jumlah_api:Number = 50;
//membuat variable x dengan nilai koordinat awal x movie clip animasi_api
var x:Number = animasi_api._x;
onEnterFrame = function () {
 //jika nilai variable i kurang dari atau sama dengan nilai variable jumlah_api
 if (i<=jumlah_api) {
  //duplikasi movie clip animasi_api dengan nama bari api+i dan pada level kedalaman i
  duplicateMovieClip(animasi_api, "api"+i, i);
  //mengatur letak koordinat x movie clip api+i
  _root["api"+i]._x = x+6-(Math.round(12*Math.random()));
  //nilai variable i ditambah 1
  i++;
 //jika tidak
 } else {
  //nilai variable i menjadi 1
  i = 1;
 }
};
10. Tekan Ctrl+Enter untuk melihat hasilnya.


gimana.. gampang kan?.. 
kalau susah di sini saya sertakan file latihan untuk contohnya yang dapat di download di sini :














SOURCE : warung flash

0 comments:

Posting Komentar