9
Latihan macromedia Flash Membuat CD Interaktif Heru W piyetoiki.wordpress.com 1 Membuat CD interaktif 1. Buat sebuah folder dengan nama CDKU, sebagai contoh penulis membuat folder CDKU si folder My Document 2. kemudian didalam folder CDKU buat sebuah folder dengan nama fileku 3. Kemudian di folder fileku copykan 2 buah file flash (*.swf) yang sudah dibuat. Disini penulis meng-copykan dua buah file flash yang sudah jadi yaitu file bola.swf dan lilin.swf 4. Langkah selanjutnya adalah dengan menggunakan Macromedia Flash 8 membuat file menu CD interatif-nya 5. Buat dokument baru 6. kemudian setting ukuran file flash dengan cara klik menu Modify Document Maka akan muncul panel spserti gambar berikut, ubah ukuran 800px X 600px

membuat CD Interaktif dengan macromedia flash

Embed Size (px)

DESCRIPTION

Tutorial membuat CD Interaktif dengan macromedia flash

Citation preview

Page 1: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 1

Membuat CD interaktif

1. Buat sebuah folder dengan nama CDKU, sebagai contoh penulis membuat folder CDKU si folder

My Document

2. kemudian didalam folder CDKU buat sebuah folder dengan nama fileku

3. Kemudian di folder fileku copykan 2 buah file flash (*.swf) yang sudah dibuat. Disini penulis

meng-copykan dua buah file flash yang sudah jadi yaitu file bola.swf dan lilin.swf

4. Langkah selanjutnya adalah dengan menggunakan Macromedia Flash 8 membuat file menu CD

interatif-nya

5. Buat dokument baru

6. kemudian setting ukuran file flash dengan cara klik menu Modify ���� Document

Maka akan muncul panel spserti gambar berikut, ubah ukuran 800px X 600px

Page 2: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 2

7. langkah selanjutnya adalah menyimpan file flash tersebut kedalam folder CDKU, dengan cara

pilih menu File ���� Save. Beri nama utama.fla

bila sudah tersimpan di folder CDKU akan tampak sebuah file baru utama.fla

8. Kembali lagi ke flash, siapkan dua buah layer dengan nama action, menu, dan background.

9. pada layer frame 1 layer background buat tampilan di stage seperti ini:

Page 3: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 3

10. Langkah berikutnya memberikan action stop di frame 1 layer action. Caranya klik kanan fame 1

layer action, pada tanda plus di panel action script pilih: Global Function ���� Timeline Control

���� Stop.

11. kemudian di frame 1 layer menu buat tampilan menu sperti berikut:

12. Seleksi icon dan tulisan Jalankan Animasi Lilin, klik kanan pilih Convert to symbol, muncul

panel convert to symbol, beri nama tombol_animasi_lilin. Dengan type button.

13. sama seperti langkah no.13, seleksi icon dan tulisan Jalankan Animasi bola, muncul panel

convert to symbol, beri nama tombol_animasi_bola. Dengan type button.

14. sama seperti langkah no.13 dan 14, seleksi icon dan tulisan Keluar, muncul panel convert to

symbol, beri nama tombol_keluar. Dengan type button.

15. langkah berikutnya adalah menyiapkan scene untuk tampilan animasi bola dan lilin

Page 4: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 4

Pilih menu Window ���� Other Panels ���� Scene

Akan muncul panel scene seperti dibawah ini:

Klik tanda plus(+) untuk menambahkan sebuah scene, secara otomatis muncul scene 2, klik 2x

nama scene 2 untuk merubah namanya menjadi scene_lilin

16. Langkah berikutnya masih di panel scene, klik tanda plus, kemudian gant nama scene 3 menjadi

scene_bola

17. Langkah selajutnya adalah klik scene_lilin untuk masuk ke area editor scene_lilin

Sebagai bukti kita sudah masuk di area editor scene_lilin, maka di atas timeline akan muncul

tulisan scene_lilin. Lihat gambar dibawah:

Page 5: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 5

18. masih bekerja di scene_lilin, siapkan sebuah tombol dengan tuliasan Kemabali ke Menu,

