Wednesday, March 02, 2016

Prak 01 – Logo 3D 360 (Turn Table Animation)


1. Tujuan


Perkenalan dengan dunia 3D melalui pembuatan animasi object berputar 360 derajat atau disebut juga turn table animation.

2. Alat

Adobe Illustrator CC
Maxon Cinema 4D R16

3. Bahan

Logo Apperture.

4. Dasar Teori

  1. Jelaskan perbedaan antara animasi 2d dan 3D!
  2. Jelaskan yang dimaksud dengan tracing!
  3. Jelaskan perbedaan membuat animasi 2d di flash dengan cinema 4D!

5. Tugas Praktikum

Buatlah animasi 360 dari logo favorit kalian

6. Petunjuk Praktikum

Berikut adalah beberapa petunjuk yang bisa digunakan untuk menyelesaikan tugas praktikum
  1. Tracing Logo menggunakan illustrator

  2. Membuat logo 3D menggunakan Cinema 4D dari file illustrator

  3. Membuat animasi 360 derajat

  4. Merender animasi ke dalam file movie (mp4)

7. Hasil Praktikum


8. Kesimpulan

dengan praktikum kali ini, saya mengetahui bagaimana cara import dari adobe illustrator ke dalam C4D. saya juga mengetahui tentang extrude dan rotate.

9. Referensi

Monday, January 04, 2016

Prak 16 - Motion Guide

I.       Tujuan
Mampu menggunakan motion guide pada adobe flash
II.    Alat dan Bahan
Adobe Flash CS 6
III.  Dasar Teori
-   Classic Tweeen
Classic tween tidak jauh beda dengan motion tween. Hanya saja classic tween digunakan untuk animasi 2 dimensi.
-   Motion Guide
Animasi motion guide adalah animasi yang mempunyai gerakan sesuai dengan jalur yang kita buat.
Cara menghasilkan animasi motion guide:
1.      Buka file baru atau Ctrl+N
2.      Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat
objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna
fiil objek balok harus berbeda dari warna background stage.
3.      Kemudian klik kanan di frame ke-1, pilih Create motion tween 
4.      Pada frame ke-10 klik kanan kita pilih Keyframe,, kemudian kita
geser lingkaran ke kanan
5.      Kemudian klik kanan layer 1 kemudian pilih Add Motion Guide
maka akan muncul layer baru.

6.      Kemudian dengan layer guide masih terseleksi kita pilih Pencil Tool untuk
membuat jalur yang akan menjadi lintasan animasi dari lingkaran.

7.      Agar objek lingkaran dapat bergerak sesuai jalur, maka tengah objek
haruslah berada di tengah jalur.
8.      Oleh karena itu, klik frame 1 layer 1, Kemudian pilih Free Transform
Tool 
agar bulatan tengah objek terlihat. Kemudian pindahkan objek
sampai lingkaran tengah objek berada di ujung awal jalur.
9.      Kemudian klik frame 40 layer 1, Kemudian pilih Free Transform Tool
agar bulatan tengah objek terlihat. Kemudian pindahkan objek sampai
lingkaran tengah objek berada di ujung akhir jalur.

10.  Kemudian tekan Enter untuk melihat hasilnya
IV. Tugas Praktikum
Membuat animasi menggunakan motion guide
V.    Hasil Praktikum





VI. Kesimpulan
Dengan menggunakan motion guide, animasi bisa bergerak sesuai dengan keinginan

Referensi

Prak 15 - Membuat Animasi Menggunakan Motion Tween

1.      Tujuan 
Agar mempercepat pemahaman konsep Shape Tween pada Adobe Flash

2.      Alat dan Bahan
Adobe Flash CS 6

3.      Dasar Teori
Motion Tween 
Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. Motion tween sering digunakan untuk memberikan animasi berupa merubah posisi benda,merubah ukuran benda,dan merubah visibilitas,kecerahan(brightness), kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

Shape Tween
Shape tween adalah perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween objek yang di animasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween

4.      Classic Tween 
Pengertian classic tween tidak jauh beda dengan motion tween. Hanya saja classic tween digunakan untuk animasi 2 dimensi.

Movie Clip 
Jenis symbol yang diperlukan untuk membuat objek animasi yang memiliki multiframe sendiri sebagai Timelinenya. Jadi symbol yang dihasilkannya bias dimainkan secara terpisah dari movie utama

5.      Tugas Praktikum

Buatlah animasi dengan mengunakan Motion Tween


Kesimpulan
Dengan adanya tugas ini saya bisa lebih mendalami dan belajar mengenai motion tween

Prak 14-Membuat Kreatifitas Shape Tween

1.     Tujuan 
  • Agar mempercepat pemahaman konsep Shape Tween pada Adobe Flash


2.    Alat dan Bahan
  • Adobe Flash CS 5.5


3.    Dasar Teori
  • Motion Tween 
Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. Motion tween sering digunakan untuk memberikan animasi berupa merubah posisi benda,merubah ukuran benda,dan merubah visibilitas,kecerahan(brightness),kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

  • Shape Tween
Shape tween adalah perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween objek yang di animasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween

  • Classic Tween 
Pengertian classic tween tidak jauh beda dengan motion tween. Hanya saja classic tween digunakan untuk animasi 2 dimensi.

4.    Tugas Praktikum
  • Buatlah Logomotion dengan mengunakan Shape Tween


5.    Hasil Praktikum
















