Praktikum 11 Masking

1. Tujuan
 
     Tujuan praktikum ini adalah agar bisa membuat sebuah animasi dengan menggunakan teknik masking. Dan agar kita memahami cara-cara membuat animasi dengan masking.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

Animasi masking adalah animasi objek yang menutup objek lain sehingga objek yang ditutupi terlihat transparan. Layer masking ditandai dengan simbol  . cara membuat layer mask adalah mengklik kanan mouse pada layer yang akan di masking lalu pilih menu mask.

Gambar 19. Cara merubah ke Animasi Mask Pada Layer

Latihan:

1. Buka lembar kerja baru, lalu ganti warna lembar kerja dengan warna hitam pada panel properti

Gambar 20. Mengubah Warna Background Pada Panel Properties

2. Klik Icon  pada toolbox, lalu ketik ANIMASI MASKING pada stage, dan letakkan di tengah stage atur setting font   seperti gambar 21

Gambar 21. Pengaturan Tulisan Pada Panel Properties

3. Klik frame 20, lalu klik menu insert > Timeline> Frame

4. Dobel klik Layer 1, ganti nama Teks

Gambar 22. Rename Layer

5. klik icon  untuk menambah layer baru dan beri nama Lingkaran pada Layer baru

6. Klik Layer Lingkaran dan buat objek lingkaran denga warna biru, lalu letakkan objek tersebut di sisi kiri teks ANIMASI MASKING

Gambar 23. Letak Lingkaran pada Frame 1

7. klik frame 10, lalu kunci dengan mengklik menu >TimeLine>Keyframe

8. Pindahkan objek lingkaran disisi kanan teks ANIMASI MASKING

 

Gambar 24. Letak Lingkaran pada Frame 10

9. Klik frame 20, kemudian kunci dengan mengklik menu Insert >Timeline> Keyframe

10. Pindahkan objek lingkaran ke sisi kiri objek teks ANIMASI MASKING

 

Gambar 25. Letak Lingkaran Pada Frame 20

11.berikutnya, klik dan Aktifkan layer Lingkaran, lalu klik menu Insert>TimeLine>CreateMotion Tween

12. Buat layer lingkaran menjadi masking Layer dengan mengklik kanan layer Lingkaran, lalu pilih menu mask sehingga hasil akhir layer seperti terlihat pada gambar 

Gambar 26. Penambahan Layer Mask

4. Tugas Praktikum

Membuat bendera berkibar menggunakan masking

5. Hasil Praktikum

6. Kesimpilan

     Kesimpulan dari praktium ini adalah untuk membuat animasi masking, kita membuat objeknya lebih dari satu, misal untuk membuat bendera kita membuat dua objek. Objek yang akan kita masking harus berbentuk simbol dan setelah itu kita bisa membuat salah satu objeknya bergerak dan objek yang lain berhenti.

7. Referensi

Muhammad Alba Rizkya Putra, "animasi masking" http://putradeathblogs.blogspot.co.id/2013/05/animasi-masking.html

Praktikum 10 Remake "One Little Finger" by Super Simple Song Finishing

1. Tujuan

tujuan pada praktikum ini adalah untuk lebih memahami tentang cara membuat animasi dengan motion tween.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

Mengenal lebih dalam mengenai Motion Tween dan Shape Tween, Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween.

1.Motion Tween

Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, 

langkah - langkah untuk membuat classic tween sederhana adalah sebagai berikut :

1 . buka adobe flash cs3 professional . 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak objek tersebut , bila perlu ubah warna objek tersebut . 

7 . pada frame yang ke 15 klik kanan , classic tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan menggunakan classic tween  

2.Shape Tween
Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween 

 Langkah - langkah untuk membuat animasi sederhana dengan menggunakan shape tween adalah : 

1 . buka adobe flash cs3 professional 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak dan bentuk serta warna dari objek tersebut . 

7 . pada frame yang ke 15 klik kanan ,shape tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan 

menggunkan classic tween  

4. Tugas Praktikum

Meniru video animasi one little finger semirip mungkin.

5. Hasil Praktikum

https://www.youtube.com/watch?v=vKVd5hBcigg&feature=youtu.be

6. Kesimpulan 

 pada adobe flash ada dua jenis motion yaitu motion tween dan motion shape yang keduanya memilik cara yang hampir sama untuk membuatnya dan fungsinya juga hampir sama. Motion Tween berfungsi untuk menggerakan suatu objek yang bergerak dari awal sampai akhir. Dan amotion shape digunakan untuk menggerakan objek yang berbentuk shape.

