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

Baca Selengkapnya

Animasi Revolusi Bulan mengitari Bumi

Posted by Belajar Desain On Senin, 07 November 2011 1 comments

Haaah... gara-gara hujan deras daerah jogja nih. saya tidak bisa masuk kuliah di amikom temn,.. diem di kontrakan sambil maen game terus lama-lama bosan juga.. dari pada pusing kita coba buat tutorial yang mudah-mudahan bisa bermanfaat bagi para pengunjung blog saya,


kali ini dalam tutorial belajar desain93, kita akan membuat sebuah animasi berupa bulan yg mengitari bumi. sebenarnya, teknik ini masih simple karena hanya menggunakan Motion Guide dan sedikit permak. oke langsung aja kita mulai tutorialnya oke :D




1. Buatlah 4 buah layer dengan mengklik tombol Insert Layer untuk memasukan layer baru. Pastikan posisi masing-masing layer seperti gambar di bawah ini:

timeline1-revo
Gambar awal timeline

2. Pastikan anda aktif di Layer 1. Gambarlah sebuah lingkaran besar (sebagai bumi) dan tempatkan di tengah-tengah stage. Seleksi seluruh lingkaran tadi dan tekan Ctrl+C untuk mengcopy lingkaran tersebut.
3. Klik Layer 4 agar anda aktif di layer tersebut. Setelah anda berada di Layer 4, klik kanan stage dan pilih Paste in Place.
4. Klik Layer 3 agar anda aktif di layer tersebut. Gambarlah sebuah garis berbentuk oval seperti di bawah ini.

oval-revo
Garis berbentuk oval

5. Hilangkan sedikit garis di bagian atas garis oval tersebut sehingga akan ada 2 ujung di garis oval tersebut.
garis-revo
Pastikan kedua ujungnya terpisah
6. Klik Layer 2 agar anda aktif di layer tersebut. Gambarlah sebuah lingkaran kecil (sebagai bulan) di stage Layer 2.
7. Seleksi lingkaran kecil tersebut dan tekan F8. Pada kotak dialog yang muncul masukan bulan sebagai Name dan Movie Clip sebagai type lalu tekan OK.
8. Tempatkan movie clip ini di ujung garis oval sebelah kiri (pastikan titik registration movie clip ini berada di ujung garis)
9. Klik kanan frame 70 Layer 3 dan pilih Insert Frame
10. Klik kanan frame 70 Layer 2 dan pilih Insert Keyframe. Ubah letak movie clip di frame 70 layer 2 ke ujung garis oval bagian kanan (pastikan titik registration movie clip ini berada di ujung garis)
11. Klik kanan frame 1 Layer 2 dan pilih Create Motion Tween
12. Klik kanan Layer 3 dan pilih Guide. Singgungkan Layer 2 ke Layer 3.
13. Klik kanan frame 30 Layer 1 dan pilih Insert Keyframe.
14. Klik kanan frame 63 dan pilih Insert Frame
15. Hapus lingkaran besar di frame 1 Layer 1
16. Klik kanan frame 70 Layer 4 dan pilih Insert Frame.
17. Klik kanan frame 64 Layer 4 dan pilih Insert Keyframe
18. Klik kanan frame 30 Layer 4 dan pilih Insert Keyframe. Hapus lingkaran besar di frame 30 Layer 4 ini
19. Sehingga di Timeline akan tampak seperti di bawah ini:

timeline-revo
Gambar akhir timeline

20. Tekan Ctrl+Enter untuk melinat hasilnya.

Gimana teman? gampang kan?.. kalau ingin lebih realistis kita tinggal menggambar bumi dan bulan seperti aslinya. tapi ya gak harus persis kayak aslinya.. kita sesuaikan dengan bentuk kartunnya oke..
sampai di sini dulu tutorial ini semoga bisa bermanfaat bagi pembaca.












source : warung flash

Baca Selengkapnya