Prak 03 – Secondary Assets, Logo Movement, F-Curves

1. Tujuan
Pada praktikum ini, belajar tentang elemen yang bisa ditambahkan pada sebuah animasi 3D yaitu Secondary Assets dan Movement. Pada praktikum ini, penambahan movement diperdetail dengan menggunakan F-Curves.


2. Alat
Adobe Illustrator CC
Maxon Cinema 4D R16


3. Bahan
hasil praktikum sebelumnya http://imeldaaaa.blogspot.co.id/2016/03/prak-02-camera-path-lighting-and.html
asset sekunder download


4. Dasar Teori

• Secondary assets adalah penggunakan objek lama yang digunakan kembali pada animasi yang baru namun tidak berperan lagi sebagai objek utama. Fungsi dari secondary assets adalah hanya sebagai objek tambahan pada animasi baru.
• F-Curve Editor berfungsi untuk mengontrol animasi pada hampir semua elemen, termasuk material dan parameter world dengan mengontrol curva animasi. Key frame dihubungkan oleh garis curva, dalam F-Curve Editor. Titik pada F-Curve Editor merupakan key frame. Sumbu X pada F-Curve Editor mewakili key frame, sedangkan yang diwakili oleh sumbu Y bergantung pada parameter yang dianimasikan.

5. Tugas Praktikum
Pada animasi logo favorit yang sudah kalian buat sebelumnya, lakukan hal berikut:

1. Tambahkan secondary Assets
2. Tambahkan kompleksitas gerakan pada asset utama (logo)
3. Haluskan gerakannya menggunakan F-Curves

6. Petunjuk Praktikum
Berikut adalah beberapa petunjuk yang bisa digunakan untuk menyelesaikan tugas praktikum

1. Menambahkan secondary assets menggunakan cloner dan helix path
2. Menambahkan kompleksitas gerakan assets utama (logo)
3. Memperhalus gerakan menggunakan F-Curves

7. Hasil Praktikum

8. Kesimpulan

Pada praktikum kali ini, saya merasa sangat bingung karena proxy internet di kampus sedang error. Ditambah lagi saya mempunyai kendala karena jika dikerjakan diuar jam praktikum, saya tidak memiliki aplikasi cinema 4d dan time lapse assembler karena laptop saya kemungkinan tidak kuat.

9. Referensi
Logo Animation in Cinema 4D and After Effects
http://www.mohhasbias.com/prak-03-secondary-assets-logo-movement-f-curves/

Prak 02 – Camera Path, Lighting, and Material

1. Tujuan

Pada praktikum ini, belajar tentang elemen yang bisa ditambahkan pada sebuah animasi 3D yaitu Camera Path, Lighting, Material. Camera path diimplementasikan menggunakan spline. Lighting menggunakan Physical Sky dan Area Light.

2. Alat

Adobe Illustrator CC

Maxon Cinema 4D R16

Time Lapse Assembler

3. Bahan

hasil praktikum sebelumnya http://imeldaaaa.blogspot.co.id/2016/03/prak-01-logo-3d-360-turn-table-animation.html

4. Dasar Teori

Perbedaan teknik motion guide dan camera path, jika kita menggunakan flash kita hanya membuat path lalu menempelkan pada path tersebut sedangkan jika menggunakan camera path kita bisa membuat path terlebih dahulu dan menempelkan objek yang akan digerakkan dengan cara menempalkannya setelah itu kita harus merecordnya dari mula awal posisi sampai akhir pergerakan. Ada juga perbedaan antara physichal sky dan area light. Cara itu sebenarnya hampir sama, namun agak sedikit berbeda. Jika pada physical sky ini adalah pemberian warna atau warna pada daerah tersebut. pada physical light di cinema 4D ini menunjukkan suasana pada suatu hari pada jam yang bisa ditentukan oleh editor animasi. Pada cinema 4D kita juga menggunakan teknik yang menggunakan material. Disini yang dimaksudkan material adalah teknik pemberian warna atau tekstur pada obyek. Jadi obyek yang terlihat pada animasi 3D ini bisa terlihat lebih cantik dengan mempunyai warna pada skinnya.

5. Tugas Praktikum

Pada animasi logo favorit yang sudah kalian buat sebelumnya, tambahkan:

a. Pergerakan kamera menggunakan teknik camera path 

b. Lighting sederhana dan mudah menggunakan Physical Sky dan Area Light 

6. Petunjuk Praktikum

