Tutorial Membuat Revolusi Bulan dan Bumi

Belajar Membuat Animasi Revolusi Bulan dan Bumi

Hallo Anima… Apa kabar nih? Hari ini kita akan belajar membuat animasi revolusi bulan dan bumi. Tutorial ini adalah lanjutan dari revolusi bulan. Sebelumnya kita membuat bulan yang mengitari bumi dalam tampilan 3d. Kali ini kita akan membuatnya dalam tampilan 2d. Tetapi kita tidak hanya akan membuat bulan mengitari bumi tetapi juga buminya mengitari matahari. Cara membuatnya masih sama dengan membuat revolusi bulan yaitu dengan menggunakan motion guide. Ini sepertinya kaan sedikit kompleks yaa. Tapi apa salahnya mencoba.mari kita belajar bersama langkah-langkah membuatnya. 

1.  
Pertama buka aplikasi Macromedia Flash 8 dan pilih Langkah pertama, kalian buka aplikas Macromedia Flash 8, lalu akan muncul tampilan dibawah ini. Setelah itu kalian pilih Flash Document pada Create New.

2.   Aturlah properties docummentnya dengan mengatur panjang 300px serta lebar 300px dan juga 12fps sebagai frame rate. Berikan warna hitam pada Backgroundnya.

3.      Tekan Ctrl+F8 untuk memunculkan kotak dialog Create New Symbol atau di toolbar insert new   symbol. Masukkan revolusi bulan sebagai Name dan Movie clip sebagai Typenya lalu tekan OK.

4.      Selanjutnya kalian akan masuk ke dalam stage movie clip revolusi bulan. Masukkan 2 buah layer baru sehingga timeline akan tampil seperti di bawah ini:

5.   Klik Layer 1, buatlah sebuah lingkaran cukup besar (berfungsi sebagai bumi) dengan warna yang radial. Kalian bias memilih mau pakai warna apa.

 

6.    Klik Layer 3, buatlah sebuah garis lingkaran (berfungsi sebagai jalur bulan) yang lebih besar dari  lingkaran di Layer 1. Hilangkan sedikit garis di bagian atas garis lingkaran sehingga lingkaran  bagian atas tersebut terpisah.

7.     
Klik Layer 2, buatlah sebuah lingkaran kecil (berfungsi sebagai bulan) lalu tekan fn+f8

8.   Pada kotak dialog yang muncul masukkan bulan sebagai Name dan Movie clip sebagai Type lalu tekan OK. Letakkan movie clip bulan ini ke ujung garis lingkaran bagian kiri di Layer 3 (titik registration movie clip bulan harus berada tepat di ujung garis).

9.      Klik kanan frame 31 Layer 3 dan pilih Insert Frame.

10.  Kilk kanan frame 31 Layer 2 dan pilih Insert Keyframe. Ubah letak movie clip bulan di frame 31 Layer 2 ke ujung garis lingkaran bagian kanan di Layer 3 (titik registration movie clip bulan harus berada tepat di ujung garis).

11.  Klik kanan frame 1 Layer 2 dan pilih Create Motion Tween.

12.  Klik kanan frame 31 Layer 3 dan pilih Remove Frames.

13.  Kilk kanan frame 30 Layer 2 dan pilih Insert Keyframe.

14.  Klik kanan frame 31 Layer 2 dan pilih Remove Frames.

15.  Klik kanan frame 30 Layer 1 dan pilih Insert Frame.

16.  Klik kanan Layer 3 dan pilih Guide. Singgungkan Layer 2 ke Layer 3.Jika sudah tekan Ctrl+E untuk kembali ke stage Scene 1.

17.  Masukkan 2 buah layer baru sehingga timeline akan tampil seperti di bawah ini:

18. 
 Klik Layer 1 dan buatlah lingkaran besar (berfungsi sebagai matahari) dengan warna apapun yang kalian suka.

