18
Apr

Efek Api

Written by admin


Berbagai macam efek dapat dibuat di flash salah satu diantaranya adalah efek hujan. Berikut ini kita akan membuat animasi efek api di flash. Efek api yang akan kita buat ini adalah hasil dari menduplikasi animasi api dengan koordinat x yang sudah diatur letaknya.

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.

Sourcenya dapat di download di sini

Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash



Bookmark and Share

Posted in Flash - Menengah

31 Responses to “Efek Api”

  1. rizaal Says:
    April 18th, 2009 at 10:21

    :peace:
    ya ini yang saya perlukan,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
    terima kasih buat tutorialnya…
    :yeye:

  2. Gempil31 Says:
    April 24th, 2009 at 12:15

    Tutor yg berguna bgt,
    Mas,bantuin bkin efek rambut melambai lambai,kyak ditiup angin gt dunk
    Pie diaplikasikan di flash mx ya
    Coz pc ku cmn mampu bt flash mx

  3. aLL Says:
    June 3rd, 2009 at 10:20

    nice..

  4. muciL Says:
    June 4th, 2009 at 08:08

    mas bisa bwt animasi kyk XIAO XIAO itu loh mas…tau kan???tp animasix yg pada saat dia bertarung n shooting kamerax mutar 180 drjt itu lo…tau kan???pasti tau…hehehehe….trims mas,,,jd tmbah laper ncch…

  5. iwan Says:
    August 12th, 2009 at 23:31

    Efek api nya bagus banget. =D>
    kalo Bendera berkibar gimana mas? soal nya buat background skripsi ku..! bisa bantu kanmas… :hope: please…

    trimz…

  6. vesantra Says:
    September 13th, 2009 at 08:06

    :respect: :D :) ] :oops: ;)) o:-) :respect: :respect: :respect: :respect:

  7. yuari Says:
    October 20th, 2009 at 10:47

    hwaaaaaaaaaaaaaaaaaaaa

    makasih ya Om

    i love this site….pokoe love u muach.muach dech /lari /cium /cium /cium

    /thanks2

    /semangat /semangat /semangat /semangat /semangat

  8. admin Says:
    October 22nd, 2009 at 07:15

    Iyaaaaaaaaa Cama-Cama /jempol
    Ini masih muda-muda kok belum om /hahaha

  9. Nandoo Says:
    March 28th, 2010 at 20:43

    pak admin..
    mau tanya…
    gimana ya cara buat apinya 2 tapi dalam satu scene..
    saya coba nggak bisa..
    yang bergerak apinya cuma satu????
    mohon bantuannya..
    ^^

  10. wahyu Says:
    May 19th, 2010 at 00:29

    Mas…
    effek api kok diam aja (satu tempat) yang bergerak kekiri / kekanan gimana caranya ?

  11. jakfar-shodiq.co.cc Says:
    August 16th, 2010 at 18:19

    wow keren…
    bisa di coba sobat =D>

  12. admin Says:
    August 16th, 2010 at 19:44

    Silahkan…. /jempol

  13. xdhzx Says:
    November 13th, 2010 at 22:16

    ini kan apinya ke arah atas, kalo di bikin ke bawah apanya yg diganti?

  14. lidya Says:
    November 15th, 2010 at 00:04

    makasii atas tutorialnya
    sangat bermanfaat

    :) :) :) :) :) :) :) :) :) :) :) :) :) :)

  15. nurnaini Says:
    January 18th, 2011 at 09:52

    :respect: thank,s ya, berkat turorial ini aku bsa bwat tgas akhir q =D>

  16. mumu Says:
    January 29th, 2011 at 02:20

    mas mau tnx kalau misalkan saya ingin sebuah animasi flsh :D

  17. ranpyon Says:
    March 20th, 2011 at 22:26

    mas gmn itu carana tahap ke lima di bawah oval tu masih ada buletan gt ?????

  18. Zaenal Says:
    May 19th, 2011 at 02:07

    Wah, ini yang q cari!!!
    trims ya tutornya gan, Mantabs! =DV

  19. taufiq Says:
    June 16th, 2011 at 17:46

    numpang tanya, gmna caranya api ini di jadikan movie clipt supaya bebas kita pakai di dalam game flash yg memiliki banyak frame?

  20. ardiant Says:
    August 6th, 2011 at 23:23

    muantaaaaaaaaab jelaassssssss…..jelaaaaaaaaass muaaaaaantaaaaaaaabbbbbbbbb….warung bukan sembarang warung, bikin api gak perlu korek..pake FLASH gitu lohhh….hotel bintang5 aja kayaknya kalah ma ini…….sip.sip.sip…

  21. gobyor Says:
    November 1st, 2011 at 19:44

    BOZ POINT 7-8-9 HARUS DIRALAT LAGI…GK BISA DAN GK JELAS.

  22. admin Says:
    November 1st, 2011 at 21:58

    oh.. iya… ada yang kebalik langkah-langkahnya.
    sekarang sudah kami perbaiki.
    terima kasih koreksinya :)

  23. Hangs Says:
    November 2nd, 2011 at 12:30

    keren….. =DV
    pak Admin. request di kasih forum sm login websitenya bisa apa engak y?(biar makin rame sih…)
    oh iy…
    ini saya ada tutorial membuat game pertualangan 2D rancangan saya :peace: . semoga bisa membantu meningkatkan warungflash

    http://hangsbreaker.blogspot.com/2010/12/membuat-game-pertualangan-dengan-flash.html

  24. nise Says:
    November 3rd, 2011 at 14:59

    woooooyyyyyyy ,,
    dri mana lu bsa bkin kya begituan ???
    jawab yeeee :peace: :hope: /berkaca /thanks2

  25. admin Says:
    November 3rd, 2011 at 17:58

    lupa dari mana…
    kalau tidak dari buku ya dari internet….

  26. jody Says:
    November 7th, 2011 at 05:48

    bagaimana caranya menduplikasi/ memperbanyak, setiap di copy paste, hasilnya apinya belok2 , biar jadi banyak gimana ya ? mohon bgt bantuannya

  27. Tips Trik Blogging Says:
    December 7th, 2011 at 00:06

    Kalau bikin efek ledakan pada background gimana bro?

  28. ziel Says:
    December 9th, 2011 at 13:01

    Ka saya mash pemula di dunia internet saya belum tau cara bkin flash ….,”saya pengen bkin flash tapi gak tau langkahnya langkahnya gmana ? ada gak sih aplikasi yang buat bkin flash yang tidak terlalu sulit bkinya…….tlong kalw ada krimin linknya ke email saya .mksh
    :idea:

  29. ezhuteruria maruta Says:
    February 4th, 2012 at 11:28

    waaaaaaccccccchhhhhhhh asyik tuccccccchhhhhh,,,,,,,,,,,,!!!!!!

    thxx….
    /berkaca , /hi /sarjana =DV :I: :idea:

  30. Elis Bravo Says:
    February 4th, 2012 at 11:29

    Mksi atas infonya…….

    :yeye: /berpikir

  31. ezhuteruria maruta Says:
    February 4th, 2012 at 11:33

    assssssssyyyyyyyyyyyyyyiiiiiiikkkkkkkkkk,,,,,,

    jdi pngan cobaa,,,,,,,,,, ;)) /thanks2 /thanks2 /thanks /cium /berpikir

Leave a Reply

B-) =DV <:-P ;)) ;) :yeye: :respect: :peace: :p :idea: :hope: :I: :D :-SS :-? :-/ :)) :) :(( 8-> more »

Komentar yang berisi pertanyaan atau request tutorial kemungkinan besar tidak bisa kami jawab dan penuhi. Hal ini dikarenakan kesibukan kami yang padat . Oleh karena itu kami mohon maaf dan pengertiannya.