Publish Movie

Apabila anda membuat satu movie Flash, anda sebenarnya bekerja dengan dua dokumen, iaitu

Fail flash (.fla)

Fail yang anda publish (.swf)

Anda boleh publish dokumen Flash dengan klik pada menu File > Publish.

Tetapi, sebelum anda publish dokumen anda, adalah lebih baik dahulu anda menyemak panduan Setting dengan klik pada menu File > Publish Settings.

Menukar Setting Publish

Buka dokumen Flash.

Klik menu File, kemudian Publish Settings.

Pilih kotak kecil pada sebelah kiri untuk membuat pilihan samada untuk menggunakan atau tidak menggunakan Publish Setting.

Masukkan nama fail dalam ruang kosong atau klik pada ‘Use Default Names’ untuk menukar nama semula ke setting asal.

Klik OK untuk simpan setting.

Menukar Spesifikasi Flash

Klik menu File > Publish Settings.

Klik pada tab Flash.

Player menyenaraikan jenis ‘Flash Player’ dari yang pertama hingga yang paling terkini. Flash Player merupakan platform untuk memainkan Flash movie.

ActionScript menyenaraikan jenis-jenis action script dari yang pertama hingga yang paling terkini.

Menukar Spesifikasi HTML

Klik menu File > Publish Settings.

Klik pada tab HTML.

Tab HTML pada Flash juga membenarkan anda untuk membuat satu dokumen untuk memegang Flash movie.

Membuat Windows atau Macintosh Projector

Klik menu File > Publish Settings.

Pilih kotak Windows Projector atau Macintosh Projector.

Klik Publish.

Possibly Related Posts:

• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask
• Membuat Animasi ‘Frame by Frame’

Import Audio ke Stage

Pilih keyframe pada Timeline yang anda mahu tempatkan audio.

Klik menu Fail > Import > Import to Stage. Pilih fail Audio yang anda mahu, dan klik Import.

Import Audio ke dalam Library

Pilih menu Fail > Import to Library.

Pilih fail audio anda dan klik Import to Library (Mac) atau Open (Win)

Kelihatan pada library, fail yang anda import tadi.

Possibly Related Posts:

• Publish Movie dalam Flash
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask
• Membuat Animasi ‘Frame by Frame’

1. Muat turun imej yang akan digunakan dalam tutorial ini. (Rujuk kepada pautan yang disertakan pada akhir tutorial)

2. Buat satu dokumen flash yang baru. Tekan Ctrl + J, dan setkan panjang dokumen anda kepada 600 pixel dan lebar 400 pixel. Pilih warna putih sebagai warna latar belakang. Set frame rate Flash movie anda kepada 30 dan klik OK.

3. Tukar nama layer 1 kepada nama baru.

4. Pilih File > Import > Import to Library. Pada tetingkap file, cari tiga imej dan klik Shift untuk memilih kesemuanya. Kemudian, klik Open. Jika anda membuka ‘flash library’ (Ctrl + L), anda akan melihat imej yang anda import tadi.

5. Pilih selection tool dan  gunakan teknik ‘drag’ dan ‘drop’, alihkan imej pertama dari library ke Stage.

6. Susun imej tadi dengan menggunakan panel Align (Ctrl +K) dan buat :

i) Pastikan butang Align/Distribute pada Stage telah dipilih.

ii) Klik butang Align Horizontal Center dan klik butang Align Vertical Center.

7. Sementara imej masih terpilih, tekan F8 (menukar ke Symbol) dan tukarkan ke Movie Clip Symbol.

8. Klik pada frame 35 dan tekan F6.

9. Kembali semula pada frame pertama, pilih Selection Tool dan klik satu kali pada imej untuk memilihnya. Kemudian,  pilih tab Filter dari bahagian kiri. Klik ikon folder yang paling kiri sekali dan pilih filter Adjust color. Buat pemilihan seperti berikut.

10. Klik kanan pada mana-mana ruang antara kedua-dua keyframe yang terdapat pada timeline dan pilih Create Motion Tween atau Create Classic Tween (pada versi Flash CS4) daripada menu yang kelihatan.

11. Buat layer baru di atas layer imej 1 dan namakan ia sebagai imej 2. Selepas itu, pilih frame 35 imej 2 dan tekan F6.

12. Pada frame ke 35, alihkan imej kedua dari library ke stage.

13. Sementara imej masih terpilih, ulangi langkah ke-6.

14. Selepas itu, tekan F8 untuk menukar imej kepada Movie Clip Symbol.

