Jumat, 27 Januari 2012

Menggerakan Objek dengan Keyboard

Dalam Flash Anda diperkenankan untuk bisa menggerakan objek dengan keyboard untuk bergerak ke kanan atau kiri atau keatas dan kebawa dan sebagainya. Berikut adalah langkah-langkah untuk menggerakan objek :
Buka file baru dengan Ctrl + N. Buatlah sebuah objek terserah Anda, disini akan dicontohkan dengan objek lingkaran.
Klik Oval Tool kemudian buat objek lingkaran seperti gambar berikut :
Gambar 3.24
Kemudian pilih objek dan ubahlah menjadi symbol. Beri nama ”bola” pada Name dan pilih Movie clip pada Behavior.
Buka Panel Action dengan menekan F9 pada keyboard. Lalu ketikan script seperti berikut :
Gambar 3.26
Setelah selesai, simpan file dan jalankan movie. Anda dapat menggerakan objek dengan keyboard ke kanan ke kiri dan ke atas ke bawah.
Semoga bermanfaat………..
Terima kasih

Animasi Mouse Trail

Langkah untuk membuatnya adalah sebagai berikut :
Buat file baru. Ubah ukuran stage menjadi 600 x 360 pixels pada panel Properties.
Buat symbol baru dengan cara pilih menu Insert > New Symbol. Beri nama ”bintang” lalu pada behavior pilih Movie clip. Tekan OK.
Gambar 3.31
Pilih Oval Tool, lalu buat objek lingkaran dengan ukuran 60 x 60 posisikan tepat di tengah-tengah stage dengan cara memilih objek lalu tekan Ctrl + Alt + 2 lalu tekan Ctrl + Alt + 5. Beri warna merah tua (#990000) pada Fill Color dan tanpa Stroke Color.
Gambar 3.32
Buat symbol baru lagi, pilih menu Insert > New Symbol…. pilih behavior Button dan beri nama tombol.
kemudian klik di frame Hit lalu klik kanan pilih Insert Keyframe. Pada frame Hit buat objek kotak dengan Rectangle Tool dengan ukuran 60 x 60 pixels, dan beri warna pada Fill Color biru dan tanpa Stroke Color. Posisikan tepat ditengah-tengah stage.
Gambar 3.34
Objek masih dalam keadaan terpilih, pada panel Color Mixer ubah nilai Alpha menjadi 20%. Maka hasilnya objek akan terlihat transparan.
Gambar 3.35
Buat symbol baru lagi dan beri nama ”animasi” pada behavior pilih Movie clip, tekan OK.
Buka panel Library, lalu seret tombol ke stage dan posisikan tepat pada tengah-tangah stage.
Gambar 3.37
Setelah itu, klik di frame 2 lalu klik kanan pilih Insert Blank Keyframe.
Seret symbol movie clip bintang dari panel Library ke stage dan posisikan tepat pada tengah-tengah stage.
Gambar 3.39
Klik di frame 20 lalu klik kanan dan pilih Insert Keyframe. Masih di frame 20, pilih objek lalu ubah ukuran menjadi 10 x 10 pixels. Pada panel Properties pilih Color : Tint lalu pilih warna kuning (#FFCC00) dan alpha 50%. (lihat gambar).
Gambar 3.40
Klik frame 2 lalu klik kanan pilih Create Motion Tween. Lalu klik di frame 1 lalu buka panel Action dan tuliskan script berikut :
Gambar 3.41
Selanjutnya pilih objek tombol pada frame 1, buka panel action lalu tuliskan script berikut :
Gambar 3.42
Buat symbol baru dan beri nama ”animasi group” pada behavior pilih Movie clip lalu tekan OK.
Tampilkan grid dan atur ukuran grid-nya dengan cara tekan Ctrl + Alt + G, ubah ukuran menjadi 60 x 60 pixels.
Gambar 3.44
Pilih menu View > Snapping > Snap to Grid. Agar posisi objek dapat diatur ditempatkan persisi pada setiap grid. Lalu pilih lagi menu View > Grid > Show Grid. Maka layar akan berubah seperti gambar berikut :
Gambar 3.45
Kemudian pada panel Library, seret movie clip animasi ke stage dan atur posisi seperti berikut tepat di kotak Grid dibawah sebelah kanan tanda +.
Gambar 3.46
Lakukan penyalinan pada objek, tekan Ctrl + C lalu tekan Ctrl + Shif + V dan geser objek tepat di sebelah kanan objek pertama.
Gambar 3.47
Lakukan penyalinan lagi hingga terdapat lima buah objek dalam satu baris seperti gambae berikut :
Gambar 3.48
Pilih ke lima objek lalu lakukan penyalinan lagi dan tempatkan persis di bawahnya sehingga akan terlihat seperti gambar berikut :
Gambar 3.49
Kembali ke scene 1 atau ke modus edit dokumen, tekan Ctrl + E untuk kembali ke modus edit dokumen.
Pada panel Library, seret movie clip animasi group ke dalam stage dan posisikan tepat berada pada pojok kiri atas seperti gambar berikut :
Gambar 3.50
Objek masih dalam keadaan terpilih, lalukan penyalinan objek sebanyak lima kali dan posisikan masing-masing objek seperti gambar berikut sehingga memenuhi semua stage.
Gambar 3.51
Jadi di dalam stage terdapat enam buah movie clip animasi group.
Simpan file, dan jalankan movie tekan Ctrl + Enter.
Gambar 3.52
Semoga bermanfaat……….

Membuat Animasi Logo pada Flash

1. Buka flash 8, lalu pilih menu Modify > Document (shortcut key: Ctrl+J). di dalam Document Properties window akan terlihat, ubahlah Frame rate di movie ke 30 fps. Click OK.
bl_001
2. Pilihlah Text tool (T). Didalam Property inspector, pilh Static Text.. Sekarang, pilhlah warna sesuka hatimu. Maksimal ukuran (72) dan tebalkan (bold).
bl_002
3. Click di manapun sesuka hatimu, lalu tuliskan “design” untuk contoh saja, atau tulis apapun. Buat tulisan dengan huruf besar semua, jika sudah. tekan Esc untuk keluar text editing mode.
bl_003
4. Plihlah tulisan itu dengan selection tool, pilh Modify > Break Apart.
5. Ulangi lagi dengan memilih break apart (shortcut key: Ctrl+B).
bl_005
6. Click di bagian yang kosong degan Selection tool (V) sehingga tulisan akan berubah seperti gambar di bawah ini, agar tulisan tidak dalam keadaan terpilih.
bl_006
7. Beralihlah ke Color Mixer panel. Atau select Window > Color Mixer untuk memprosesnya.
Buatlah pilihanya seperti berikut:
  • Pilih Linear as type ( 1 pd gambar),
  • Double-click pada bagian kiri gradient strip (2) dan pilh warna sesukamu,
  • Terakhir, double-click pada bagian kanan (3) dan pilih warna yang agak sama dengan yang kiri atau warna hampir menyerupai.
bl_007
8. Pilihlah Paint Bucket tool (K).Tarik dari bawah ke atas dari tiap huruf.
bl_008
Hasilnya akan terlihat seperti gambar di bawah:
bl_009
9. Dengan Paint Bucket tool (K) masih aktif, beralihlah ke bottom part (Options) di Tools panel. Click di Lock Fill icon.
bl_010
10. Sekarang hanya click pada tiap huruf saja (tidak perlu lagi tarik dari bawah ke atas).
bl_011
11. Pilhlah Modify > Document dan lihat pada Background color di document property ubahlah warna menjadi hitam. Click OK.. Berikan warna stroke (outline) pada tulisan dengan warna putih.
12. Pilh pada Ink Bottle tool (S). Di dalam Property inspector, pilh warna putih (1 pd gambar), set the line thickness menjadi 3 (2 pd gambar), pilh Solid sebagai line type(3) tandai Stroke hinting option (4).
bl_012
13. Teetskan pada bagian-bagian pinggir tulisan saja ( lihat gambar).
bl_013
14. Selesaikan sampai semua tulisan tertetesi semua..
15. Pilhlah Selection tool (V) pilhlah semua tulisan itu dengan cara drag pada bagian luar tulisan hingga tulisan terkotaki (lihat gambar)!
bl_014
Hasilnya akan terlihat seperti gambar di bawah ( semua tulisan dalam keadaan terpilih ).
bl_015
16. Tekan F8 (atau pilh menu Modify > Convert to Symbol) untuk mengubah tulisan kedalam simbol. Pilh Movie clip sebagai type, isikan name logo dan click OK.
bl_016
17. Setelah selesai, tulisan tersebut sekarang sudah menjadi movie clip. Beralihlah ke Property inspector dan click pada Filters tab.
bl_017
18. Click pada plus icon (1 pd gambar) untuk membuka daftar2 dari filter. Pilhlah Drop Shadow filter. Set pada Strength option menjadi 56% ( 2 ). Buat Distance equal 3 ( 3 ). Pada Blur X dan Y set menjadi 5, Quality on Low, warna hitam, pada options Knockout, Inner shadow dan Hide object left tidak terilih semuanya.
bl_018
Logo/tulisan akan terlihat seperti:
bl_019

MEMBUAT ANIMASI BOUNCING-NYA.

19. Pilhlah Selection tool (V)Click pada logo.
20. Tarik atau pindahkan logo pada atas stage ( lihat gambar ).
bl_020
21. Beralihlah pada timeline, click kanan pada frame 15 dan pilih Insert Keyframe. Lihat pada gambar :
bl_021
22. Tarik atau pindahkan logo ke bawah (Shift+Down arrow), posisi diusahakan lebih kebawah atau berada pada stage ( lihat gabar ).
bl_022
23. Click kanan diantara frame 1 sampai 14, pilhlah Create Motion Tween.
bl_023
24. Click pada frame 1.
bl_024
25. Didalam option Property inspector. Pilhlah Ease option dan set in menjadi -60.
bl_025
Tekan (Ctrl+Enter) untuk tes movie. Logo akan bergerak dari atas ke bawah.
26. Click kanan pada frame 22 dan insert a keyframe.
bl_026
Tarik atau pindah logo agak ke atas dari letak logo sebelumnya ( lihat gambar ).
bl_027
28. Click kanan, lalu Create Motion Tween.
bl_028
29. Pilihlah pada keyframe kedua (frame 15).
bl_029
30. Pada bagian Propertiy inspector, masukan Ease option field dengan 24 out
bl_030
31. Kemudian lakukan lagi masukan keyframe pada frame-frame berikut, dan isikanEase-nya seperti gambar di bawah ini :
bl_031
32Click pada frame 85 dan tambahkan frame (F5).
bl_032

MEMBUAT SEBUAH FADE PADA LOGO REFLECTION ANIMASI

33. Ubahlah nama layer 1 menjadi bouncing. Buat layer baru lagi degan cara pilh menuInser > Timeline> Layer, berilah nama reflection.
bl_033
34. Pada layer baru atau reflection, Masukan keyframe (F6) pada frame 51. Lihatlah gambar di bawah ini :
bl_034
35. Beralihlah ke layer bouncing. Click pada frame 50 pada layer bouncing, lalu tekanCtrl+C untuk mengopy logo atau click kanan pada logo lalu pilih copy.
36Click pada frame 51 pada layer reflection.
bl_035
37. Pilihlah menu Edit > Paste in Place (shortcut key: Ctrl+Shift+V).
38. Kemudian tarik logo kebawah seperti gambar dibawah, sehingga logo akan terlihat menjadi dua bagian, bagian yang atas adalah logo aslinya dari layer bouncing, sedangkan logo di bawahnya adalah copyan-nya yang terletak pada layer reflection..
bl_036
39. Dengan logo pada layer bouncing masih dalam keadaan terpilih, pilihlah menuModify > Transform > Flip Vertical. Untuk membalikan logo tersebut ( lihat gambar ).
bl_037
40Click pada reflection layer. Beralihlah ke Property inspector dan click pada Filterstab. Ubahlah Angle menjadi 315.
bl_038
Logo akan terlihat seperti pada gambar :
bl_039
41. Logo pada layer reflection masih dalam keadaan terpilih. Beralihlah ke Property inspector Pilihlah pada Properties tab. Pada bagian kanan Properties tab pada Colormenu. Pilh Alpha dan set alpha-nya menjadi 0%.
bl_040
Maka logo akan tidak terlihat.
42. Insert keyframe pada frame 85 pada layer reflection.
bl_041
43. Pilhlah Alpha pada Color menu lalu ubah menjadi 45%.
44. Click kanan diantara frame 51 sampai frame 84 pada layer (reflection) dan Create a Motion Tween.
bl_042
Yang terakhir Tes Movie dengan tekan Ctrl+enter.
Maka animasi-nya akan berjalan