Laporan Praktikum Animasi 2D: transition effects 2

Selasa, 8 November 2016. Kuliah praktikum animasi 2D kali ini mengerjakan video tutorial after effects masih tentang transition. Berbeda dengan praktikum sebelumnya, kali ini tutorial tidak diberikan oleh Pak Hasbi tetapi kita yang mencari tutorial dari tugas teori kemarin Jumat. Terdapat 4 video tutorial dan saya memilih video tutorial dari kelompok saya sendiri yaitu Clean Transition.
Pada video tutorial ini menggunakan 3 layer solid dengan layer pertama berwarna putih dan layer selanjutnya berwarna merah agak muda lalu layer ketiga berwarna merah lebih tua. lalu pada layer berwarna putih diberikan effects and preset linear wipe. Wipe angle diberi -60 derajat. Lalu diberi keyframe pada transitions dari 0% lalu keyframe selanjutnya 100%. keyframe yang ada di layer berwarna putih dicopy ke semua layer.  setelah itu dibedakan waktu startnya. dan tidak lupa diberi easy ease dan diedit graph nya.
lalu pada layer berwarna merah paling atas dijadikan pre compose untuk memberikan teks.
Ini adalah hasil preview dari After Effects:

Dan ini hasil jadi video setelah di render

Read More

Laporan Praktikum Animasi 2D: Transition Effects

Selasa, 1 November 2016 seperti biasa saya mengikuti kuliah praktikum animasi 2D setelah UTS berlangsung. Materi kali ini adalah transition effects. Dan dosen saya, Pak Hasbi, memberikan 3 tutorial yang harus dikerjakan. Tutorial yang pertama adalah Slide transition. Pada tutorial ini merupakan transition effect pada video berupa slide. Pertama, saya mendownload 2 footage video sebagai video yang akan diberi transisi. Lalu setelah itu efek yang digunakan pertama adalah opacity. Transisi diletakkan diantara menit ke 2 dan ke 4. Lalu ditambahkan adjusment layer untuk transisinya. Efek yang digunakan pada adjusment layer adalah offset, fast blur, dan diatur brightness and contrast nya. Setelah itu untuk memberi kesan movie effect, diberi rectangle mask berwarna hitam. 

Saya hanya sempat mengerjakan 1 tutorial karena tutorial ini saya membutuhkan waktu yang cukup lama. Jadinya saya tidak sempat mengerjakan tutorial 2 dan 3. 

Berikut hasil video tutorial 1 pada saat dipreview di after effects:

Dan berikut ini adalah hasil setelah dirender:

Read More

Laporan Praktikum Animasi 2D Text Motion Part 2

Pada hari selasa kemarin tanggal 4 oktober 2016, saat mata kuliah praktikum animasi 2D diberi tugas oleh dosen Pak Hasbi untuk mengikuti tutorial dari Dope Motions. Masih seputar text motion tutorial yang pertama adalah berupa transisi text yang sangat keren menurut saya dan yang kedua sedikit susah yaitu membuat animasi pada suatu huruf. Untuk tutorial yang pertama menggunakan effect card wipe untuk menimbulkan kesan kotak-kotaknya, lalu ada lagi menggunakan effect fill untuk merubah warna fontnya dan ada effect tambahan yaitu glow untuk effect font yang lebih bersinar.
Yang kedua yaitu tutorial berjudul animated typeface. Tutorial ini menganimasikan huruf satu per satu sehingga lebih detail. Menggunakan pen tool untuk memberikan kesan animasinya dan stroke agar huruf lebih terlihat elegan.
Berikut hasil jadi saat dipreview di After Effects:

Dan ini adalah hasil akhirnya:

Read More

Laporan Praktikum Animasi 2D: Text Motion

27 September 2016. Sudah memasuki minggu ke 5 perkuliahan. Pada praktikum kali ini, saya diberikan sebuah challenge yaitu Text Motion.Berbeda dengan praktikum sebelum-belumnya, kali ini Pak Hasbi memberikan tugas untuk bermain-main dengan teks.
Tugas hari ini mengikuti tutorial yang ada di channel youtube Dope Motions. Yang pertama adalah smooth text intro. Tutorial ini menunjukkan cara agar text dapat muncul secara halus untuk dijadikan intro sebuah video. Cara yang digunakan adalah menggunakan Range Selector lalu pada pengaturan Advance, ubah Shape menjadi Ramp Up. Atur position pada 160 dan offset yang diubah-ubah sesuai dengan keyframe. Dan untuk memberikan efek bayangannya, duplicate text lalu aktifkan mode 3D dan menggunakan tools mask.

Untuk tutorial yang kedua yaitu jittery text yang pertama dilakukan adalah menggunakan effect fractal untuk gerak text. Lalu diberi expression pada effect fractal tersebut. Dan effect kedua yang digunakan adalah displacement map untuk menganimasikan text.

