Animasi Bab Rotasi

Hallo, teman-teman sekalian. Selamat Datang kembali di blog ini, yah. Kali ini aku mau memuat artikel tentang animasi Flash. Yaitu tentang tata cara membuat EFEK ROTASI =^o^=. Dari huruf-huruf dulu ya yang paling mudah selajutnya baru masuk ke animasi kartun. Menggunakan Adobe Flash cs3 Professional, tetapi dapat juga menggunakan Macromedia Flash 8, Adobe Flash Professional Cs5, Cs3 atau Cs5.5, sesuai selera kamu (˘▼˘)

Kita mulai aja ya operasinya (◦ ˆ_ ˆ◦)

PENGATURAN STAGE

1.       Langkah pertama dengan membuka aplikasi Adobe Flash CS5.5 Professional.

2.       Lalu kliklah Flash File (ActionScript) 2.0

3.       Arahkan kursor mouse pada panel properties, maka akan muncul seperti gambar di bawah ini. Lalu tekanlah sizenya. (kotak propertis ini terdapat pada Adobe Flash Profesional Cs5.5

4.       ** Untuk yang menggunakan Macromedia Flash 8

5.       Dimensions : 700 px (width) 375 px (height)

Background color : hitam

Frame rate : 30 fps

6.        Sorot combo box yang ada pada edit bar dan pilih fit in window.

MEMBUAT TEKS DI STAGE

Jika anda telah selesai membuat dan mengatur ukuran dan warna background stage, maka tugas anda selanjutnya adalah membuat teks di stage.

1.       Klik frame 1 layer 1

2.        Lanjutkan dengan menekan icon Teks Tool pada ToolBox.

3.        Kemudian klik kotak tekt (fill) color pada panel properties dan pilih warna biru

4.        Terus arahkan kursor di tengah dan ketik tulisan terserah kalian ya, disini aku             menulis menggunakan namaku AZURA. Untuk ukuran dan warna tulisannya juga terserah kalau kau sih sepertiyang kalian lihat di bawah ini.

5.        Kemudian munculkan panel Transformnya dengan cara CTRL+T kalau yang belum ada di bagian kanan jendela kamu.

6.        Kalau sudah tekan tombol ENTER, pada keyboard.

7.        Kalau telah muncul seperti gambar diatas kemudian aktifkan panel Align, Lalu klik Align/Distribute to Stage , Align Vertikal Center , dan Align Horizontal Center

MEMBUAT ANIMASI TEKS

Masuk ke tata cara pembuatan selanjutnya, sekarang kita mengedit satu per satu huruf untuk membuat animasi.

Mari kita telusuri langkah demi langkah berikut ini.

1. Klik teks yang telah diketik tadi.

2. Klik menu Modify di Menu bar lalu pilih convert to symbol atau F8.

3. Setelah itu akan muncul gambar box seperti di bawah ini.

ketik di kolom name nya Movie Teks

Type : Movie Clip

lalu Registration pilih yang di tengah, setelah itu klik OK

4. Setelah itu pilih menu Edit>Edit in Place

5. Selanjutnya pilih menu modify>break apart. atau CTRL+B.

6. Klik kembali menu Modify dan pilihg Timeline>Distribute To layers. atau CTRL+SHIFT+D.

8.        Klik frame 90 layer pertama anda karena disini huruf pertama A maka dari layer A.

9.        Lalu block frame 90 ke semua huruf yang telah di ketik tadi dengan cara klik dari frame 90 bersamaan dengan tombol SHIFT di keyboard.

10.    Kalau sudah tekan tombol F5.

11.    Edit objek huruf pertama dengan mengklik frame satu layer pertama sehingga huruf pertama akan terseleksi.

12.    Lanjut mengklik menu modify>break apart sehingga huruf pertama menjadi titik-titik. CTRL+B

13.    klik kanan layer 1 A frame 1 lalu Create Motion Tween

14.    kemudian klik frame 10 layer pertama A dan lanjut dengan menekan F6.

15.    Kembali klik frame 1 Layer A

 ubah angka pada transform, 400% dan rotate 

lalu ENTER.

16.   lalu klik Align Vertical center dan Horizontal center

17.    klik panel properties dan atur rotate menjadi CW.

18.    klik huruf pertama kembali dalam stage.

19. klik opsi Alpha pada combo box color yang ada di properties, ubah disamping kotak menjadi angka 25%, tekan Enter

20. selanjutnya mengedit huruf ke2 yaitu Z, langkah nya sama saja seperti mengedit huruf A tadi.

21. Aktifkan frame 5 layer ke2 yaitu Z

22. pilih menu modify>break apart.

23. klik kanan create motin tween frame 5 layer Z.

24. lalu klik frame 15 layer Z, setelah itu klik F6.

25. aktifkan lagi frame 5 layer Z.

26. klik panel transform 400%, constain, rotate Enter.

27. klik align vertical , horizontal seperti mebuat huruf A tadi.

28. pilih lagi opsi CW di combo box rotate di panel properties.

29. klik semua teks yang ada dalam stage nya.

30. ubah color di properties menjadi Alpha.

31. Berikutnya mengedit huruf ketiga yaitu U. caranya masih tetap sama dengan anda membuat huruf A dan Z tadi. bedanya hanya frame yang dipilih adalah frame 10.

32. pada huruf keempat yaitu R klik frame ke 15.

33. dan dengan cara yang masih sama untuk huruf terakhir yaitu huruf A maka pilih frame 20.

34. selanjutnya klik frame 50 Layer huruf terakhir A dan tekan tombol F6 setelahnya.

35. jangan lupa tetap pilih opsi CW di panel properties.

36. lalu klik kanan frame 30 layer huruf terakhir A pilih copy frames.CTRL+C

37. CTRL+V paste di frame 60 layer T, Atau klik kanan paste.

38. Untuk memperkecil tampilan panel klik segitiga kecil yang ada pada bagian paling atas susunan panel.

39. blok frame 61-90 layer huruf terakhir A.

40. klik kanan di frame 61 pilih remove frames.

41. klik frame 55 layer huruf ke4 R, tekan F6.

42. pastikan rotate>properties masih CW.

43. klik kanan frame 25 layer R pilih copy frames.

44. lanjut klik frame 65 layer R lalu paste frames.

45. hapus frame 66-90 dengan cara yang sama ketika mengahapus frame 61-90 layer A.

46. klik frame 60 layer U.

47. jangan lupa CW di properties masih aktif.

48. copykan frame 20 ke frame 70.

49. hapus frame 71-90.

50. klik frame 65 layer Z, F6.

51. kembali jangan lupa CW di panel properties.

52. copykan frame 15 ke 75

53. hapus frame 76-90

54. klik frame 70 layer A huruf pertama.

55. rotate Cw di panel properrties.

56. copy frame 10 ke 80.

57. hapus frame 81-90

58. klik rotate Cw di panel properties.

59. copy frame 5 ke frame 90.

60. hapus frame 86-90.

61. langkah berikutnya klik scene 1 yang berada pada edit bar, sehingga tampilan timeline dan stge seperti dokumen baru.

62. kalau sudah doubleclick layer1 lalu ketik movie teks, ketik enter setelahnya.

MEMBUAT BACKGROUND UNTUK HASIL ANIMASI AKHIR

Background yang akan kita buat selanjutnya dibawah ini gunanya intuk mempercantik tampilan animasi teks yang telah kita buat sebelumnya. Mari ikuti langkah-langkah berikut ini.

1. Buat icon baru dengan cara mengklik insert layer icon.

2. setelah muncul layer 2, ubah namanya menjadi movie lingkaran dengan doubleclick layer tersebut. lalu tekan .

3. klik frame 1 layer lingkaran

4. klik icon oval tool di tool box, buat lingkaran di stage.

5. klik selection tool klik gambar lingkaran yang telah dibuat

6. masukan angka weidth: 550 pada properties, enter.

7. klik segitiga kecil yang berada di atas panel untuk memperbesar tampilan.

8. klik Align Vertical dan Horizontal center.

9. ubah warna fill collor menjadi merah.

10. setelah itu klik modify>convert to symbol.

11. ketik movielingkaran pada box name. lalu tekan ok.

12. lalu pilih edit>edit in place, dan buat layer baru di icon insert layer.

13. klik kembali icon oval tool

14. ubah warna fill color menjadi orange, setelah itu buat kembali lingkaran yang berukuran lebih kecil dari sebelumnya lau klik selection tool.

15. masukan anga 500 pada weidth panel properties.

16. klik Align vertical-horizontal

17. buat layer baru dan aktifkan oval primitive tool.

18. kembali ke panel properties atur sebagai berikut :

stroke color : putih

fill color : kuning

kotak stroke : 5

start angle : 30

end angle : 330

inner radius 60

19. klik stage lalu drage sperti animasi berikut.

20. klik selection tool, klik object.

21. height 400,1 enter pada properties.

22. klik align vertical-horizontal.

23. klik scene 1

24. drag movie lingkaran

25. klik frame 1 movie teks lalu klik lingkaran kecil di tengah teks.

26. pilih panel filters klik icon + pilih drop shadow.

27. pilih quality: hight pada panel filters

28. Yeees,, akhirnya animasi kita selesai juga whuuuf capee banget ni... untuk melihat hasil animasi klik control>test movie atau CTRL+ENTER.

atau untuk adobe flash cs5.5, cs5 silahkan klik ENTER saja

UNTUK HASIL YANG TELAH JADI LAINNYA SEPERTI INI NIH...

seperti ini contoh yang sudah jadi, tapi hanya setengah. belum jadi semua (: SILAHKAN BERKREASI SESUAI KEINGINAN ANDA YAH..
dan untuk yang telah jadi keseluruhan seperti contoh diatas. tetapi dengan versi yang berbeda.
untuk menyimpan video klik CTRL+ALT+SHIFT+S atau File>Export>Export Movie
untuk menyimpan cara editan anda atau flash tadi klik File>Import>Import to stage atau CTRL+R.

Selamat Mencoba dengan Kreasi Anda.

" jangan takut untuk berkreasi "

"Azura Septy Devi "

SALAM....