19.   Klik Layer 3 dan buatlah sebuah garis lingkaran (berfungsi sebagai jalur bumi) yang lebih besar dari lingkaran di Layer 1. Hilangkan sedikit garis di bagian atas garis lingkaran sehingga garis lingkaran bagian atas tersebut terpisah.

20. Klik Layer 2 agar anda aktif di layer tersebut kemudian bukalah panel Library dengan menekan Ctrl+L pada keyboard. Drag movie clip revolusi bulan ke stage pada Layer 2 frame Letakan movie clip ini ke ujung garis lingkaran bagian kiri di Layer 3 (titik registration movie clip revolusi bulan harus berada tepat di ujung garis).

21. Klik kanan frame 120 Layer 1 dan pilih Insert Frame.

      22. Klik kanan frame 121 Layer 3 dam pilih Insert Frame. 
23.  Klik kanan frame 121 Layer 2 dan pilih Insert Keyframe. Ubah letak movie clip revolusi bulan di frame 121 Layer 2 ke ujung garis lingkaran bagian kanan di Layer 3 (titik registration movie clip bulan harus berada tepat di ujung garis). 
24. Klik frame 1 Layer 2 dan pilih Create Motion Tween.  
25. Klik kanan frame 120 Layer 2 dan pilih Insert Keyframe. 
26. Klik kanan frame 121 Layer 2 dan pilih Remove Frames. 
27. Klik kanan frame 121 Layer 3 dan pilih remove Frames. 
28. Klik kanan Layer 3 dan pilih Guide. Singgungkan Layer 2 dengan Layer 3. 
29. Terakhir Test Movie dengan menekan Ctrl+Enter.

    Bagaimana? Rumit sekali ya? Its okay, setidaknya kita sudah mencoba. Terus belajar dan jangan pernah menyerah. Salam Anima….

Tutorial Membuat Revolusi Bulan

.Belajar Membuat Revolusi Bulan

Hallo Anima…. Apa kabar nih? Sebelumnya kita sudah belajar membuat motion guide. Nah kali ini aku akan share teknik animasi lanjutan dari motion guide. Hari ini kita akan membuat Revolusi Bulan dimana seolah-olah bulan ini mengelilingi bumi. Penasaran kan?  Mari kita belajar bersama. Langkah-langkahnya sebagai berikut.

1. Pertama buka aplikasi Macromedia Flash 8 dan pilih Langkah pertama, kalian buka aplikasi Macromedia Flash 8, lalu akan muncul tampilan dibawah ini. Setelah itu kalian pilih Flash Document pada Create New.

2.  Buatlah 4 buah layer dengan mengklik tombol Insert Layer untuk memasukan layer baru. Pastikan posisi masing-masing layer seperti gambar di bawah ini:

3. Aktifkan Layer 1 dan buatlah sebuah lingkaran besar (sebagai bumi) menggunakan oval tool dan tempatkan  di tengah-tengah stage. Seleksi seluruh lingkaran tadi dan tekan Ctrl+C untuk mengcopy objek  tersebut.

 4.   Klik layer 4 pada timline,setelah berada di layer 4 klik kanan stage dan pilih Paste in Place.

 5.   Klik Layer 3 agar kalian aktif di layer tersebut. Gambarlah sebuah garis berbentuk oval seperti di bawah ini. Jangan lupa untung hide terlebih dahulu layer 1 dan layer 4 agar objek bumi tidak terlihat.

6. Hilangkan sedikit garis di bagian atas garis oval tersebut sehingga akan ada 2 ujung di garis oval

 tersebut menggunkan eraser tool. Pastikan kedua ujungnya berpisah.

7. Klik Layer 2 pada Timeline. Gambarlah sebuah objek lingkaran kecil sebagai bulan di stage Layer 2. 

8.  Seleksi lingkaran kecil tersebut dan tekan F8. Pada kotak dialog yang muncul masukan bulan sebagai Name dan Movie Clip sebagai type lalu tekan OK.

 9.  Klik kanan frame 70 pada Layer 3 dan pilih Insert Frame

