PRAK 10-Remake "one little finger" by super simple song (part 3) final

1. Tujuan

Mempercepat penguasaan Adobe Flash Professional melalui kegiatan remake. agar lebih terlatih dan terbiasa menggunakan aplikasi adobe Flash CS3+ yang akan dipakai setiap praktikum.

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

Meremake sebuah animasi sebenarnya hal yang susah-susah gampang. dimulai dari men-tracing gambar, mencocokka gerakan sampai yang paling sulit adalah mencocokkan gerakan dengan lagunya.

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 fingers 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

 Membuat remake dari sebuah animasi, seperti one little fingers, memang membutuhkna waktu yang lumayan lama dan tidak segampang yang dikira, karena animasi yang berdurasi kurang lebih 2 menit tersebut memiliki kurang lebih 3000 frame.

9. Referensi 

one little fingers by super simple song 

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 fingers 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

9. Referensi

motion tween 

graphic symbol 

 

 

Prak 6- walk cycle using tween

Tujuan

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

Alat

Adobe Flash Professional CS3+

Bahan

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

Dasar Teori

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

1. Pose
   (tambahkan penjelasan tentang Pose)
2. Timing
   (tambahkan penjelasan tentang Timing)
3. Inbetween
   (tambahkan penjelasan tentang inbetween)
4. Arcs
   (tambahkan penjelasan tentang Arcs)

Secara teknis, adobe flash memiliki fitur untuk inbetween otomatis yang didebut dengan Tween
(tambahkan contoh penggunaan tween untuk mengerakkan sebuah kotak)

Tugas Praktikum

Buatlah walk cycle dari naruto dengan menggunakan bantuan Classic Tween

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.

Hasil Praktikum

Kesimpulan

membuat walk cycle dengan menggunakan teknik tween akan lebih mudah dari pada menggunakan frame by frame 

Referensi

Josiah Brooks, How To Animate – Walk Cycle (Tweened)

PRAKTIKUM ANIMASI 5 - Popular Character Walk Cycle

TUJUAN
Membuat populer character walk cycle

BAHAN
Gambar naruto in between

ALAT
Adobe Flash CS3 - Adobe Illustrator CS3

DASAR TEORI

Flash merupakan suatu program grafis multimedia dan animasi yang dibuat oleh perusahaan macromedia untuk keperluan pembuatan aplikasi web interaktif maupun animasi yang berkembang pada saat ini. Program ini banyak digunakan untuk membuat game, kartun, presentasi dan model pembelajaran interaktif. Terdapat beberapa versi dari macromedia yang berkembang saat ini tidak lagi milik macromedia melainkan ADOBE FLASH.

Keyframe merupakan suatu tempat yang digunakan untuk menaruh objek. Keyframe boleh kosong. Keyframe bisa disebut juga kepala frame karena memiliki titik, dan bila keyframe dihapus, maka frame juga ikut menghilang. Jika kita ingin menggunakan animasi frame by frame, maka kita butuh memasukkan keyframe di setiap angka timeline.

TUGAS PRAKTIKUM
Membuat Walk cycle dari sebuah karakter yang sedang populer.

HASIL PRAKTIKUM

KESIMPULAN
Praktikum animasi 2d yang keempat ini lebih memantapkan lagi untuk membuat sebuah walk cycle yang dapat berjalan dengan halus. dengan membuat populer karakter yang diinginkan bisa berjalan

REFERENSI

PRAKTIKUM ANIMASI 3 - Membuat Walk Cycle Menggunakan Keyframe

TUJUAN
Membuat walk cycle menggunakna menu keyframe pada adobe Flash Professional CS3

BAHAN
-tanpa bahan-

ALAT
Adobe flash profesional CS3

DASAR TEORI

Flash merupakan suatu program grafis multimedia dan animasi yang dibuat oleh perusahaan macromedia untuk keperluan pembuatan aplikasi web interaktif maupun animasi yang berkembang pada saat ini. Program ini banyak digunakan untuk membuat game, kartun, presentasi dan model pembelajaran interaktif. Terdapat beberapa versi dari macromedia yang berkembang saat ini tidak lagi milik macromedia melainkan ADOBE FLASH.

Keyframe merupakan suatu tempat yang digunakan untuk menaruh objek. Keyframe boleh kosong. Keyframe bisa disebut juga kepala frame karena memiliki titik, dan bila keyframe dihapus, maka frame juga ikut menghilang. Jika kita ingin menggunakan animasi frame by frame, maka kita butuh memasukkan keyframe di setiap angka timeline.

TUGAS PRAKTIKUM
Membuat walk cycle berdasarkan materi yang telah disampaikan.

HASIL PRAKTIKUM

 KESIMPULAN
Praktikum animasi 2d yang ketiga ini lebih memantapkan lagi untuk membuat sebuah walk cycle yang dapat berjalan dengan halus.

REFERENSI
membuat-animasi-stickman-menggunakan-adobe-flash  

PRAKTIKUM 2 MEMBUAT ANIMASI STICKMAN DI FLASH

TUJUAN

Praktikum kali ini adalah membuat stickman berjalan yang bertujuan untuk melatih pemahaman tentang fungsi-fungsi lembar kerja flash yang pada praktikum pertama telah dijelaskan fungsinya. terutama fungsi dari keyframe yang pada praktikum kali ini lebih banyak menggunakan keyframe.

ALAT DAN BAHAN

Adobe flash cs3

DASAR TEORI

Flash merupakan suatu program grafis multimedia dan animasi yang dibuat oleh perusahaan macromedia untuk keperluan pembuatan aplikasi web interaktif maupun animasi yang berkembang pada saat ini. Program ini banyak digunakan untuk membuat game, kartun, presentasi dan model pembelajaran interaktif. Terdapat beberapa versi dari macromedia yang berkembang saat ini tidak lagi milik macromedia melainkan ADOBE FLASH.

Keyframe merupakan suatu tempat yang digunakan untuk menaruh objek. Keyframe boleh kosong. Keyframe bisa disebut juga kepala frame karena memiliki titik, dan bila keyframe dihapus, maka frame juga ikut menghilang. Jika kita ingin menggunakan animasi frame by frame, maka kita butuh memasukkan keyframe di setiap angka timeline.

TUGAS PRAKTIKUM

Membuat gambar stickman menggunakan adobe flash

Membuat stickman yang telah kita buat untuk berjalan menggunakan aplikasi adobe flash

TUGAS PRAKTIKUM

KESIMPULAN

Praktikum animasi 2d yang kedua ini mengajarkan bagaimana cara menggunakan keyframe agar sebuah gambar dapat menjadi animasi.

REFERENSI

http://blog.flashindonesia.com/2010/02/apakah-keyframe-itu/ oleh
Febrianto Arif