Kamis, 26 Januari 2012

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

0 komentar:

Poskan Komentar