Prak 13 – Shape Tween

1. Tujuan

Menguasai penggunaan tool bernama Shape Tween.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

Logomotion

4. Dasar Teori

Shape tween adalah tool yang memungkinkan penganimasian perubahan bentuk antar dua keyframe secara otomatis

5. Tugas Praktikum

Buatlah tiruan dari animasi berikut
1.
2.

6. Petunjuk Praktikum

Silahkan tirukan animasi tersebut sebaik mungkin

7. Hasil Praktikum

8. Kesimpulan

Saya akan terus mencoba agar lebih baik lagi dalam membuat animasi ini, meskipun kesusahan saat membuat perpindahannya

9. Referensi

Shape Tween

PRAKTIKUM 12 - LOGOMOTION (Shape Tween)

1. Tujuan

Mempercepat penguasaan Adobe Flash Professional melalui kegiatan membuat Logomotion

2. Alat

Adobe Flash Professional CS3+

3. Bahan

https://www.youtube.com/watch?v=svOrt6w55P4

4. Dasar Teori

Definisi Tweening

Tweening adalah proses membuat sebuah animasi pergerakan dengan cara memberikan perubahan pada bentuk atau posisi objek dengan menentukan keyframe awal dan akhir sehingga dapat terbentuk frame-frame baru.Fungsi Tweening dalam Animasi

Fungsi utama tweening adalah untuk menggerakkan objek dari satu titik ke titik lainnya.

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).

Jenis Tweening : Shape tween dan Motion tween.

Perbedaan Jenis Tweening yang Ada

Ø  Shape tween : digunakan untuk membuat animasi perubahan bentuk. Pembuatan animasi ini dapat dilakukan pada beberapa bentuk di dalam sebuah layer yang sama. Hal ini akan memudahkan jika kita ingin melakukan perubahan; bisa mengubah warna.

Ø  Motion tween : digunakan untuk membuat animasi objek bergerak (dari satu posisi ke posisi lain), berputar, dan perubahan ukuran (skala) dan transparansi simbol. Motion tween hanya bisa digunakan pada satu objek pada satu layer. Jadi jika ingin mengerakkan banyak objek maka membutuhkan banyak layer. Motion tween tidak dapat diterapkan pada objek shape. Teknik ini hanya dapat diterapkan pada objek instance atau yang berupa simbol, group, dan teks. Teknik ini juga dapat men-tween warna dari simbol dan tulisan, gradasi warna, fade in atau fade out. Tetapi untuk men-tween warna dari group tulisan, harus di ubah menjadi symbol terlebih dahulu.

5. Tugas Praktikum

Buatlah logo yang menggunakan prinsip tweening

6. Petunjuk Praktikum

Mulailah dari bentuk logo yang sederhana

7. Hasil Praktikum

8. Kesimpulan

Saya akan terus mencoba agar lebih baik lagi dalam membuat animasi ini, meskipun kesusahan saat membuat perpindahan dari logo pertama dan kedua

9. Referensi

http://dasaraanimasi.weebly.com/1/post/2013/07/animasi-komputer.html

PRAKTIKUM 11 - MASKING

Tujuan :

Menerapkan Masking pada bendera yang berkibar, tulisan yang seperti diisi air dan globe yang berputar

Alat & Bahan:

Adobe Flash Professional CS3

Dasar Teori :

Pada dasarnya Mask itu arti bahasa indonesianya adalah topeng, topeng fungsi utamanya adalah menutupi. Begitu juga mask pada Flash. Mask digunakan untuk menutupi bagian-bagian objek yang ingin ditutupi dan hebatnya yang menutupinya tidak akan terlihat juga.

Hasil Praktikum :

Kesimpulan :

Pada praktikum ini, memang saya mendapatkan kesulita, sewaktu membuat tulisan yang seperti diisi air, tetapi setelah terus mencoba akhirnya saya bisa membuatnya sendiri dan dengan bertanya pada teman-teman saya yang lain. 

Referensi :

http://flasholix.blogspot.co.id/2012/03/layer-mask-pada-flash.html
http://www.mohhasbias.com/

Prak 10 – Remake “One Little Finger” by Super Simple Song (Part 4)

1. Tujuan

Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

One little finger by super simple song

4. Dasar Teori

A. Classic Motion Tween

B. Graphic Symbol

C. Movie Clip Symbol and Filters

5. Tugas Praktikum

Buatlah tiruan dari video “One Little Finger” semakin mirip semakin bagus

6. Petunjuk Praktikum

Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum

8. Kesimpulan

Saya akan terus mencoba agar lebih baik lagi dalam membuat animasi ini.

9. Referensi

Motion Tween
Graphic Symbol
Graphic Filters

Prak 8 – Remake “One Little Finger” by Super Simple Song (Part 2)

1. Tujuan

Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

One little finger by super simple song

4. Dasar Teori

A. Classic Motion Tween

B. Graphic Symbol

C. Movie Clip Symbol and Filters

5. Tugas Praktikum

Buatlah tiruan dari video “One Little Finger” semakin mirip semakin bagus

6. Petunjuk Praktikum

Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum

8. Kesimpulan

Saya akan terus mencoba agar lebih baik lagi dalam membuat animasi ini

9. Referensi

Motion Tween
Graphic Symbol
Graphic Filters

Prak 7 – Remake “One Little Finger” by Super Simple Song (Part 1)

1. Tujuan

Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

One little finger by super simple song

4. Dasar Teori