10. Klik kanan frame 70 pada Layer 2 dan pilih Insert Keyframe. Ubah letak objek di frame 70 pada layer 2 ke ujung garis oval bagian kanan

11. Klik kanan frame 1 pada Layer 2 dan pilih Create Motion Tween.

13. Klik kanan Layer 3 pada Timeline dan pilih Guide. Singgungkan Layer 2 ke Layer 3. Sehingga menjadi seperti gambar di bawah ini:

13. Klik kanan frame 30 pada Layer 1 dan pilih Insert KeyFrame.

14.  Klik kanan frame 63 pada Layer 1 dan pilih Insert Frame.

15. Hapus objek lingkaran besar (bumi) di frame 1 pada Layer 1.

16. Klik kanan frame 70 pada Layer 4 dan pilih Insert Frame.

17. Klik kanan frame 64 pada Layer 4 dan pilih Insert Keyframe.

18. Klik kanan frame 30 pada Layer 4 dan pilih Insert Keyframe. Hapus objek lingkaran besar (bumi) di frame 30 Layer 4 ini. Sehingga di Timeline akan tampak seperti di bawah ini:

19. Tekan Ctrl+Enter untuk melinat hasilnya.

Bagaimana? Cukup rumit ya? Tapi seru kaaan… oke Anima Selamat Mencoba.

Tutorial Membuat Jam Analog

Belajar Cara Membuat Jam Analog di Macromedia Flash 8

Hallo Anima…. Apa kabar nih? Dalam artikel-artikel sebelumnya kita sudah belajar beberapa cara membuat animasi. Kali ini saya akan berbagi mengenai cara membuat animasi jam analog di Macromedia Flash 8. Kalian tidak akan kesulitan dalam membuatnya karena saya akan menjelaskannya dengan bahasa yang mudah dimengerti  dan dipahami. Oke langsung saja yaa….

1. Langkah pertama, kalian buka aplikasi Macromedia Flash 8, lalu akan muncul tampilan dibawah ini. Setelah itu kalian pilih Flash Document pada Create New.

2.  Setelah halaman kerja terbuka langkah kedua yaitu buatlah lingkaran jam dengan menggunakan   tools ellips. Lakukan pengaturan pada stroke dan ukurannya. Setelah itu buat anak-anak jam   dengan menggunakan tools teks dan ubah menjadi static properties. Buat angka dari 1 hingga 12    sesuai posisi jam. 

3.  Setelah sudah terbentuk jam, buatlah garis-garis jam, menit detik dengan bantuan tools line. Pertama buat terlebih dahulu layer baru untuk membuat jarum jam. Buat garis lurus dengan Line Tool (N). buatlah garis yang lebih pendek kemudian tekan Ctrl+fn+f8 untuk  melakukan Convert to Symbol lalu beri beri nama jam_mc  dan ubah menjadi Movie Clip jangan lupa untuk mengubah regristrasi menjadi bottom-center agar posisi jarum jam sesuai yang diinginkan kemudian oke setelah itu ubah instance name pada properties menjadi jarum_jam untuk pemanggilan pada actionscript. 

4. Setelah itu buat tambahkan layer baru, ubah nama menjadi jarum menit. Buatlah garis yang lebih panjang dari jarum jam kemudian tekan Ctrl+fn+f8 untuk  melakukan Convert to Symbol lalu beri beri nama menit_mc  dan ubah menjadi Movie Clip jangan lupa untuk mengubah regristrasi menjadi bottom-center agar posisi jarum sesuai yang diinginkan kemudian oke setelah itu ubah instance name pada properties menjadi menit_mc untuk pemanggilan pada actionscript. Lalu letakan jarum menit sejajar jarum jam (usahakan pangkalnya menjadi satu).

