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

 Sesuai petunjuk praktikum :)


8. Kesimpulan

Pergerakan awan dan title diawali dengan mengubahnya ke simbol, kemudian motion tween (Pada Adobe Flash CS3. Atau Create Classic Tween pada Adobe Flash CS6)

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:
- Pose
- Timing
- In-between
- Arcs
Secara teknis, adobe flash memiliki fitur untuk in between otomatis yang disebut dengan Tween
(tambahkan contoh penggunaan tween untuk mengerakkan sebuah kotak)

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

Menggunakan tween lebih mudah dan menghasilkan walk cycle yang lebih halus.

9. Referensi
www.mohhasbias.com
Josiah Brooks, How To Animate – Walk Cycle (Tweened)

Prak 5 – Popular Character Walk Cycle

1. Tujuan
Menerapkan konsep walk cycle pada sebuah karakter yang populer.

2. Alat
Adobe Flash Professional CS3+

3. Bahan
Gambar referensi berisi salah satu karakter animasi yang populer misalnya Naruto.

4. Dasar Teori
Secara teori, sebuah walk cycle dari sembarang karakter dapat diperoleh dengan me-replace stickman pada praktikum sebelumnya dengan karakter populer yang diinginkan.

5. Tugas Praktikum
Buatlah walk cycle dari character populer tersebut

6. Hasil Praktikum

2 jam praktikum progress saya baru segini, karena saya terkendala dengan tangan saya yang tiba-tiba kram ditengah-tengah proses tracing

7. Kesimpulan
Menerapkan walk cycle pada karakter tidak semudah menerapkan walk cycle pada stickman. Untuk tracingnya saja bisa memakan waktu yang agak lama. Bahkan bisa lebih lama lagi jika tangan menjadi kram ditengah-tengah proses tracing. Dan kram itu berlangsung tidak sebentar, kram itu berlangsung cukup lama. Mungkin ini terjadi karena saya tracing hanya menggunakan tangan dan touchpad laptop serta posisi tangan yang salah. Dari sini saya tahu seharusnya saya menggunakan bantuan mouse untuk tracing.

8. Referensi
www.mohhasbias.com