6. Kesimpulan
Dengan menggunakan shape tween dan bantuan hint, saya bisa membuat animasi logo motion sesuai contoh

Prak 13 – Shape Tween


1. TUJUAN

Menguasai penggunaan tool bernama Shape Tween.

2. ALAT

Adobe Flash Professional CS6

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. circle-to-square
2. d-to-dd

6. PETUNJUK PRAKTIKUM

Silahkan tirukan animasi tersebut sebaik mungkin


7. HASIL PRAKTIKUM

 


8. KESIMPULAN

Praktikum kali ini mengajarkan kita bagaimana cara membuat animasi logo motion dengan mengunakan shape tween untuk transisinya. 


9. REFERENSI

Shape Tween

Prak 12- Membuat Logo Motion Menggunakan Shape Tween

1.     Tujuan 
Agar mempercepat pemahaman konsep Shape Tween pada Adobe Flash
2.      Alat dan Bahan
Adobe Flash CS 6
3.       Dasar Teori
·       Motion Tween 
Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. Motion tween sering digunakan untuk memberikan animasi berupa merubah posisi benda, merubah ukuran benda, dan merubah visibilitas, kecerahan(brightness), kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

·       Shape Tween
Shape tween adalah perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween objek yang di animasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween

·       Classic Tween 
Pengertian classic tween tidak jauh beda dengan motion tween. Hanya saja classic tween digunakan untuk animasi 2 dimensi.

·       Hint
Hint merupakan suatu alat bantu untuk memperoleh gerakan perubahan yang di inginkan. Hint disimbolkan oleh sebuah titik dengan ditandai oleh abjad. Abjad tersebut harus dihubungkan antara gambar yang akan dirubah ke gambar hasil

4.      Tugas Praktikum
Buatlah Logomotion dengan mengunakan Shape Tween

5.      Hasil Praktikum








6.      Kesimpulan
Dengan menggunakan shape hint dapat membuat animasi yang dibuat lebih halus

Prak. 11 - Masking

1.     Tujuan 
  • Agar mempercepat pemahaman konsep masking pada Adobe Flash

2.    Alat dan Bahan
  • Adobe Flash CS 5.5

3.    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. Bingung ya? saya juga bingung mendefinisikannya.

Dari pada bingung, lebih baik langsung ke contoh.

Biasanya Layer mask ini dipakai ketika membuat animasi seperti sorot lampu, bidikan senapan, dan lain-lain.
kita mulai dari contoh-contoh dasar terlebih dahulu.

1. Buka Aplikasi Flash di komputer anda.

2. Setelah membuat dokumen baru, rename layer 1 menjadi layer Gambar.

Image 2

3. Kemudian import sebuah gambar, boleh foto atau gambar apa pun.

Image 1

4. Tambahkan layer baru, beri nama Mask.

Image 3

5. Kemudian buat sebuah kotak menggunakan rectangle tool, buatlah hingga menutupi wajah pemain idola saya (Wilshere).

Image 4


6.   Klik kanan pada layer Mask, pilih Mask.

Image 5
7.  Maka kedua layer tadi sudah berubah, Layer Mask menjadi layer Mask dan layer Gambar sudah menjadi sub Layer Mask.

Image 6

8. Tak ada yang berbeda pada stage, namun apabila anda menjalankan program ini (CTRL+ENTER), maka akan terlihat seperti ini.

Image 7

Apa yang ditutupi oleh kotak pada layer Mask akan terlihat pada saat program dijalankan. itulah fungsi Mask pada flash. Manfaatnya sangat banyak. Ke depannya saya akan menulis beberapa tutorial mengenai penggunaan mask lebih lanjut, di sini saya menulis apa yang baru saya pelajari, jadi saya belum banyak tahu. :)

Hmmm, sedikit kreasi dari saya, simple aja sih.

1. Seleksi frame 25 pada layer Mask dan Gambar. Lalu klik kanan pada frame yang telah diseleksi, pilih Insert Frame. 

Image 8

2.  Kemudian seleksi kotak merah yang kita buat tadi di layer Mask, kemudian tekan F8 (tujuannya untuk mengubah kotak ini menjadi simbol, bisa dengan klik kanan pada kotak tersebut, kemudian pilih convert to symbol).

Pada Name, beri nama kotakMask, dan type-nya Graphic. kemudian OK.

Image 9

3. Insert Keyframe pada frame 10.

Image 10

4. Masih pada Frame 10, Kemudian pindahkan kotak yang tadinya berada di wajah wilshere ke arah pemain satunya lagi (entah siapa ane gak tau :p)

Image 11

5. Lakukan seperti langkah sebelumnya, Insert Keyframe di Frame 20, kemudian pindahkan kotakMask ke wajah pemain lainnya lagi, ubah ukuran kotakMask sedikit lebih kecil dengan free transform tool.

Image 12

6. Langkah terakhir, di antara frame 1 hingga 10, klik kanan kemudian pilih Create Classic Tween.

Image 13

7. Begitu juga untuk frame diantara 10 hingga 20, klik kanan dan pilih Create Classic Tween.

Image 14

8. Maka akan tampak pada timeline seperti berikut.

Image 15

4.    Tugas Praktikum
  • Buatlah animasi bendera berkibar dengan masking

5.    Hasil Praktikum

  • Berikut hasil praktikum yang saya lakukan.
6.    Kesimpulan
  • Dengan adanya tugas ini saya bisa lebih mengerti bagaimana cara membuat Animasi di Adobe Flash.