Home » Global

Stars Animation

Author : Izul Cyber Cafe 16 August 2008 501 views 9 Comments

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 ControlTest Movie ( CTRL+ENTER ).

Enjoyy…….

9 Comments »

  • adie said:

    :D bagus,. mas, ini softwarenya pake apa ya? kok ga disebut? flash kah?

  • Izul Cyber Cafe (author) said:

    Oh iya lupa..!!!
    Tp sekarang udah ditulis tuh

    Iya mas adie, pake Macromedia FLASH.
    Kalau saya pake yang versi 8

  • emfajar said:

    wah mantabs tutorialnya.. langsung coba ahh..

  • carra said:

    hwah… musti punya gambar yg bagus dulu ney klo mo nyoba… biar keyen skalian…

  • UpyL said:

    Haduw Flash.. :(
    Pernah kenalan ampe bikin stress,akhirnya Qtinggalkan. Heheehe… :( (

  • monyetgaul said:

    heheh…
    ya gini donk ngasih tutor..
    ayo aku mau lagi yg kayak gini yg kayakbikin game flash

  • Izul Cyber Cafe (author) said:

    #emfajar : Monggo mas, silahkan dicoba, semoga sukses.
    #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 : :) Kalau untuk game panjang banget nyet, mending gue bikin buku aja lah nanti..
    Hehehehe :)

  • Catra said:

    hmmm… thanks banget, semoga bermanfaat

  • imam mulya said:

    wah bang izul keren aja tutorial nya dapet darimana zul?
    kapan main bareng lagi?ajarin gw lagi dong bang zul hehehe….

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.