Kamis, 11 Desember 2014

Buat PULLDOWN MENU Dengan Adobe Flash CS3

Mudah - mudahan berguna bagi mahasiswa yang membutuhkan panduan membuat interaktif sederhana dengan menggunakan Adobe Flash CS3 :

1. BUAT 1 BUAH TOMBOL/BUTTON BERI NAMA : OPEN


2. DULPICATE BUTTON TERSEBUT MENJADI 6 BUAH, DENGAN NAMA BUTTON1, BUTTON2, BUTTON3, BUTTON4 & CLOSE. (DUPLICATE PADA PANEL LIBRARY)

3. RENAME TULISAN PADA BUTTONNYA SESUAIKAN DENGAN NAMA BUTTON
4. HAPUS BUTTON "OPEN" YANG ADA PADA STAGE
5. TAMBAHKAN LAYER, SEBANYAK JUMLAH BUTTON
6. RENAME LAYERNYA SATU PERSATU, MULAI DARI ATAS SESUAIKAN DENGAN NAMA BUTTONNYA

7. TEMPATKAN BUTTON KE LAYERNYA MASING - MASING, SESUAIKAN DENGAN NAMANYA

8. BUAT DUA BUAH LAYER BARU, TEMPATKAN DI PALING ATAS, DAN BERI NAMA "ACTION", DAN "LABEL"

9. PADA LAYER ACTION, BUAT KEYFRAME DI FRAME KE 10 DAN 20

10. DENGAN CARA YANG SAMA, LAKUKAN UNTUK LAYER "LABEL"
11. PADA LAYER OPEN, INSERT FRAME DI FRAME : 20
12. GESER KEYFRAME YANG ADA DI LAYER MENU 1, KE FRAME : 10
13. LAKUKAN LANGKAH SAMA, SAMPAI LAYER CLOSE
14. DARI LAYER MENU 1 SAMPAI LAYER CLOSE, INSERT FRAME DI FRAME YANG KE : 20

15. TAMBAHKAN ACTION "stop()" di FRAME 1 DAN KEYFRAME KE : 20

16. PADA FAME 1, TAMBAHKAN LABEL "close", DAN PADA KEYFRAME : 20, TAMBAHKAN LABEL "open"
17. KLIK BUTTON OPEN, LALU TAMBAHKAN SKRIP SEPERTI DIGAMBAR,

18. KLIK BUTTON CLOSE, LALU TAMBAHKAN SKRIP SEPERTI DIGAMBAR,

19. TEST - MOVIE (CTRL + ENTER)
------------------------------------------------------------------------------------------

PENAMBAHAN KONTEN :
20. BUAT LAYER BARU, TEMPATKAN DIATAS LAYER "OPEN", BERI NAMA "KONTEN"
21 BUAT KEYFRAME DI FRAME YANG KE 10 PADA LAYER "KONTEN", LALU BUAT RECTANGLE UNTUK TEMPAT KONTENNYA

22. SELEKSI RECTANGLE TERSEBUT, LALU KONVERSI KE SIMBOL MOVIE CLIP, LALU PADA PROPERTIES, TAMBAHKAN INSTANCE NAME :"konten"
23. MASUK KE DALAM MODE EDIT MOVIE CLIP CONTENT (DOUBLE CLICK)
24. BUAT 3 BUAH LAYER BARU, LALU RENAME LAYERNYA DENGAN URUT - URUTAN : "ACTION", "LABEL", "KONTEN" & "BACKGROUND"
25. PADA LAYER ACTION, TAMBAHKAN KEYFRAME : 9,10, 19,20, 29,30, 29,40
26. PADA LAYER LABEL, TAMBAHKAN KEYFRAME :2, 10, 20, 30, 40
27. PADA LAYER KONTEN, TAMBAHKAN KEYFRAME :2, 10, 20, 30, 40
28. GESER KEYFRAME PADA LAYER BACKGROUND KE FRAME 2
29. PADA LAYER BACKGROUND, INSERT FRAME DI FRAME: 40

30. TAMBAHKAN LABEL PADA FRAME LABEL SEPERTI DIBAWAH INI:

31. TAMBAHKAN KONTEN SESUI DENGAN LABELNYA MASING-MASING
32. KEMBALI KE SCENE1, LALU PADA BUTTON MENU1, TAMBAHKAN SKRIP SEPERTI GAMBAR DIBAWAH INI:

33. UNTUK BUTTON LAINNYA, SKRIPNYA SAMA TINGGAL GANTI LABENYA SAJA.
34. TEST MOVIE (CTRL + ENTER)

SELAMAT MENCOBA, TERIMA KASIH















Tidak ada komentar:

Posting Komentar

Aplikasi Favorit Saya Di Google For Education

  Google For Education Apps. Berikut Aplikasi Faovarit Saya di Google For Education