Prak-16 Membuat Animasi Motion Guide

1. Tujuan

Memantapkan kemampuan mahasiswa dalam memahami apa itu Motion Guide dengan membuat animasi Motion Guide bebas sesuai kreasi sendiri.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

_Tidak Ada_

4. Dasar Teori

Motion guide 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 / sirkuit yang kita buat. Berikut cara - cara membuat Motion Guide dengan jalur elips :

1. buka aplikasi macromedia flash yang anda punya di kompi anda, lalu pilih flash dokument.

2. Ubah layer 1 dengan nama kotak A. Lalu dengan menggunakan rectangle tool, buat sebuah objek kotak. Setelah itu, klik text tool ketik huruf A lalu letakkan di dalam gambar kotak tersebut.

3. Blok objek kotak dan huruf A, tekan F8 pada keyboard, pilih Graphic, klik OK.

4. Insert layer baru, ubah dengan nama bulat B. lalu Dengan menggunakan Oval Tool, buat objek lingkaran, lalu klik Text Tool, ketik huruf B, letakkan kedalam objek lingkaran.

5. Blok objek kotak dan huruf B, tekan F8 pada keyboard, pilih Graphic, klik OK.






6. Klik di layer kotak A, klik add motion guide.




7. lalu Di layer Guide kotak A dengan menggunakan oval tool buat sebuah objek elips.

8. Klik gambar elips, lalu di properties ubah X: menjadi 88.0 dan Y: menjadi 91.0. hal itu digunakan agar pasisi X = 88 dan Y = 91.

9. Klik di layer bulat B, klik add motion guide.

10. Lalu Di layer Guide kotak A, klik kanan pada gambar elips pilih copy,lalu paste di layer guide bulat B. sampai benar-benar elips itu seperti menyatu.

11. Lalu klik di frame 45 sambil menekan shift. Ini akan menyeleksi semua layer. Lalu klik kanan pilih insert frame.

12. Jika benar hasilnya seperti ini



13. Pada layer kotak A, klik kanan di frame 1 pilih create motion tween.




14. Lalu klik kanan di frame 15 pilih insert keyframe.



15. Drag objek kotak A menjadi seperti dibawah ini.

16. Lakukan step 10 dan 11 pada frame 30 dan 45. (Drag objek kotak A mengikuti gambar elips searah jarum jam).

17. Lalu masih di layer kotak A, klik kanan di frame 1, lalu ubah properties rotate menjadi CW. Lakukan hal yang sama pada frame 15 dan 30.

18. Untuk objek lingkaran yang ada di layer bulat B, langkah-langkahnya hampir sama dengan objek kotak di layer kotak A. Hanya saja motion guide dari objek lingkaran di layer B merupakan kebalikan dari objek kotak dilayer kotak A. (Properties rotate pada objek lingkaran di layer bulat B ubah menjadi CCW).

19. tekan ctrl + enter,untuk menjalankannya.

5. Tugas Praktikum

Membuat sebuah animasi Motion Giude bebas sesuai kreasi sendiri-sendiri

6. Petunjuk Praktikum

Mulailah dengan mencari ide. animasi seperti apa yang ingin kita buat. jika memang sedang tidak ada ide maka lebih baik melihat beberapa referensi yang biasanya terdapat di youtube. jika sudah mendapat gambaran bagaimana animasi anda nantinya, segera tuangkan ide tersebut dengan membuat animasinya di flash.

7. Hasil Praktikum

 

8. Kesimpulan

Untuk membuat sebuah animasi motion tween di flash, kita harus mengetahui terlebih dahulu teknik dasar flash. yakni motion tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi dari pembuatan animasi motion tween sesuai kreasi.

 

9. Referensi 

 

 

Prak-15 Membuat Animasi Motion Tween bebas

1. Tujuan

Memantapkan kemampuan mahasiswa dalam memahami apa itu motion tween dengan membuat animasi motion tween bebas sesuai kresi sendiri.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

_Tidak Ada_

4. Dasar Teori

Animasi Motion Tween
1. Pengertian Tweening
Tweening adalah proses membuat sebuah animasi pergerakan dengan cara memberikan perubahan pada bentuk atau posisi objek dengan menentukankeyframe awal dan akhir sehingga dapat terbentuk frame-frame baru. Fungsiutama tweening adalah untuk menggerakkan objek dari satu titik ke titik lainnya. Animasi motion tween digunakan apabila kita ingin membuat gerakan animasi yang teratur. Animasi ini sangat mengurangi waktu karena kita tidakperlu membuat animasi secara frame per frame. Sebaliknya hanya membuatframe awal dan frame akhir saja. Dua alasan utama mengapa Animasi motion tween sangat baik yaitu karena mengurangi pekerjaan mengambar dan meminimalkan ukuran file karena isi dari setiap frame tidak perlu disimpan.

