Showing posts with label animasi frame by frame. Show all posts
Showing posts with label animasi frame by frame. Show all posts

Tutorial Membuat Animasi Motion Guide Sederhana


TUTORIAL MEMBUAT ANIMASI MOTION GUIDE SEDERHANA

Salam hangat sobat Mustaufa SiTe. Bagaimana kabarnya semua, semoga sobat semua dalam keadaan sehat selalu. Nah, pada kesempatan kali ini kami dari admin Mustaufa Site akan memberikan sedikit info mengenai Tutorial Membuat Animasi Motion Guide Sederhana. Untuk itu sobat yang kepengin untuk bisa animasinya wajib untuk membaca postingan ini hingga selesai ya JJJ
Namun, pasti di antara sobat semua banyak yang belum paham atau bahkan malah baru mendengar tentang animasi motion guide. Untuk itu sebelum kita mulai prakteknya maka akan kami jelaskan dulu secara singkat mengenai apa sih Animasi Motion Guide itu ?
Animasi Motion Guide
Animasi motion guide merupakan animasi yang digerakan sesuai dengan jalur atau track yang telah kita buat sebelumnya. Animasi ini merupakan lanjutan dari animasi motion tween. Animasi motion guide merupakan jenis animasi yang  memerlukan ketelitian dalam melakukan pergerakan yang dikehendaki atau sesuai dengan keinginan kita yang membuat jalurnya.
Tak usah berlama-lama langsung saja kita praktekkan bersama…..

1.       Langkah pertama yang harus kita lakukan adalah berdo’a agar animasi guide yang kita buat berhasil nantinya…J

2.       Berikutnya kita buka aplikasi pengolah animasi 2D, bisa Adobe Flash atau Macromedia Flash, namun kali ini kita akan gunakan Macromedia Flash.








3.       Buka apilkasinya, kemudian pilih flash document dan klik Ok.





4.       Pada lembar kerjanya kita  atau yang biasa disebut Stage, kita buat objek lingkaran atau objek apapun sesuai keinginan kita. Dengan menggunakan Oval Tool lalu kita klik dan drag pada stage.





Agar dapat berbentuk lingkaran sempurna, kita klik drag sambal menekan Shift.
5.       Berikutnya pada frame 1 kita klik kanan dan pilih create Motion tween.



6.       Selanjutnya pada frame 20 kita klik kanan dan pilih insert keyframe dan geser objek ke samping kanan dengan cara drag.




7.       Pada layer 1 kita klik kanan dan pilih “Add Motion Guide”.







8.       Dengan layer Guide masih menyala, kita pilih Pensil Tool pada menu dan kita buat jalur yang akan dilewati oleh objek

.

9.       Setelah kita selesai membuat jalur untuk  objek, kita tempatkan objek  di awal dan akhir jalur.
10.   Agar objek dapat bergerak mengikuti jalur kita posisikan titk tengah objek di ujung jalur yang kita buat, yaitu dengan menggunakan free transform.

11.   Pada frame 1 kita pilih free transform atau dengan menekan Q pada keyboard, lalu pindahkan objek agar bulatan tengah objek tepat di ujung jalur.



12.   Kemudian, pada frame 20 pilih free transform dan tempatkan objek di ujung akhir jalur.



13.   Nah, proses editnya sudah selesai, dan untuk melihat hasilnya tekan CTRL + Enter.

Tutorial animasi Frame by Frame | RIAN MUSTAUFA


1.       Buka aplikasi adobe flash, pada create new pilih action script 2.0


2.       Pada layer 1, klik pada frame 10 kemudian klik kanan dan pilih insert keyframe.


3.       Kemudian masih pada layer 1 kita buat sebuah kata dengan meggunakan teks tool, misalnya pada kesempatan ini kita akan membuat tulisan Multimedia.


4.       Pada frame ke 10 klik kanan dan pilih insert blank keyframe.


5.       Pada frame 10 kita buat tulisan dengan teks tool.


6.       Setelah itu pada frame 20 kita pilih insert keyframe.



7.       Pada frame 20 masukkan teks kembali dengan teks tool.


8.       Pada frame 30 pilih insert keyframe dan masukkan huruf L.


9.       Pada frame 30 tambahkan huruf T.


10.   Kemudian pada frame 40 insert keyframe.

11.   Pada frame 40 itu tambahkan huruf I.


12.   Klik insert keyframe pada frame 50.

13.   Pada frame 50 tambahkan huruf M.


14.   Dan pada frame 60 insert keyframe.

15.   Tambahkan E pada frame 60.


16.   Pada frame 70 insert keyframe dan tambahkan huruf D.


17.   Insert keyframe pada frame 80 dan tambahkan huruf I.


18.   Dan insert keyframe pada frame 90.

19.   Terakhir, tambahkan huruf A dan insert keyfram pada frame 100.


20.   Untuk melihat hasilnya klik CTRL + enter.


Itulah tadi sedikit tutorial singkat membuat animasi frame by frame dengan adobe flash cs 6, janghan lupa ber komentar dan saran ya...