AE Walk Cycle (Puppet Tool) - Praktikum 12

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat/Software yang dibutuhkan :
- Adobe After Effect cc 2015

Langkah-Langkah : 

Saya membuat asset desain menggunakan Photoshop, mulai dari bg tebing tebing, bebatuan, mobil, karakter dan lain sebagianya. Bagi beberpa part agar bisa di animasikan di after effect nantinya :

1. Save as ke .psd awan

2. Save as ke .psd bagian bebatuan dan tebing

3. Save as ke .psd bagian mobil

4. Save as ke .psd bagian karakter

Gambar 1. Bagian awan

Gambar 2. Bagian tebing dan asset lainnya

Gambar 3. Bagian Mobil

Setelah selesai membuat seluruh asset desain maka kita bisa lanjut ke step selanjutnya yaita mulai menggerakkan animasi di After Effect,

Gambar 4. Setting Key frame jeda 1 detik

Gambar 5. Sebuah walk cycle yang memiliki kriteria berikut Pose Lengkap :

Contact Down Up Passing

Gambar6.Copy pasti keyframe yang sudah dibuat

Sekarang tiba bagian menyenangkan: membuat tarian karakter. Kita bisa melakukan ini dengan keyframing karakter dari waktu ke waktu dengan cara yang sudah dijelaskan sebelumnya, untuk merekan animasi secara realtime. Ini ada fungsi salah satu fitur keren Puppet Tool pada After effect. Berikut hasil praktikum yang sudah saya kerjakan

Pre Compose Walkcycle

Full Render

Refrensi Tutorial yang saya gunakan,

AE Walk Cycle (Puppet Tool) Part 2

https://www.youtube.com/watch?v=4Xlzwa6k6F8

The Puppet Pin Tool in After Effects - Praktikum 11

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat yang dibutuhkan :
- Adobe After Effect cc 2015
- 1 Buah PC/Imac

- Mouse

Langkah langkah :

Step 1 - Set Up the After Effects Project

Icon orang yang akan saya gunakan. Dan saya akan bekerja di 1920 x 1080 pixels untuk ukuran video frame size. Warna latar belakang comp saya adalah hitam:

Step 2 - Start Rigging the Character

Langkah berikutnya adalah untuk rig karakter dengan the
Puppet Pin Tool, yang berarti untuk mengatur poin bahwa kita akan menjiwai.
Puppet Pin Tool bekerja adalah bahwa pengaturan titik Pin awal hingga beberapa
pin lainnya. Anda kemudian dapat menambahkan poin Pin tambahan untuk menentukan
sendi dan pusat titik pointnya. Setelah itu, Anda dapat memindahkan Pin sekitar
(termasuk keyframing mereka), dan pixel bawah jala akan warp dan menekuk dengan
mesh, hampir seolah-olah gambar anda goyang kanan kiri.

Jadi, untuk memulai, pilih Puppet Pin Tool dari toolbar dan klik pada object orang:

Step 3 : Add More Control Points

Selanjutnya kita ingin menambahkan beberapa poin Pin tambahan. Titik-titik ini berfungsi sebagai titik kontrol animasi dan menetapkan batas untuk pengaruh poin lain pada mesh. Namun, Anda tidak perlu terlalu banyak poin untuk animasi sederhana. Dalam kasus saya, saya hanya akan memiliki sosok bergoyang pinggul, tetapi menjaga kakinya di tempat. Jadi, aku benar-benar hanya perlu Pins di kedua kaki (untuk menjaga mereka di tempat), satu di pinggul (yang akan menjadi titik animasi utama kami), dan satu di kepala di dekat leher, yang akan membiarkan kepala bergerak bersama dengan tubuh tetapi juga membantu menjaga di tempat, sehingga tidak sepenuhnya sinkron dengan tubuh:

Step 5 : Dance 

Sekarang tiba bagian menyenangkan: membuat tarian karakter. Kita bisa melakukan ini dengan keyframing karakter dari waktu ke waktu dengan cara yang biasa, tapi jauh lebih menghibur untuk merekam animasi secara realtime. Ini adalah salah satu fitur keren Puppet Pin Tool ini.

Berikut hasil video rendernya

Sumber tutor : https://www.macprovideo.com/hub/after-effects/cartoon-animation-in-after-effects-the-puppet-pin-tool

Slide Transition & Clean and Simple 2d Animation

Prakitkum ke 8 Slide Transition & Clean and Simple 2d Animation