2. Cara Kerja Tweening
Cara kerja tweening adalah dengan cara menentukan dua poin keadaan pada objek awal dan akhir, sedangkan macromedia flash membuat rangkaian gerakan diantaranya. Animasi yang dihasilkan menggunakan metode ini adalah gerakan yang halus, perubahan letak, ukuran, rotasi, bentuk maupun warna. Prinsip kerja dari animasi motion tween adalah membuat objek pada frame pertama dan terakhir saja, sedangkan frame-frame diantaranya akan dibuat secara otomatis. Objek yang dapat diaplikasikan dalam motion tween adalah objek instance (simbol), group dan teks. Animasi motion tween biasa digunakan untuk membuat animasi objek bergerak, berputar, dan mengubah ukuran (skala).

Untuk menggerakkan animasi berupa obyek yang bergerak , langkah tercepat yang dapat dilakukan adalah dengan menggunakan Motion Tween. Dengan menggunakan  otion Tween, kita hanya menentukan posisi pertama dan posisi terkahir obyek dan selanjutnya kita gerakan dengan Motion Tween. Langkahlangkah membuat animasi tweening sederhana :

Buka halaman baru File > New > File Flash > OK
2. Pada menu Propeties tentukan size atau ukuran stage 550 x 200 pixel, warna
Background Putih dan jumlah Frame per detik 12.
3. Ubahlah nama untuk Layer 1 dengan nama layer “Bola”.
4. Seleksi drame 1 pada layer Bola

Gambar . Seleksi Drame 1 pada Layer bola

5. Dengan menggunakan Oval Tool buatlah lingkaran seperti pada latihan animasi frame by
    frame dan le takkan gambar bola di stage sebelah kiri.

Gambar. Menggambar menggunakan Oval Tool

6. Klik kanan frame 8 layer Bola dan pilih Insert Keyframe

Gambar . Frame 8 layer bola

 7. Drag gambar bola yang berada di frame 8, geser ke sebelah kanan stage.

Gambar. Bola yang berada di frame 8, geser ke kanan stage

8. Klik kanan di frame 1 dan 8, pilih Create Motion Tween

Gambar . Create Motion Tween

9. Keadaan frame setelah ditambah Motion Tween

5. Tugas Praktikum

Membuat sebuah animasi Motion Tween bebas sesuai kreasi sendiri-sendiri

6. Petunjuk Praktikum

Mulailah dengan mencari ide. animasi seperti apa yang ingin kita buat. jika memang sedang tidak ada ide maka lebih baik melihat beberapa referensi yang biasanya terdapat di youtube. jika sudah mendapat gambaran bagaimana animasi anda nantinya, segera tuangkan ide tersebut dengan membuat animasinya di flash.

7. Hasil Praktikum

 

8. Kesimpulan

Untuk membuat sebuah animasi motion tween di flash, kita harus mengetahui terlebih dahulu teknik dasar flash. yakni motion tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi dari pembuatan animasi motion tween sesuai kreasi.

9. Referensi

Prak 14-LOGOMOTION

1. Tujuan

Memantapkan kemampuan mahasiswa dalam membuat sebuah animasi melalui adobe flash dengan membuat logomotion yang telah ditentukan sebelumnya.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

_Tidak Ada_

4. Dasar Teori

Shape Tween 
Shape tween merupakan salah satu teknik dalam animasi flash yaitu perubahan bentuk dari suatu objek ke objek lain. Jika dalam Classic Tween tidak ada perubahan bentuk objek yang kita animasikan, maka dalam Shape Tween objek yang akan kita animasikan dapat berubah bentuknya. Misalnya kita ingin merubah bentuk objek persegi empat menjadi bentuk bintang, maka kita dapat menggunakan Shape Tween.
Dalam teknik Shape Tween kita perlu mengganti objek pertama dengan objek kedua ke posisi yang berbeda. 

Jadi, setelah kita membuat objek pada posisi A, tambahkan keyframe ke frame yang kita inginkan. Di frame terkahir tersebut, hapus objek pertama dan kita ganti dengan objek berbentuk lain ke posisi yang berbeda. Misalnya dari objek lingkaran di pojok atas, dirubah menjadi objek bintang ke pojok bawah.

