1 Comment

Membuat Animasi Logo pada Flash 8

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.
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 isikan Ease-nya seperti gambar di bawah ini :

bl_031

32. Click 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 menu Inser > 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 tekan Ctrl+C untuk mengopy logo atau click kanan pada logo lalu pilih copy.

36. Click 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 menu Modify > Transform > Flip Vertical. Untuk membalikan logo tersebut ( lihat gambar ).

bl_037

40. Click pada reflection layer. Beralihlah ke Property inspector dan click pada Filters tab. 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 Color menu. 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.

Click disini untuk download tutorial ini dalam ekstensi file.pdf

Terima Kasih sebelumnya.

Semoga dapat bermanfaat bagi anda.

Created by : ga_pra_27@yahoo.co.id

One comment on “Membuat Animasi Logo pada Flash 8

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: