Pages

Labels

Sunday, April 26, 2009

MEMBUAT LOGO/TULISAN BOUNCING ANIMASI 3D DENGAN WARNA GRADASI DI FLASH 8 ;)

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.


View Profile
« on: March 09, 2009, 07:35:18 PM »


MEMBUAT LOGO/TULISAN BOUNCING ANIMASI 3D DENGAN WARNA GRADASI DI FLASH 8 ;)

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.




2. Pilihlah Text tool (T). Didalam Property inspector, pilh Static Text.. Sekarang, pilhlah warna sesuka hatimu. Maksimal ukuran (72) dan tebalkan (bold).



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.



4. Plihlah tulisan itu dengan selection tool, pilh Modify > Break Apart.

5. Ulangi lagi dengan memilih break apart (shortcut key: Ctrl+B).
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.


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.



8. Pilihlah Paint Bucket tool (K).Tarik dari bawah ke atas dari tiap huruf.



Hasilnya akan terlihat seperti gambar di bawah:



9. Dengan Paint Bucket tool (K) masih aktif, beralihlah ke bottom part (Options) di Tools panel. Click di Lock Fill icon.


10. Sekarang hanya click pada tiap huruf saja (tidak perlu lagi tarik dari bawah ke atas).


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).


13. Teetskan pada bagian-bagian pinggir tulisan saja ( lihat gambar).


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)!


Hasilnya akan terlihat seperti gambar di bawah ( semua tulisan dalam keadaan terpilih ).


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.


17. Setelah selesai, tulisan tersebut sekarang sudah menjadi movie clip. Beralihlah ke Property inspector dan click pada Filters tab.


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.


Logo/tulisan akan terlihat seperti:


MEMBUAT ANIMASI BOUNCING-NYA.

19. Pilhlah Selection tool (V). Click pada logo.

20. Tarik atau pindahkan logo pada atas stage ( lihat gambar ).


21. Beralihlah pada timeline, click kanan pada frame 15 dan pilih Insert Keyframe. Lihat pada gambar :


23. Click kanan diantara frame 1 sampai 14, pilhlah Create Motion Tween.


24. Click pada frame 1.


25. Didalam option Property inspector. Pilhlah Ease option dan set in menjadi -60.


Tekan (Ctrl+Enter) untuk tes movie. Logo akan bergerak dari atas ke bawah.

26. Click kanan pada frame 22 dan insert a keyframe.


Tarik atau pindah logo agak ke atas dari letak logo sebelumnya ( lihat gambar ).


28. Click kanan, lalu Create Motion Tween.


29. Pilihlah pada keyframe kedua (frame 15).


30. Pada bagian Propertiy inspector, masukan Ease option field dengan 24 out


31. Kemudian lakukan lagi masukan keyframe pada frame-frame berikut, dan isikan Ease-nya seperti gambar di bawah ini :


32. Click pada frame 85 dan tambahkan frame (F5).


MEMBUAT SEBUAH FADE PADA LOGO REFLECTION ANIMASI

33. Ubahlah nama layer 1 menjadi bouncing. Buat layer baru lagi degan cara pilh menu Inser > Timeline> Layer, berilah nama reflection.


34. Pada layer baru atau reflection, Masukan keyframe (F6) pada frame 51. Lihatlah gambar di bawah ini :


35. Beralihlah ke layer bouncing. Click pada frame 50 pada layer bouncing, lalu tekan Ctrl+C untuk mengopy logo atau click kanan pada logo lalu pilih copy.

36. Click pada frame 51 pada layer reflection.


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.


39. Dengan logo pada layer bouncing masih dalam keadaan terpilih, pilihlah menu Modify > Transform > Flip Vertical. Untuk membalikan logo tersebut ( lihat gambar ).


40. Click pada reflection layer. Beralihlah ke Property inspector dan click pada Filters tab. Ubahlah Angle menjadi 315.


41. Logo pada layer reflection masih dalam keadaan terpilih. Beralihlah ke Property inspector Pilihlah pada Properties tab. Pada bagian kanan Properties tab pada Color menu. Pilh Alpha dan set alpha-nya menjadi 0%.


Maka logo akan tidak terlihat.

42. Insert keyframe pada frame 85 pada layer reflection.


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.


Yang terakhir Tes Movie dengan tekan Ctrl+enter.

Maka animasi-nya akan berjalan. ;)

No comments:

Post a Comment