Pada praktikum kali ini saya tidak mengalami kesulitan karena tutorial dari Dope Motion ini mudah dipahami dan diikuti.
Berikut hasil dari animasi text yang di preview dari After Effects

Dan ini adalah hasil jadinya

Read More

Laporan Praktikum Animasi 2D: Shape Motion

Hari Selasa tanggal 20 September 2016. Seperti biasa, terdapat mata kuliah Praktikum Animasi 2D. Dan challenge untuk hari ini lumayan menantang, yaitu mengerjakan 3 tutorial dari channel youtube motion grapher terkenal yaitu Dope Motion. 3 tutorial tersebut adalah Super Cool Motion Graphic Elements, Pop-ups - Circle Burst - Accent, dan Pop Up Circles.
Yang pertama adalah saya melakukan tutorial yang pertama dan paling mudah yaitu Super Cool Motion Graphic Elements. Intinya pada tutorial ini adalah membuat sebuah objek yang berupa shape lalu dianimasikan menggunakan Trim Paths dan Repeater. Dan hasil jadinya adalah membentuk sebuah elemen-elemen yang dapat ditambahkan pada motion graphic. Shape untuk membuat element ini dapat menggunakan, lingkaran, persegi, polygon, bahkan bentuk abstrak pun akan dapat menjadi element yang menarik.
Selanjutnya adalah tutorial kedua yaitu Pop ups circle burst accent. Untuk tutorial kedua ini sedikit lebih kompleks daripada tutorial yang pertama. Dengan menambahkan animasi pada shape, misal untuk kali ini saya menggunakan rectangle, lalu tambahkan animasi di rectangle path dan ubah time value dari start dan end. Lalu juga dengan menggunakan Repeater, maka bentuk rectangle tersebut akan tersusun secara melingkar dengan memasukkan nilai rotation 45 derajat. Setelah itu saya membuat berbagai macam bentuk yang berbeda tetapi dengan animasi yang sama. Hanya dengan menduplikasi layer maka akan menambahkan shape baru. Setelah itu agar animasi terlihat lebih halus ditambahkan efek Easy Ease. Dan yang terakhir ditambahkan tulisan yang muncul secara pop-up ditengah-tengah shape tadi.
Dan untuk tutorial yang ketiga adalah tutorial yang paling kompleks diantara ketiga tutorial yang diberikan. Yaitu membuat Pop Up Circle untuk menampilkan sebuah logo. Pada animasi ini terdapat banyak lingkaran yang disusun sedemikian rupa untuk dapat dianimasikan. Lingkaran diubah-ubah warna dan bentuknya agar terlihat lebih menarik. Dan diakhir animasi akan muncul sebuah logo yang ditambahkan.
Untuk praktikum kali ini saya tidak mengalami kesulitan hanya saja saya membutuhkan waktu yang lumayan lama untuk mengerjakan 3 tutorial sekaligus. Dan alhamdulillah saya dapat menyelesaikan ketiga tutorial tersebut. Berikut ini hasil animasi saya saat di preview di After Effect.

Elements

Motion Accent

Pop Up Circle

Dan ini adalah hasil akhir yang sudah diupload di channel youtube saya:

Elements

Motion accent

Pop Up circle

Read More

Laporan Praktikum Animasi 2D: Rotating Circle

Hari ini, Selasa, 13 September 2016, terdapat mata kuliah Praktikum Animasi 2D. Dan pada praktikum ke 3 kali ini, Pak Hasbi, selaku dosen Animasi 2D memberikan tugas kepada kami yaitu membuat animasi lingkaran yang berputar di dalam sebuah lingkaran. Awalnya saya merasa bingung. Lingkaran dapat berputar dalam lingkaran itu menggunakan tools apa pada After Effect. Lalu saya merasa tertantang untuk melakukan tugas ini.
Hal pertama yang saya lakukan adalah membuat lingkaran kecil. Lingkaran kecil ini yang nanti akan berputar dalam lingkaran yang ukurannya lebih besar. Lingkaran kecil ini berjumlah 8 dan disusun membentuk lingkaran. Caranya adalah yaitu pilih Add lalu Repeater. Masukkan angka 8 pada jumlah lingkaran dan agar lingkaran tersebut membentuk lingkaran, masukkan angka 45 derajat pada rotasi. Setelah terbentuk lingkaran yang terdiri dari lingkaran kecil-kecil, langkah selanjutnya adalah memutar lingkaran-lingkaran itu. Dengan cara pilih Transform: Ellipse 1 lalu Rotation. Buat keyframe pada detik ke 0 dan pada detik ke 10 buat rotasi berputar 360 derajat. Pilih kecepatan berputar yaitu sebesar 2x. Sebelum itu jangan lupa memindahkan anchor point pada tengah-tengah lingkaran-lingkaran kecil.
Setelah itu, untuk memutar lingkaran-lingkaran kecil berputar sesuai dengan lingkaran besar cara yang dilakukan yang pertama adalah membuat lingkaran besar itu sendiri. Usahakan warna dari lingkaran besar berbeda dengan lingkaran kecil. Lalu sampai tahap ini, saya bingung. Bagaimana cara agar lingkaran-lingkaran kecil ini berputar sesuai dengan lintasan lingkaran besar. Akhirnya saya diberi pencerahan oleh teman saya, Aldo. Menurut penjelasan Aldo, pada layer shape lingkaran-lingkaran kecil, pilih Transform lalu Rotation. Pindahkan anchor point pada tengah-tengah lingkaran besar. Setelah itu ubah change value dari rotasi itu menjadi 360 derajat dengan kecepatan 1x.
Dan voila! Jadilah lingkaran-lingkaran yang berputar di dalam lingkaran sesuai dengan contoh yang diberikan Pak Hasbi.
Setelah semua selesai, tidak lupa saya merekam screen laptop saya saat saya menjalankan preview di After Effect untuk laporan ini. Berikut adalah video screen record dari animasi yang telah saya buat:

Dan ini adalah hasil jadi animasi sederhana saya yang telah saya unggah pada kanal Youtube saya:

Itulah laporan praktikum Animasi 2D yang saya lakukan hari ini. Semoga bermanfaat bagi para pembaca dan semoga dapat menambah ilmu. Amin.

THANK YOU ^^

Read More

Laporan Praktikum Animasi 2D: Bouncing Ball

Hari ini, Selasa 06 September 2016 saya mengikuti mata kuliah Praktikum Animasi 2D. Dan hari ini materi praktikumnya adalah membuat animasi Bouncing Ball menggunakan software Adobe After Effects. Ini adalah praktikum pertama untuk membuat sebuah animasi sederhana.

Hal yang pertama saya lakukan adalah membuka software Adobe After Effects. Dalam praktikum kali ini saya menggunakan After Effects CS6. Lalu saya membuka New Compositions lalu dalam kotak dialog ini dapat diatur ukuran video, besar fps (frame per second), warna background video, dan lain-lain. Setelah itu saya membuat sebuah bentuk bola, jangan lupa untuk diberi warna agar terlihat lebih menarik.

Lalu untuk menjalankan bola tersebut klik “P” untuk memunculkan Position. Tekan simbol keyframe di sebelah position untuk memunculkan keyframe. Selanjutnya saya pindah posisi bola dan dengan begitu keyframe dapat muncul secara otomatis. Lalu saya pindah lagi posisi bola hingga akhir lembar kerja. Pergerakan bola dapat dirubah dengan merubah jalur bola. Agar animasi terlihat lebih halus, saya menambahkan efek dengan cara klik kanan pada keyframe lalu pilih Keyframe Assistant dan pilih Easy Ease. Kemudian saya merubah jalur bola agar pergerakan bola dapat lebih teratur.

Agar pantulan bola terlihat lebih realistik, saya menambahkan Expressions pada keyframe. Saya mencari expressions di internet dan menemukan expressions untuk bola dapat memantul. Expression yang saya gunakan saya dapat dari web berikut ini:

http://motionscript.com/articles/bounce-and-overshoot.html

Selanjutnya agar lebih terlihat realistis lagi saya memodifikasi bentuk bolanya. Pada saat bola berada dibawah, bola lebih dilonjongkan lagi. Caranya adalah dengan menekan tombol S maka akan memunculkan settingan Scale. Lalu pada timeline posisikan waktu bola saat berada di bawah. Setelah itu buat keyframe dengan cara memilih tombol stopwatch disebelah tulisan Scale. Keyframe yang pertama adalah bentuk bola yang normal. Lalu keyframe yang kedua bentuk bola lebih dilonjongkan. Dan keyframe yang ketiga bola kembali pada bentuk semula. Ulangi tahap tersebut untuk bola saat berada di bawah.

Setelah selesai membuat animasi lalu saya melihat animasi saya yang sudah jadi dengan cara menekan preview. Dan setelah semua selesai, saya me-render video animasi yang sudah jadi ke dalam bentuk .avi.

Ini adalah hasil jadi animasi saya saat di preview di Adobe After Effects.

Berikut adalah cerita saya dalam melaksanakan praktikum pertama dari animasi 2D. Semoga di praktikum-praktikum selanjutnya saya dapat menambah ilmu animasi dan dapat menjadi animator yang terkenal. Amin.

Dan ini hasil jadi animasi saya setelah selesai dirender dan saya upload di channel youtube saya:

Read More