7. Referensi
https://www.youtube.com/watch?v=eBVqcTEC3zQ

chugy gogog " motion tween dan shape tween" http://chugygogog.blogspot.co.id/2010/01/motion-tween-dan-shape-tween.html

gunawan huang "belajar adobe flash" http://gunzhu4ng.blogspot.co.id/2013/09/shape-tween-dan-classic-tween-tween.html

Praktikum 8 Remake "One Little Finger" by Super Simple Song Part 2

1. Tujuan

tujuan pada praktikum ini adalah untuk lebih memahami tentang cara membuat animasi dengan motion tween.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

Mengenal lebih dalam mengenai Motion Tween dan Shape Tween, Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween.

1.Motion Tween

Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, 

langkah - langkah untuk membuat classic tween sederhana adalah sebagai berikut :

1 . buka adobe flash cs3 professional . 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak objek tersebut , bila perlu ubah warna objek tersebut . 

7 . pada frame yang ke 15 klik kanan , classic tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan menggunakan classic tween  

2.Shape Tween
Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween 

 Langkah - langkah untuk membuat animasi sederhana dengan menggunakan shape tween adalah : 

1 . buka adobe flash cs3 professional 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak dan bentuk serta warna dari objek tersebut . 

7 . pada frame yang ke 15 klik kanan ,shape tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan 

menggunkan classic tween  

4. Tugas Praktikum

Meniru video animasi one little finger semirip mungkin.

5. Hasil Praktikum

6. Kesimpulan 

 pada adobe flash ada dua jenis motion yaitu motion tween dan motion shape yang keduanya memilik cara yang hampir sama untuk membuatnya dan fungsinya juga hampir sama. Motion Tween berfungsi untuk menggerakan suatu objek yang bergerak dari awal sampai akhir. Dan amotion shape digunakan untuk menggerakan objek yang berbentuk shape.

7. Referensi
https://www.youtube.com/watch?v=eBVqcTEC3zQ

chugy gogog " motion tween dan shape tween" http://chugygogog.blogspot.co.id/2010/01/motion-tween-dan-shape-tween.html

gunawan huang "belajar adobe flash" http://gunzhu4ng.blogspot.co.id/2013/09/shape-tween-dan-classic-tween-tween.html

Praktikum 7 Remake "One Little Finger" by Super Simple Song Part 1

1. Tujuan

tujuan pada praktikum ini adalah untuk lebih memahami tentang cara membuat animasi dengan motion tween.

2. Alat dan Bahan

Adobe Flash Profesional CS3

3. Dasar Teori

Mengenal lebih dalam mengenai Motion Tween dan Shape Tween, Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween.

1.Motion Tween

Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, 

langkah - langkah untuk membuat classic tween sederhana adalah sebagai berikut :

1 . buka adobe flash cs3 professional . 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak objek tersebut , bila perlu ubah warna objek tersebut . 

7 . pada frame yang ke 15 klik kanan , classic tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan menggunakan classic tween  

2.Shape Tween
Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween 

 Langkah - langkah untuk membuat animasi sederhana dengan menggunakan shape tween adalah : 

1 . buka adobe flash cs3 professional 

2 . buat sebuah objek 

3 . blok objek tersebut , tekan f8 lalu ubah dari movie clip menjadi symbol 

4 . double klik pada objek tersebut 

5 . pada frame yg ke 30 insert keyframe 

6 . ubah letak dan bentuk serta warna dari objek tersebut . 

7 . pada frame yang ke 15 klik kanan ,shape tween 

8 . jalankanlah animasi tersebut . animasi objek berubah bentuk dan warna sudah jadi dengan 

menggunkan classic tween  

4. Tugas Praktikum

Meniru video animasi one little finger semirip mungkin.

5. Hasil Praktikum

6. Kesimpulan 

 pada adobe flash ada dua jenis motion yaitu motion tween dan motion shape yang keduanya memilik cara yang hampir sama untuk membuatnya dan fungsinya juga hampir sama. Motion Tween berfungsi untuk menggerakan suatu objek yang bergerak dari awal sampai akhir. Dan amotion shape digunakan untuk menggerakan objek yang berbentuk shape.

7. Referensi
https://www.youtube.com/watch?v=eBVqcTEC3zQ

chugy gogog " motion tween dan shape tween" http://chugygogog.blogspot.co.id/2010/01/motion-tween-dan-shape-tween.html

gunawan huang "belajar adobe flash" http://gunzhu4ng.blogspot.co.id/2013/09/shape-tween-dan-classic-tween-tween.html

Praktikum 6 Walk Cycle Using Tween

1.      Tujuan