15. Klik pada frame ke-70 dan tekan F6. Kemudian, kembali semula pada frame ke-35 dan ulangi langkah ke-9.

16. Klik kanan pada mana-mana ruang antara kedua-dua keyframe yang terdapat pada timeline dan pilih Create Motion Tween daripada menu yang kelihatan.

17. Buat satu layer baru di atas layer imej 2 dan namakan ia sebagai imej 3. Kemudian, pilih frame ke-70 daripada layer imej 3 dan tekan F6.

18. Pada frame ke 70, alihkan imej ketiga dari library ke stage.

19. Sementara imej masih lagi terpilih, ulangi langkah ke-6.

20. Selepas itu, tekan F8 untuk menukar imej kepada Movie Clip Symbol.

21. Klik frame 105 dan 140 dan tekan F6. Sementara anda masih lagi berada pada frame 140, ulangi langkah ke-9.

22. Balik semula pada frame 70 dan ulangi langkah ke-9 lagi.

23. Klik pada mana-mana ruang antara fram 70 dan 105 dan frame 105 dan 140 dan pilih Create Motion Tween daripada menu yang kelihatan.

24. Tekan Ctrl + Enter untuk mencuba.

25. Muat turun fail .fla

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Import Grafik
• Membuat Mask
• Membuat Animasi ‘Frame by Frame’

Anda juga boleh mengimport hasil seni dalam format berlainan untuk digunakan pada movie Flash. Antaranya adalah :

• fail Adobe Illustrator (.eps, .ai, .pdf)
• Bitmap (.bmp)
• GIF dan GIF animasi (.gif)
• JPEG (.jpg)
• PNG (.png)
• Flash Player (.SWF)
• Windows Metafile (.wmf)

Terdapat beberapa pilihan untuk mengimport grafik.

Anda boleh mengimport fail terus ke Stage ataupun disimpan terlebih dahulu di dalam Library.

Pilih Import to Library.

Pada window Library, terdapat imej yang telah diimport.

Untuk menggunakannya, anda boleh tarik imej yang telah diimport tadi ke Stage dan pada layer yang telah anda tetapkan.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Membuat Mask
• Membuat Animasi ‘Frame by Frame’

Anda boleh membuat layer mask untuk menunjuk dan menyembunyikan sebahagian daripada animasi yang terdapat pada Stage. Mask berfungsi sebagai sebuah tingkap yang menghalang kesemuanya, tetapi anda boleh membuat sebuah animasi untuk kelihatan pada sesetengah kawasan yang anda tetapkan.

Buat satu layer baru pada Timeline atau gunakan layer yang telah sedia ada.

Layer yang anda pilih akan ditukarkan menjadi mask. Jika anda mahu membuat mask pada layer yang dipilih, buat satu layer baru atas layer ini dan pilih layer tersebut.

Klik menu Modify > Timeline > Layer Properties.

Klik pilihan Mask daripada senarai Layer Type dan klik OK.

Satu icon mask berwarna biru akan kelihatan pada layer.

Klik layer di bawah layer mask, kemudian tarik layer tersebut ke layer mask untuk membuat pautan.

Melukis Mask

Klik untuk memilih layer mask. Pada layer ini, lukis bentuk segiempat.

Kemudian, pada frame ke-20 layer yang sama, klik kanan dan pilih Insert Frame.

Pada layer kedua, buat bentuk bulatan. Pada frame ke-20 pada layer yang sama, Insert Keyframe.

Klik frame ke-20, layer kedua. Kemudian klik pada bulatan yang terdapat pada Stage, alihkan bulatan tersebut ke kanan. Klik pada mana-mana frame yang terdapat pada Layer 2, klik kanan dan pilih Create Classic Tween.

Klik Control menu > Test Movie.

Membuang Mask

Klik pada layer mask untuk memilih, klik menu Modify> Timeline > Layer Properties. Pilih Normal daripada senarai Layer Type.

Klik OK. Layer Mask tadi telah ditukarkan semula ke Normal.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Animasi ‘Frame by Frame’

1. Buat satu dokumen Flash yang baru.

2. Klik frame pertama untuk memilihnya.

3. Klik tool Oval yang terdapat pada toolbar.

4. Klik Stage dan drag untuk membuat satu bulatan.

5. Klik frame kedua untuk memilihnya.

6. Klik menu Insert>Timeline>Keyframe.
(ataupun tekan F6 untuk memasukkan keyframe)

7. Pilih keyframe yang kedua dan drag bulatan tersebut sedikit ke kanan.

8. Pilih frame ketiga dan ulangi langkah no.6.

9. Pilih keyframe ketiga dan drag bulatan tersebut sedikit ke kanan.