Setelah itu, seleksi semua frame atau double klik frame, kemudia klik kanan tombol mouse dan pilih Create Shape Tween.

Untuk melihat hasilnya, tekan tombol Ctrl + Enter pada keyboard.

Selamat Mencoba!!!

 Shape Hint

Untuk kali ini saya akan memposting tentang cara membuat perubahan bentuk Shape Hint, untuk mengontrol perubahan bagian - bagian yang lebih detail pada objek, maka kita dapat menambahkan titik perubahan awal dan akhir atau lebih dikenal dengan perubahan Shape Hint.
Langkah - langkah untuk membuat animasi shape hint.
1. Buka dokumen baru, simpan dengan nama Shape Hint.
2. Tuliskan huruf A dengan menggunakan Text Tool.
3. Klik Selection tool, pilih menu Modify>Break Apart, lalu klik frame 1.
4. Buka panel Properties, pada kotak Tween pilih Shape.
5. Klik kanan frame 25, pilih Insert Keyframe.
6. Tekan Delete untuk menghapus huruf A, ganti dengan huruf B pada tempat yang sama. Tekan Selection tool, lalu tekan Ctrl + B ( =break apart ).
7. Klik frame 1, pilih menu Modify>Shape>Add Shape Hint, atau tekan Ctrl + Shift + H secara bersamaan, maka muncul huruf 'a' kecil.
8. Drag tanda 'a' tersebut ke ujung atas huruf A.
9. Tekan Ctrl+Shift+H, untuk membuat Shape Hint baru, maka akan muncul tanda 'b' kecil.
10. Tekan Ctrl+Shift+H, maka akan muncul huruf 'c' kecil.

11. Klik frame 25, drag tanda 'c,b,a, pada posisi yang sama seperti pada huruf A.

12. Tes Movie dengan menekan Ctrl+Enter.

5. Tugas Praktikum

Membuat sebuah logo motion dari logomotion yang telah ditentukan.

6. Petunjuk Praktikum

Mulailah dari menggambar bentuk dasar dari sebuah logo. Misalnya ketika kita ingin membuat sebuah logomotion dari bentuk kotak ke bulat, maka buatlah terlebih dahulu bentuk kotaknya, kemudian di frame yang ke-30 buatlah bentuk bulat kemudian shape tween kan. Apabila perpindahan dari bentuk kotak ke bentuk bulat terasa berantakan, maka kita dapat membuatnya sesuai dengan yang kita inginkan dengan menggunakan shape hint.

7. Hasil Praktikum

8. Kesimpulan

Untuk membuat sebuah animasi motion tween di flash, kita harus mengetahui terlebih dahulu teknik dasar flash. yakni shape tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi dari pembuatan animasi motion logo tersebut.

9. Referensi

PRAK-13 STUDY KASUS LOGOMOTION

1. Tujuan

Memantapkan kemampuan mahasiswa dalam membuat sebuah animasi melalui adobe flash dengan Studi kasus logomotion. Kemudian setelah melakukan studi kasus tersebut, mencoba membuat salah dua logo motion sesuai dengan logo motion yang telah di study kasus kan, dengan teknik shape tween dan hint.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

_Tidak Ada_

4. Dasar Teori

Shape Tween
Shape tween merupakan salah satu teknik dalam animasi flash yaitu perubahan bentuk dari suatu objek ke objek lain. Jika dalam Classic Tween tidak ada perubahan bentuk objek yang kita animasikan, maka dalam Shape Tween objek yang akan kita animasikan dapat berubah bentuknya. Misalnya kita ingin merubah bentuk objek persegi empat menjadi bentuk bintang, maka kita dapat menggunakan Shape Tween.
Dalam teknik Shape Tween kita perlu mengganti objek pertama dengan objek kedua ke posisi yang berbeda.

Jadi, setelah kita membuat objek pada posisi A, tambahkan keyframe ke frame yang kita inginkan. Di frame terkahir tersebut, hapus objek pertama dan kita ganti dengan objek berbentuk lain ke posisi yang berbeda. Misalnya dari objek lingkaran di pojok atas, dirubah menjadi objek bintang ke pojok bawah.

Setelah itu, seleksi semua frame atau double klik frame, kemudia klik kanan tombol mouse dan pilih Create Shape Tween.

Untuk melihat hasilnya, tekan tombol Ctrl + Enter pada keyboard.