Tujuan praktikum ini adalah untuk mengeteahui cara-cara dan fungsi-fungsi dari motion tween serta untuk mempelajari menggerakan suatu karakter dengan motion tween.

2.      Alat dan Bahan

Adobe CS3 Porfesional

3.      Dasar teori

Tweened animation merupakan suatu animasi yang memanfaatkan fasilitas motion dari Flash MX. Untuk membuat suatu animasi motion sangatlah mudah karena Anda tinggal menentukan panjang lama animasi tersebut dijalankan lalu menggerakkan dari satu sisi ke sisi lainnya. Biasanya objek yang telah di tween pada timeline akan terlihat tanda panah. Untuk menggunakan animasi tween tersebut maka ikutilah petunjuk berikut ini.

a.       Gambar objek (misal: rectangle tool) pada stage, kemudian buatlah objek tersebut menjadi satu group (Ctrl+G).

b.      Setelah itu klik kanan pada objek lalu pilih Distribute to layers. Kemudian beri nama layer tersebut dengan nama kotak dengan cara double click item tersebut di timeline.

c.       Melalui timeline tentukanlah panjang animasi tersebut berjalan dengan cara klik kanan pada frame ke 15 lalu pilih insert keyframe.

d.      Kemudian klik kanan pada frame yang telah terbentuk. Lalu pilih Create Motion Tween

e.       Anda gerakkan objek yang Anda buat dari tempat yang semula ke tempat yang lain. Jika objek sudah Anda pindahkan.

f.       Kemudian tekan enter untuk menjalankan animasi yang Anda disain. Maka objek yang Anda buat tadi akan bergerak dari sisi awal menuju ke sisi yang lainnya secara otomatis.

Empat konsep dasar untuk membuat walk cycle motion yaitu:

1.      Arcs

Pada animasi, sistem pergerakan tubuh pada manusia atau mahluk hidup yang lainnya bergerak mengikuti polar/jalur(maya) yang disebut arcs. Bola yang dilempar tidak akan pernah lurus, pasti ada sedikit pergesern. Hal ini memungkinkan objek bergerak dengan smooth, lebih realistis dan tidak berkesan rekayasa computer. Sebagai contoh arcs ditunjukan pada lintasan tangan saat melemper bola dan lintasan gerak di udara.

2.      Timing

Timing menentukan apakah gerakan tersebut alami atau tidak. Misalkan gerakan orang berjalan terlalu lambat, sedangkan latar belakang terlalu cepat bergerak. Atau bola yang memantul ke tanah, tetapi sebelum memantul efek suara pantulan sudah terdengar lebih dahulu. Jadi timing ini lebih kepada sinkronisasi antara elemen-elemen animasi. Jadi timing adalah tentang penentuan waktu kapan sebuah gerakan harus dilakukan, sementara spacing adalah tentang penentuan percepatan dan perlambatan dari bermacam-macam jenis gerak. Contoh timing: menentukan pada detik ke berapa sebuah objek/karakter berjalan sampai ke tujuan atau berhenti. Contoh spacing: menentukan kepadatan gambar (yang pada animasi akan berpengaruh pada kecepatan gerak)

3.      Pose

ada 4 pose yang diperlukan, yaitu contact, down, passing, dan up.
Untuk mempermudah proses belajar, ada baiknya jika fokus pada pergerakan kaki dahulu. kemudian baru dilanjut bagian tubuh yang lain pada kesempatan berikutnya

4.      Inbetween

4 pose hanya bisa untuk 4 keyframe. Sedangkan untuk walk cycle dengan timing cartoon, perlu 8 frame. Sehingga perlu 4 tambahan frame atau 1 tambahan perantara frame yang biasa disebut dengan inbetween. Proses pembuatan inbetween sangat sederhana.

4.      Tugas Praktikum

Buatlah walk cycle dari naruto dengan menggunakan bantuan Classic Tween

5.      Hasil Praktikum

6.      Kesimpulan

Untuk membuat walk cycle animsi di adobe flash tidak hanya dapat menggunakan frame by frame tetapi juga dapat menggunakan motion tween. Untuk membuat animasi yang bergerak minimal yang harus dipahami ada empat konsep yaitu pose, timing, inbetween, dan arcs.

7.      Referensi 

https://infongajar.files.wordpress.com/2013/12/animasi-part-1.pdf

mohhasbias"membuat animasi menggunakan adobe flash profesioanal" http://www.mohhasbias.com/category/mata-kuliah/animasi2d-2015/

stevannovaphotoworks "animasi berbasis timeline" https://stevannovaphotoworks.wordpress.com/