10. Ulangi langkah untuk menambah keyframe sehingga ke bahagian kanan Stage.

11. Klik Control>Test Movie untuk melihat animasi tadi.

12. Animasi Frame by Frame sangat sesuai jika anda ingin membuat pergerakan dalam bentuk kartun.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask

Buat satu dokumen Flash yang baru.

Dengan menggunakan drawing tool, lukis bentuk bulatan pada Stage.

Pilih frame pertama, dan ‘right click’, klik pada Creat Shape Tween.

Pada frame ke-20, ‘right click’ dan pilih ‘Insert Blank Keyframe’.

Pada timeline, warna latar belakang akan berubah menjadi warna hijau, dan terdapat satu garisan putus-putus. Ini bermakna ’shape tween’ anda masih belum lengkap.

Dengan menggunakan drawing tool, lukis satu segiempat pada Stage & pada frame ke-20.

Klik Control > Test Movie untuk melihat animasi shape tween ini.

Anda akan melihat bagaimana bentuk bulatan akan berubah menjadi bentuk segiempat.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask

Buat satu dokumen Flash yang baru, dan klik pada frame pertama Timeline.

Lukis satu bulatan kecil pada Stage dan tukarkan menjadi Graphic Symbol.

Pada frame ke-20, ‘right click’ dan kemudian pilih Insert Keyfame. Klik pada bentuk bulatan tersebut dan alihkan ke kanan.

Klik pada frame pertama, ‘right click’ dan pilih ‘Create Classic Frame’.

Pada timeline tersebut, latar belakang akan berubah menjadi warna ungu dan mempunyai anak panah ke arah kanan. Ini menandakan anda berjaya menghasilkan satu pergerakan yang dikenali sebagai motion tween.

Klik Control > Test Movie untuk mencuba tween tersebut.

Anda akan perasan bola tersebut akan bergerak dari kiri ke kanan berulang kali tanpa berhenti. Ini adalah kerana kita tidak meletakkan arahan pada bola tersebut untuk berhenti. Untuk membuat arahan tersebut, action script akan digunakan. Namun yang demikian kita akan mempelajari tentang action script pada tutorial yang akan datang.

Membuat perubahan bentuk

Klik pada frame ke-20, kemudian dengan menggunakan transform tool, tukar saiz bulatan dari kecil menjadi besar.

Klik Control > Test Movie untuk melihat perubahan tersebut.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask

Menghasilkan Button Symbol

Klik menu Insert dan klik New Symbol.

Pilih Button dan klik OK.

Buat satu bulatan kecil seperti dalam gambar rajah.

Ini mewakili butang untuk keadaan Up.

Klik Insert > Timeline dan klik Keyframe untuk menambah keyframe pada frame kedua (keadaan Over).

Ubah warna bulatan dari hijau menjadi biru.

Klik Insert > Timeline dan klik Keyframe untuk menambah keyframe pada frame ketiga(keadaan Down).

Ubah warna bulatan dari biru menjadi merah

Klik Insert > Timeline dan klik Keyframe untuk menambah keyframe pada frame keempat(keadaan Hit).

Untuk keadaan ini, warna bulatan tidak akan ditukar.

Klik semula Scene untuk kembali kepada Stage.

Drag simbol ke Stage.

Kemudian klik Control > Test Movie.

Menghasilkan ‘Invisible Button’

Instance ‘Invisible Button’ akan kelihatan sebagai bentuk yang berwarna biru pada Timeline, tetapi tidak akan kelihatan pada movie yang dieksport.

Klik menu Insert > New Symbol. Klik Button dan Klik OK.

Klik menu Insert > Timeline dan klik Keyframe untuk menambah keyframe pada frame keempat.

Buat satu bulatan kecil. Kemudian kembali semula pada Stage.

Drag Simbol tadi ke Stage.

Menukar putaran dan saiz bentuk

Pilih instance yang terdapat pada Stage

Klik ikon Free Transform Tool yang terdapat pada Toolbar.

Anda juga boleh mengubah bentuk putaran dan saiz melalui menu Modify > Transform. Terdapat beberapa pilihan yang anda boleh cuba.

Menukar warna Instance

Sebelum menukar warna Instance, Terlebih dahulu anda perlu mengubah bentuk tersebut menjadi simbol grafik.

Klik pada panel Properties simbol tersebut. Terdapat menu drop-down.

Anda boleh mencuba pilihan tersebut. Contoh di bawah adalah untuk pilihan Alpha.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask

Menghasilkan Group