5.      Selanjutnya tambahkan layer baru lagi, ubah nama menjadi jarum detik. Buatlah garis yang lebih panjang dari jarum jam dan jarum menit kemudian tekan Ctrl+fn+f8 untuk  melakukan Convert to Symbol lalu beri beri nama detik_mc  dan ubah menjadi Movie Clip jangan lupa untuk mengubah regristrasi menjadi bottom-center agar posisi jarum sesuai yang diinginkan kemudian oke setelah itu ubah instance name pada properties menjadi detik_mc untuk pemanggilan pada actionscript. Lalu letakan jarum detik sejajar jarum jam dan menit (usahakan pangkalnya menjadi satu). Seperti gambar dibawah ini :

7.    Nah untuk langkah terakhir masukan script untuk bisa menjalankan jam. Para jarum sudah siap. Sekarang tinggal masukin script-nya. Kembali ke layer jarum jam. Klik pada jarum tersebut. Buka actions (Window → Actions, atau dengan menekan F9). Kemudian isikan script seperti dibawah ini:

onEnterFrame = function(){

                                          waktu = new Date ();

                                         

                              jam = waktu.getHours();

                              menit = waktu.getMinutes();

                              detik = waktu.getSeconds();

                              if (jam>12){

                                          jam -= 12;

                              }

                              jam_mc._rotation = jam*30+(menit/2);

                              menit_mc._rotation = menit*6;

                              detik_mc._rotation = detik*6;

};

                                         

8.      Tahap terakhir tekan CTRL + Enter untuk menjalankan animasi kurang lebih gambar seperti ini:

Nah selesai  teman-teman. Gimana gampangkan? Selamat mencoba………..

Salam Anima……………

Tutorial Membuat Motion Guide

Belajar Membuat Motion Guide

Hallo Anima… Hari ini kita akan belajar mengenai Motion guide. Motion guide termasuk kedalam teknik dasar animasi namun menurutku ini cukup kompleks tahapannya. Tapi jangan khawatir aku akan menjelaskan sedetail dan sesederhana mungkin untuk Sahabat Anima. Sebelum ke langkah-langkahnya aku mau jelasin dulu kalau Motion guide itu  adalah salah satu fasilitas dari flash yang digunakan untuk membuat animasi motion tween bergerak sesuai jalur (guide) yang telah kita buat . Hasil animasi motion guide ini selain halus (karena motion tween) juga lebih teratur karena animasi bergerak sesuai jalur yang kita buat dan kita inginkan. Berikut aku berikan contoh sederhananya ya…selamat mencoba Anima……

1.    Langkah pertama, kalian buka aplikasi Macromedia Flash 8, lalu akan muncul tampilan dibawah ini. Setelah itu kalian pilih Flash Document pada Create New. 

2. Buatlah sebuah lingkaran berwarna menggunakan oval tool

3. Seleksi lingkaran tersebut dan tekan Fn + F8. Pada panel yang muncul masukkan bola/nama objek lain sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok. Mengapa menggunakan movie clip agar kalian bias merubah objeknya dengan image yang kalian mau misalnya burung.

4. Kemudian insert keyframe pada frame  40

5. Selanjutnya klik kanan pada frame 20 dan pilih Create Motion Tween

6. Kemudian, klik kanan pada layer 1 dan pilih “Add Motion Guide"

7. setelah itu aktifkan di layer guide dan buatlah lintasan sembarang dengan menggunakan tool pencil.

8. selanjutnya, letakan bola pada frame 1 diawal garis kemudian pindahkan pada frame 40 diakhir garis. 

9. Tekan Ctrl+Enter untuk melihat hasilnya seperti ini.

Bagaimana Anima? Seru kan? Aku akui sih memang tahapannya cukup rumit tapi masih tetep mudahkan karena kalian kalau mecoba pasti berhasil. Okee… selamat mencoba…. Sampai jumpa diartikel-artikel selanjutnya.