Berikut adalah beberapa petunjuk yang bisa digunakan untuk menyelesaikan tugas praktikum

a. Pergerakan camera menggunakan Camera Path, lebih spesifik lagi disebut dengan spline.

b. Menambahkan Lighting menggunakan Physical Sky

c. Menambahkan Lighting menggunakan Area Light

d. Menambahkan Material

7. Hasil Praktikum

8. Kesimpulan

Praktikum 2 ini saya rasa lebih susah dari praktikum 1 sebelumnya, namun dengan tutorial-tutorial yang telah dijelaskan sedikit demi sedikit saya bisa dan alhamdulillah saya berhasil menyelesaikannya meskipun hasilnya pas-pasan.

9. Referensi

Logo Animation in Cinema 4D and After Effects

http://www.mohhasbias.com/prak-02-camera-path-lighting-and-material/

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

Time Lapse Assembler

3. Bahan

Logo PENS. Silahkan download dari pedoman identitas PENS

4. Dasar Teori

a. Perbedaan antara animasi 2D Dan 3D

Dapat dilihat dari sudut pandangnya. Animasi 2D menggunakan koordinar x dan y, sedangkan animasi 3D menggunakan koordinat x,y, dan z yang memungkinkan kita dapat melihat sudut pandang objek secara lebih nyata.

b. Tracing

Tracing adalah teknik penggambaran cepat, baik secara manual atau digital. Tracing adalah jawaban untuk tuntutan proses produksi yang berpacu dengan waktu. Tracing bukanlah masalah menjiplak dalam arti sempit, tracing adalah teknik penggambaran ulang baik manual atau digital. Dalam illustasi, tracing adalah style yang membutuhkan kemampuan trace dan penguasaan aplikasi grafis.

c. Perbedaan Membuat Animasi 2D di Flash dengan Cinema 4D

Flash adalah software yang digunakan untuk membuat animasi 2D sementara Cinema 4D merupakan software untuk pembuatan animasi 3D. Perbedaan dari kedua software tersebut sudah terlihat dari fungsi masing-masing software tersebut yang berbeda. Pada Flash, objek yang dianimasikan tidak dapat di putar 360 derajat pada sumbu Y, karena pada dasarnya, animasi 2D adalah animasi yang objek nya tidak memiliki tingkat ketebalan, namun pada Cinema 4D, objek yang akan dianimasikan dapat diputar 360 derajat pada sumbu X dan telah dilengkapi juga dengan beberapa fitur yang dapat mengatur tingkat ketebalan objek. Serta pada Cinema 4D, objek dapat diatur model lightingnya sehingga 3D dari objek lebih terlihat, berbeda dengan Flash yang mana lighting dapat di manipulasi melalui penggunaan teknik warna.

5. Tugas Praktikum

Buatlah animasi 360 dari logo favorit kalian

6. Petunjuk Praktikum

Berikut adalah beberapa petunjuk yang bisa digunakan untuk menyelesaikan tugas praktikum

a. Tracing Logo menggunakan illustrator

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

c. Membuat animasi 360 derajat

d. Merender animasi ke dalam file movie (mp4)

7. Hasil Praktikum

8. Kesimpulan

Pada praktikum kali ini, saya dapat melakukan perintah-perintah seperti yang dicontohkan, akan tetapi saya menemukan kendala pada movie saya karena perputaran logo tidak dapat sesuai dengan apa yang telah dicontohkan.

9. Referensi

The Bezier Game: A game to help you master Pen Tool

http://www.mohhasbias.com/prak-01-logo-3d-360-turn-table-animation/

Prak 15 – Animasi menggunakan Programming

1. Tujuan
Mengenal bentuk lain pembuatan animasi. Yaitu pembuatan animasi menggunakan programming.

2. Alat
Adobe Flash Professional CS3+
(diuji di Flash CC)

3. Bahan
Flint Particle Engine
Download file tersebut kemudian extract. Ambil file “Flint2d_4.0.1.swc”

4. Dasar Teori
Membuat animasi bisa dilakukan dengan berbagai cara. Salah satunya dengan menggunakan programming. Salah satu bentuk programming untuk membuat animasi adalah Particle System.

5. Tugas Praktikum
Lakukan petunjuk praktikum yang diberikan
Ubah posisi dari animasi tersebut
Ubah warna dari animasi tersebut
Ubah radius dari animasi tersebut
Ubah posisi animasi tersebut setiap kali muncul

6. Petunjuk Praktikum
Buat project ActionScript 3
Buka action window dengan menekan tombol “actions” pada panel di sebelah kanan
Salin kode berikut pada “actions” window