Pilih grafik pada stage yang anda ingin hasilkan sebagai Group.

Pada Stage, terdapat tiga bentuk yang telah dibuat terlebih dahulu iaitu, satu segiempat dan tiga bulatan kecil.

Untuk memilih ketiga-tiga gambar, gunakan Arrow Tool.

Klik menu Modify > Group.

Anda akan lihat satu garisan biru di luar ketiga-tiga bentuk tadi. Ini menandakan bahawa ketiga-tiga bentuk tersebut telahpun diletak dalam satu Group.

Untuk memisahkan ketiga-tiga bentuk tadi, pastikan group tadi masih dipilih.

Kemudian, klik menu Modify > Ungroup.

Menggunakan Library

Library adalah di mana aset-aset yang digunakan pada movie Flash anda disimpan.

Gambar di bawah adalah salah satu contoh fail Flash yang mempunyai Library.

Menghasilkan Symbol

Klik menu Insert > New Symbol.

Taip nama untuk simbol.

Pilih jenis Behavior dan klik OK.

Menukar grafik menjadi simbol

Anda juga boleh menukar grafik menjadi simbol.

Pada contoh ini, segiempat berwarna hijau akan ditukar menjadi simbol.

Menukar simbol dan behavior

Buka panel Library.

Pilih simbol dalam library, kemudian pilih ikon Properties pada bahagian bawah tetingkap Symbol.

Tukar simbol dari button ke movie clip.

Simbol akan menunjukkan ikon yang berbeza.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask

‘Dynamic Text’ dan ‘Input Text’

Taip teks pada Stage.

Pilih Dynamic Text daripada senarai drop down pada sebelah kanan seperti yang ditunjukkan pada gambar di bawah.

Pada Panel tersebut, terdapat beberapa perkara yang anda perlu tahu.

Instance Name - memberikan teks dengan nama lain agar dapat dikawal bagi tujuan Action Script

Behavior - menukar posisi karakter pada baris

Anti - Alias - memberikan anda beberapa pilihan untuk membuat perubahan pada teks samada digunakan untuk animasi, pembacaan yang lebih jelas

Render Text as HTML - mengekalkan Rich Text Formatting, iaitu membenarkan anda memasukkan hyperlink dan tag HTML

Variable - memberikan nama lain yang digunakan untuk Action Script

Membuat Input Teks

Tukar teks yang terdapat pada Stage daripada Dynamic ke Input.

Kotak di luar teks akan berubah menjadi garisan putus-putus. Klik pada mana-mana kawasan Stage untuk melihat perbezaan.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask

Menghasilkan Teks Statik

Klik pada Text Tool yang terdapat pada toolbar.

Klik pada mana-mana bahagian pada stage untuk memulakan kotak teks.
Taip teks anda. Apabila selesai, klik pada mana-mana bahagian pada Stage, luar kotak teks.

Menghasilkan kotak teks

Klik Text tool yang terdapat pada toolbar. Kemudian tarik tool tersebut pada stage untuk menghasilkan satu kotak teks yang kosong.

Taip dalam kotak teks tersebut, sekiranya ayat yang ditaip panjang, kotak tersebut secara automatik akan beralih ke bawah seperti yang ditunjukkan pada gambar di bawah.

Menukar jenis font, saiz dan warna

Pilih teks yang ingin ditukar dengan menggunakan Arrow Tool.

Pilih font yang terdapat pada Property Inspector dan kemudian, pilih saiz font.

Klik pada kotak warna untuk menukar warna font. Pilihan warna akan muncul untuk memudahkan anda menukar warna.

Menukar orientasi font

Klik Text tool yang terdapat pada Toolbar. Tarik Text tool sehingga mendapat satu kotak teks yang kosong.

Taip teks dalam kotak tersebut. Anda boleh menukar orientasi teks daripada Horizontal kepada Vertical.

Terdapat pilihan pada panel sebelah kanan.

Perubahan teks apabila pilihan seperti berikut dibuat :

Vertical left to right

Vertical right to left

Menukar alignment teks

Anda boleh menukar alignment teks dengan memilih salah satu daripada ikon alignment teks yang terdapat pada panel sebelah kanan

Menukar karakter dengan menggunakan Break Apart

Klik pada teks anda, kemudian klik Modify > Break Apart.

Klik pada mana-mana bahagian stage, dengan menggunakan Arrow Tool, klik pada abjad yang anda ingin tukar kedudukan.

Possibly Related Posts:

• Publish Movie dalam Flash
• Memasukkan Audio
• Membuat Galeri Imej
• Import Grafik
• Membuat Mask