letakkan di sudut kiri bawah.

Kemudian di tombol tersebut berikan action Global Function ���� Timeline Control ���� goto

Muncul panel action, pili Go to and paly, pada combo scene, pilih scene 1. lihat gambar dibawah:

19. masih berkerja di scene_lilin, buat sebuah symbol movie clip yang kosong, dengan cara seperti

berikut:

- pilih menu insert ���� New Symbol, muncul panel new symbol, beri nama blank dan type

movie clip, lihat gambar berikut:

- setelah klik OK, maka ada perubahan di atas timeline yaitu muncul tulisan blank, ini

menandakan kalo kita bekerja di editor symbol movieclip blank.

Page 6: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 6

- Jangan menambahkan obyek apapun di stage, kecuali klik tombol scene_lilin.

20. setelah kembali ke editor scene_lilin, aktifkan panel symbol, seret (drag) symbol blank ke sudut

kiri atas stage. Lihat gambar:

Jika berhasil maka akan muncul sebuah lingkaran kecil yang sudut kiri atas, menandakan jika

ditempat itu ada sebuah sybol yang kosong.

Kemudian seleksi symbol blank yang baru saja kita letakkan, buka panel properties, di bagan

instance name, ketik tulisan symbol_tempat.

21. masih bekerja di editor scene_lilin, langkah selanjutnya adalah meberikan action di frame1,

layer1, dengan cara klik kanan pilih action kemudian klik tanda plus(+) pilih Global Functions

���� Browser/Network ���� loadMovie.

Page 7: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 7

Muncul panel action, isikan URL dengan fileku/lilin.swf, dan panada Location pilih Target,

ketiikan symbol_tempat

22. langkah selanjutnya adalah mengkopi frame1 layer1 di scene_lilin ke frame1 layer1 di

scene_bola (ini dilakukan untuk lebih memudahkan kita daripada membuat ulang obyek2 yang

sama, sangat membantu bila kita menggunakan scene yang banyak)

klik kanan frame1 layer1 di scene_lilin, kemudian pilih copy frame.

Kemudian buka panel scene, klik scene_bola (maka kita akan bekerja di editor scene_bola)

klik kanan frame1 layer1 di scene_bola, kemudian pilih paste frame.

Klik kanan pilih Copy

Frames

Page 8: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 8

Jika sudah kita paste,langkah selanjutnya adalah merubah pada bagian action di frame1 layer1,

caranya klik kanan fame 1 layer1 di scene_bola pilih action,

Munculah panel action seperti gambar berikut, ubahlah pada bagian URL dengan mengetikkan

fileku/bola.swf.

23. Langkah berikutnya adalah pemberian action pada bagian menu di scene1, langkahnya buka panel

scene, klik scene1.

24. klik kanan pada tombol Jalankan animasi lilin, pilih action berikan action, Glogal function ����

timeline control ���� goto, muncul panel, pilih Go to amd stop, pada bagian scene pilih

scene_lilin

Klik kanan pilih Copy

Frames

Page 9: membuat CD Interaktif dengan macromedia flash

Latihan macromedia Flash Membuat CD Interaktif Heru W

piyetoiki.wordpress.com 9

25. Sama seperti langkah no 25, klik kanan pada tombol Jalankan animasi Bola, pilih action berikan

action, Glogal function ���� timeline control ���� goto, muncul panel, pilih Go to amd stop, pada

bagian scene pilih scene_bola.

26. Langkah selanjutnya adalah memberkikan action pada tombol keluar. Klik kanan tombol keluar

pilih action, muncul panel action berikan action Global function ���� Browser/Network ����

fscommand.

Pada panel action di bagian command for standalon palyer pilih quit

27. langkah selanjutnya adalah setting publikasi file. Pilih menu File Publish ���� Setting, centang

pada bagianWindows Projector (exe)

Klik OK

28. Kemudian pilih menu File ���� Publish. Maka akan terjadilah sebuah file utama.exe

29. CD siap diburning dengan satu syarat file autorun harus dibuat.