import org.flintparticles.common.actions.*;
import org.flintparticles.common.counters.*;
import org.flintparticles.common.displayObjects.Dot;
import org.flintparticles.common.easing.Quadratic;
import org.flintparticles.common.events.EmitterEvent;
import org.flintparticles.common.initializers.*;
import org.flintparticles.twoD.actions.*;
import org.flintparticles.twoD.emitters.Emitter2D;
import org.flintparticles.twoD.initializers.*;
import org.flintparticles.twoD.renderers.*;
import org.flintparticles.twoD.zones.*;

var emitter:Emitter2D = new Emitter2D();

emitter.counter = new Blast( 700 );

emitter.addInitializer( new SharedImage( new Dot( 2 ) ) );
emitter.addInitializer( new ColorInit( 0xFFFFFF00, 0xFFFF6600 ) );
emitter.addInitializer( new Velocity( new DiscZone( new Point( 0, 0 ), 200, 120 ) ) );
emitter.addInitializer( new Lifetime( 5 ) );

emitter.addAction( new Age( Quadratic.easeIn ) );
emitter.addAction( new Move() );
emitter.addAction( new Fade() );
emitter.addAction( new Accelerate( 0, 50 ) );
emitter.addAction( new LinearDrag( 0.5 ) );

emitter.addEventListener( EmitterEvent.EMITTER_EMPTY, restart, false, 0, true );

var renderer:BitmapRenderer = new BitmapRenderer( new Rectangle( 0, 0, 500, 400 ) );
renderer.addFilter( new BlurFilter( 2, 2, 1 ) );
renderer.addFilter( new ColorMatrixFilter( [ 1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0.95,0 ] ) );
renderer.addEmitter( emitter );
addChild( renderer );

emitter.x = 250;
emitter.y = 150;
emitter.start();

function restart( ev:EmitterEvent ):void
{
Emitter2D( ev.target ).start();
}

Buka “ActionScript Setting”
Pilih tab “Library Path” klik icon “Browse to SWC”
Pilih file swc “Flint2d_4.0.1.swc”
Pastikan file swc tersebut muncul pada daftar
Tekan “OK” kemudian jalankan movie-nya (Test Movie, Ctrl + Enter)

7. Hasil Praktikum

8. Kesimpulan

Pada praktikum kali ini, hanya sampai pada tugas ke 4 saja. Dikarenakan kendala pada file yang tidak bisa di export

9. Referensi
Create Fireworks animation using Flint Particle Engine

http://www.mohhasbias.com/

Prak 14 – 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

6. Petunjuk Praktikum
Silahkan tirukan animasi tersebut sebaik mungkin

7. Hasil Praktikum

8. Kesimpulan
Pada praktikum kali ini, kedua animasi telah selesai. Tapi mungkin ada sedikit perbedaan kemiripan karena faktor gambar yang berbeda.

9. Referensi
Shape Tween

http://www.mohhasbias.com/

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

6. Petunjuk Praktikum
Silahkan tirukan animasi tersebut sebaik mungkin

7. Hasil Praktikum

8. Kesimpulan

Praktikum kali ini, membuat shape tween menggunakan logo 1 dan ke 2 seperti yang dicontohkan diatas. Logo 1 membuat lingkaran berwarna putih yang kemudian berubah menjadi logo national geographic berwarna kuning begitu pula logo 2

9. Referensi
Shape Tween

Prak 12 – Shape Tween

1. Tujuan
Mengetahui, menguasai, dan mengaplikasikan fitur shape tween pada Adobe Flash CS 6

2. Alat
Adobe Flash Professional CS 6

3. Bahan
Contoh pengaplikasian shape tween menggunakan logo seperti logo apple, windows, national geographic, nike dan gom player

4. Dasar Teori
Shape Tween

5. Tugas Praktikum
Buatlah pengaplikasian fitur shape tween dengan logo

6. Petunjuk Praktikum
A. Mulailah dari traching logo
B. Insert keyframe di frame ke-12

C. Buat logo lain di frame ke-13

D. Create shape tween diantara frame ke-1 sampai ke-12

7. Hasil Praktikum
https://youtu.be/W8-G7Yll8X0

8. Kesimpulan
Dari praktikum kali ini, saya dapat mengaplikasikan fitur shape tween. Membuat shape tween dengan logo pple, windows, national geographic, nike dan gom player

9. Referensi
http://www.mohhasbias.com/