Stars Animation
Tidak terasa ini sudah menjadi potingan saya yang ke-68 di blog tercinta ini.
Dari sekian banyak Tutorial maupun Tips&Trick yang pernah saya tulis, belum pernah sekalipun saya membuat tulisan tentang Animasi, Oleh karena itu pada tulisan kali ini saya akan memberikan sedikit tutorial animasi.
Animasi yang akan kita buat saya beri nama “Stars Animation”.
Bagaimana cara membuatnya….?
Jalankan Macromedia Flash…
Langkah-1.
Buat sebuah dokumen baru, dan tekan CTRL+J untuk mengatur ukuran lembar kerja.
Atur width 430 height 264, dan Frame Rate menjadi 40 fps.

Langkah-2.
Klik File > Import > Import to stage (Shortcut key: Ctrl+R).
Lalu masukan sebuah gambar yang bernuansa malam agar mendukung animasi yang akan kita buat.
Lalu atur posisi gambar agar memenuhi lembar kerja.
Langkah-3.
Agar posisi gambar pas ditengah maka tekan CTRL+K dan klik pada tombol, yang ditunjukan oleh gambar dibawah ini.

Langkah-4.
Lakukan Double Click pada Layer-1 dan rubah nama nya menjadi bg.

Langkah-5.
Buat sebuah layer baru ( Insert > Timeline > Layer ) dan beri nama bintang.
Langkah -6.
Pilih PoliStar Tool pada toolbox.

Pada panel properties di bagian bawah, klik tombol Options… dan pada pilihan Style pilih Star.


Langkah-7.
Buatlah sebuah gambar bintang kecil dengan warna kuning.

Langkah-8.
Ketika gambar bintang masih terseleksi, tekan tombol F8 pada keyboard dan atur sebagai berikut.
Name : bintang_mc.
Type : Movie Clip.

Setelah itu langsung lihat ke pojok kiri bawah pada berinama menjadi.
Name : bintang_mc.
Type : Movie Clip.

Langkah-9.
Buat sebuah layer baru lagi ( Insert > Timeline > Layer ), dan beri nama action. Sehingga sekarang terdapat 3 buah layer.

Langkah-10.
Klik Frame 1 dan tekan tombol F9. Dan masukan script seperti berikut pada panel actions.
stop();
import mx.transitions.Tween;
import mx.transitions.easing.*;
bintang_mc._visible = false;
var i:Number = 1;
var total:Number = 1000;
var effect_duration:Number = 1.4;
onMouseMove = function()
{
var fm = bintang_mc.duplicateMovieClip("fm" + i, i );
fm.gotoAndStop( random(fm._totalframes) + 1 );
position_x = _xmouse + random(100) - 50;
position_y = _ymouse + random(100) - 50;
new Tween(fm, "_xscale", Strong.easeOut, 30, 15, effect_duration, true);
new Tween(fm, "_yscale", Strong.easeOut, 30, 15, effect_duration, true);
new Tween(fm, "_alpha", Strong.easeInOut, 100, 0, effect_duration, true);
new Tween(fm, "_x", Strong.easeOut, _xmouse, position_x, effect_duration, true);
fm_tween = new Tween(fm, "_y", Strong.easeOut, _ymouse, position_y, effect_duration, true);
fm_tween.onMotionFinished = function()
{
removeMovieClip(fm);
}
if(i >= total)
{
i = 1;
}
i++;
}
var fm_menu:ContextMenu = new ContextMenu();
fm_menu.hideBuiltInItems(); _root.menu = fm_menu;
var item:ContextMenuItem = new ContextMenuItem("Created by http://izul.co.cc", IzulCyberCafe);
fm_menu.customItems[0] = item;
function IzulCyberCafe() { getURL("http://www.izul.co.cc"); }
Langkah-11.
Klik Control – Test Movie ( CTRL+ENTER ).
Enjoyy…….









Oh iya lupa..!!!
Tp sekarang udah ditulis tuh
Iya mas adie, pake Macromedia FLASH.
Kalau saya pake yang versi 8
wah mantabs tutorialnya.. langsung coba ahh..
hwah… musti punya gambar yg bagus dulu ney klo mo nyoba… biar keyen skalian…
Haduw Flash..
(
Pernah kenalan ampe bikin stress,akhirnya Qtinggalkan. Heheehe…
heheh…
ya gini donk ngasih tutor..
ayo aku mau lagi yg kayak gini yg kayakbikin game flash
#emfajar : Monggo mas, silahkan dicoba, semoga sukses.
Kalau untuk game panjang banget nyet, mending gue bikin buku aja lah nanti..
#carra : iya mbak, jangan salah pilih gambar. Jangan sampai animasi bintang pake gambar lapangan bola..Wkakakakak..
#UpyL : Yah, ayo pyL, CLBK lagi sama fLASH, asik jg lho.
#Monyetgaul :
Hehehehe
hmmm… thanks banget, semoga bermanfaat
wah bang izul keren aja tutorial nya dapet darimana zul?
kapan main bareng lagi?ajarin gw lagi dong bang zul hehehe….
Leave your response!
Izul Cyber Cafe
Disini saya menulis hal-hal ringan tentang Teknologi Informasi, Tip&Trik komputer, Opini, dan Cerita kehidupan sehari - hari.
Languages
YM! Status.
Recent Posts
Visitors
Blogroll
Categories
Archives
Tags
Recent Comments
Most Commented
Most Viewed