======================================================================

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat yang dibutuhkan :
- Adobe After Effect cc 2015
- 1 Buah PC/Imac

- Mouse

Clean and Simple 2D Animasi

Prakitkum ke 7 Handwriting Text Animation and Kinetic Falling Text

Prakitkum ke 7 Handwriting Text Animation and Kinetic Falling Text

======================================================================

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat yang dibutuhkan :
- Adobe After Effect cc 2015
- 1 Buah PC/Imac

- Mouse

Handwriting Text Animation

Langkah langkah sebagi berikut :

 Create new composition, Atur komposisinya sesuai dengan gambar diatas ya.

pilih layer - solid

 

Ubah warna background menjadi biru

6. Buat text sesuai dengan keinginan kalian. untuk memunculkan sekat-sekat pada layar klik pada

    icon sebelah resolusi layar. Seperti gambar dibawah ini. Setelah selesai mengatur maka hilangkan

    kembali Tittle/Action Safenya.

7. Klik effect-generate-stroke

Nah tahap ini dinamakan tracing. Klik pen tool dan mulai buat titik mengikuti bentuk hurufnya, untuk lebih jelasnya bisa melihat tutorial.

 Setelah itu atur brush size seperti pada gabar diatas. pada detik 0 pasang keyframe end 

    0 dan pada detik ke 4 pasang keyframe 100%. Setelah itu render dan export.

Kinetic Falling Text

Sering gagal pada praktikum kali ini.

kemudian masukkan script sebagai berikut, setelah selesai render hasil animasi tersebut

  

Hasil Video

========================================================================

Praktikum 6 - 2D Animation Typeface dan Text Animation

Praktikum 6 - 2D Animation Typeface dan Text Animation

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat yang dibutuhkan :
- Adobe After Effect cc 2015
- 1 Buah PC/Imac

- Mouse

2D Animation Typeface

Timeline AE Typeface

Hasil Render Video

Text Animation

Screenshot Timeline 

Ctrl + T dan ketik huruf A. Pilih font sesuai keinginan dan pilih yang reguler.

Berikut video hasil rendernya

Praktikum 5 - Smooth Text dan Jittery Type After Effects

Praktikum 4 - Motion Graphic Element Sederhana

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat yang dibutuhkan :
- Adobe After Effect cc 2015
- 1 Buah PC/Imac

- Mouse

Smooth Text 

Buat Compositin seperti biasa yang dilakukan sebelumnya 

Setelah itu pada dialog animate pilih position 

lalu atur sebagai berikut untuk animator 1, untuk keyframe pertama pada offset atur nilai sebesar -100 dan keyframe kedua sebesar 100

Sekali lagi pada dialog animation pilih position dan atur sebagai berikut untuk animator 2, untuk keyframe pertama pada offset atur nilai sebesar -100 dan keyframe kedua sebesar 100

 Kemudian pada layer text klik kanan pilih pre-compose dan atur sebagai berikut

Berikut File Hasil Render

Jittery Type

Jittery Type in After Effects 

Praktikum 4 - Belajar Motion Graphic Element Sederhana Menggunakan After Effect

Praktikum 4 - Motion Graphic Element Sederhana

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat yang dibutuhkan :
- Adobe After Effect cc 2015
- 1 Buah PC/Imac

- Mouse

Untuk praktikum kali ini kami mencoba membuat motion graphic element mengukuti tutorial dari DOPE MOTION. Dari turorial tersebut banyak fitur baru yang kami ketahui seperti : 

Trim Path, Repeat, DropShadow

1. After Effects - Super Cool Motion Graphic Elements - Tutorial by Dope Motions™

Hasil Render

 Video 1

Video 2 

2.  After Effects - POP-UP CIRCLES Tutorial by Dope Motions™

Hasil Render 

Video Percobaan Praktikum

Dalam kurung waktu 1 Jam setengah baru bisa menyelesaikan 2 tutorial dari 3 video tutorial yang diberikan. 

Praktikum 2 - Bouncing Ball

Nama : M Idris Setiawan
Nrp : 4103151004
Kelas : 2 MMB A

Alat yang dibutuhkan :
- Adobe After Effect cc 2015
- 1 Buah PC/Imac

Untuk praktikum kali ini kami mencoba membuat motion in 2D. Berupa shape lingkaran yang digerangkan sedemikian rupa seperti bola yang memantul. Berikut contoh hasil videonya :


Timeline after effect sebelum dirender :

Hasil render video :