A. Classic Motion Tween
B. Graphic Symbol
C. Movie Clip Symbol and Filters

5. Tugas Praktikum

Buatlah tiruan dari video “One Little Finger”
semakin mirip semakin bagus

6. Petunjuk Praktikum

Mulailah dari bentuk animasi yang sederhana seperti gerakan title opening dan gerakan awan.

7. Hasil Praktikum

8. Kesimpulan

Saya akan terus mencoba agar lebih baik lagi dalam membuat animasi ini

9. Referensi

Motion Tween
Graphic Symbol
Graphic Filters

Prak 6 – Walk Cycle using Tween

1. Tujuan

Menerapkan walk cycle pada sebuah karakter yang populer dengan bantuan Tween.

2. Alat

Adobe Flash Professional CS3+

3. Bahan

Gambar referensi berisi salah satu karakter animasi yang populer misalnya naruto.

4. Dasar Teori

Secara prinsip, ada minimal 4 konsep yang perlu dipenuhi, antara lain:

1. Pose : 

Seringkali disebut dengan walk cycle. Dinamakan cycle karena pose ini dipilih sedemikian rupa sehingga pose terakhir identik dengan pose awal sehingga bisa disusun menjadi sebuah siklus tanpa henti.

2. Timing : 

Timing yang dimaksud adalah jumlah frame yang diperlukan untuk menghasilkan animasi yang diinginkan. Timing juga berhubungan dengan durasi animasi yang diinginkan, apakah cepat atau lambat. Yang perlu diingat, untuk memperlambat animasi, tidak dilakukan dengan cara mengubah setting FPS, akan tetapi dengan cara mengubah jumlah frame yang dibuat. Dalam animasi baik 2D dan 3D, standar FPS adalah 24.

3. Inbetween :

Pose tambahan yang terdapat di tengah-tengah pose. Pose ini adalah pose tambahan perantara frame. Proses pembuatan inbetween sangat sederhana.

4. Arcs :

Banyak hal tidak bergerak secara garis lurus. Bola saja dilempar tidak akan pernah lurus, pasti ada sedikit pergeseran. Jadi usahakan gerakan objek anda tidak sempurna, agak “dirusak” sedikit sehingga terlihat alami.

Pada animasi, sistem pergerakan tubuh pada manusia, binatang, atau makhluk hidup lainnya bergerak mengikuti pola/jalur (maya) yang disebut Arcs. Hal ini memungkinkan mereka bergerak secara ‘smooth’ dan lebih realistik, karena pergerakan mereka mengikuti suatu pola yang berbentuk lengkung (termasuk lingkaran, elips, atau parabola). Sebagai contoh, Arcs ditunjukkan pada lintasan tangan saat melempar bola dan lintasan gerak bola di udara.

Salah satu cara memperhalus animasi adalah dengan memperhatikan arcs-nya. Arcs yang dimaksud adalah lengkungan lintasan pergerakan. Untuk gerakan walk cycle, arcs yang muncul lebih dari satu macam. Arcs yang perlu diperhatikan pada walk cycle adalah arcs dari titik penting sebuah stickman. Ada banyak titik penting yang perlu di-cek arcs-nya. Salah satunya adalah titik tumit. berikut adalah contoh cara mengecek arcs yang dihasilkan dari pergerakan tumit.

 
Secara teknis, adobe flash memiliki fitur untuk inbetween otomatis yang disebut dengan Tween

5. Tugas Praktikum

Buatlah walk cycle dari naruto dengan menggunakan bantuan Classic Tween

6. Petunjuk Praktikum

Berikut adalah langkah-langkah membuat walk cycle untuk kaki:

1. Pecah kaki naruto menjadi 4 Graphic Symbol yang mewakili kaki bagian atas dan bawah untuk bagian kiri dan kanan
2. Gunakan symbol tersebut untuk membuat contact position pada frame ke 1
3. Gunakan transform tool (Q) untuk mengatur pivot dari masing-masing symbol. Dimana pivot kaki bagian atas terletak pada pinggul dan pivot kaki bagian bawah terletak pada lutut
4. Buat keyframe (F6) pada frame ke 9. Buat contact position kebalikan dari frame ke 1
5. Copy contact position pada frame 1 ke frame ke 17
6. Klik kanan pada timeline diantara frame 1 dan 9 kemudian pilih menu “Create Classic Tween”
7. Klik kanan pada timeline diantara frame 9 dan 17 kemudian pilih menu “Create Classic Tween”
8. Uji animasi yang dibuat dengan menekan tombol Ctrl+Enter. Jika menghasilkan animasi kaki sliding seperti di danau es, maka lanjutkan ke langkah berikutnya. Jika tidak, perbaiki dulu animasinya.
9. Buat keyframe (F6) pada frame ke 5 dan 13. Buatlah passing position pada frame tersebut.
10. Jika semua berjalan lancar, maka akan diperoleh good enough walk cycle.

untuk memperhalus animasinya, dapat dilanjutkan dengan menambahkan gambar lutut dan menambahkan pose down dan up.

7. Hasil Praktikum

 

8. Kesimpulan

Saya semakin bisa dan mengetahui bagaimana cara membuat walk cycle dengan cepat dan mudah pada karakter naruto, meskipun susah tetapi kalau kita giat berlatih akan semakin gampang.

9. Referensi

Josiah Brooks, How To Animate – Walk Cycle (Tweened)
http://www.mohhasbias.com/