Selamat Mencoba!!!

 Shape Hint

Untuk kali ini saya akan memposting tentang cara membuat perubahan bentuk Shape Hint, untuk mengontrol perubahan bagian - bagian yang lebih detail pada objek, maka kita dapat menambahkan titik perubahan awal dan akhir atau lebih dikenal dengan perubahan Shape Hint.
Langkah - langkah untuk membuat animasi shape hint.
1. Buka dokumen baru, simpan dengan nama Shape Hint.
2. Tuliskan huruf A dengan menggunakan Text Tool.
3. Klik Selection tool, pilih menu Modify>Break Apart, lalu klik frame 1.
4. Buka panel Properties, pada kotak Tween pilih Shape.
5. Klik kanan frame 25, pilih Insert Keyframe.
6. Tekan Delete untuk menghapus huruf A, ganti dengan huruf B pada tempat yang sama. Tekan Selection tool, lalu tekan Ctrl + B ( =break apart ).
7. Klik frame 1, pilih menu Modify>Shape>Add Shape Hint, atau tekan Ctrl + Shift + H secara bersamaan, maka muncul huruf 'a' kecil.
8. Drag tanda 'a' tersebut ke ujung atas huruf A.
9. Tekan Ctrl+Shift+H, untuk membuat Shape Hint baru, maka akan muncul tanda 'b' kecil.
10. Tekan Ctrl+Shift+H, maka akan muncul huruf 'c' kecil.

11. Klik frame 25, drag tanda 'c,b,a, pada posisi yang sama seperti pada huruf A.

12. Tes Movie dengan menekan Ctrl+Enter.

 

5. Tugas Praktikum

Amatilah perubahan antara satu dengan yang lain pada logomotion dan remake ulang pada salah dua logomotion dengan menggunakan shape hint.

6. Petunjuk Praktikum

Mulailah dengan

7. Hasil Praktikum

8. Kesimpulan

Untuk membuat sebuah animasi motion tween di flash, kita harus mengetahui terlebih dahulu teknik dasar flash. yakni shape tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi dari pembuatan animasi motion logo tersebut.

9. Referensi

PRAK-12 MAKE MOTION LOGO

1. Tujuan

Memantapkan kemampuan mahasiswa dalam membuat sebuah animasi melalui adobe flash dengan membuat sebuah animasi motion logo dengan menggunakan teknik Shape Tween.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

_Tidak Ada_

4. Dasar Teori

Shape Tween
Shape tween merupakan salah satu teknik dalam animasi flash yaitu perubahan bentuk dari suatu objek ke objek lain. Jika dalam Classic Tween tidak ada perubahan bentuk objek yang kita animasikan, maka dalam Shape Tween objek yang akan kita animasikan dapat berubah bentuknya. Misalnya kita ingin merubah bentuk objek persegi empat menjadi bentuk bintang, maka kita dapat menggunakan Shape Tween.
Dalam teknik Shape Tween kita perlu mengganti objek pertama dengan objek kedua ke posisi yang berbeda.

Jadi, setelah kita membuat objek pada posisi A, tambahkan keyframe ke frame yang kita inginkan. Di frame terkahir tersebut, hapus objek pertama dan kita ganti dengan objek berbentuk lain ke posisi yang berbeda. Misalnya dari objek lingkaran di pojok atas, dirubah menjadi objek bintang ke pojok bawah.

Setelah itu, seleksi semua frame atau double klik frame, kemudia klik kanan tombol mouse dan pilih Create Shape Tween.

Untuk melihat hasilnya, tekan tombol Ctrl + Enter pada keyboard.

Selamat Mencoba!!!

5. Tugas Praktikum

Buatlah sebuah logo motion dengan menggunakan teknik masking

6. Petunjuk Praktikum

Mulailah dari menggambar atau istilahnya men-tracing gambar dari logo yang akan kita buat motion logonya. dalam praktikum kali ini saya memakai logo dari medsos yang sedang terkenal saat ini, yaitu instagram, path dan twitter. setelah membuat tracingan logonya, tinggal melakukan teknik shape tween yang telah dipelajari sebelumnya.

7. Hasil Praktikum

 

8. Kesimpulan

Untuk membuat sebuah animasi motion tween di flash, kita harus mengetahui terlebih dahulu teknik dasar flash. yakni shape tween. karena hal ini dapat menunjang kemudahan dalam membuat animasi dari pembuatan animasi motion logo tersebut.

9. Referensi