Rabu, 08 Februari 2017

ANIMASI DASAR MOTION GRAPHIC DENGAN AFTER EFFECT


Sudah lama saya gak buat tutorial After Effect di sini, mungkin sudah beberapa bulan lebih. Nah, untuk menyegarkan kembali tutorial After Effect, sore tadi saya meluangkan untuk menulis tutorial ini sebelum pulang dari kerja.

Tutorial ini sebenarnya sangat dasar, hanya menganimasikan objek teks dengan pergerakan lembut. selain itu, disini juga akan membahas bagaimana membuat animasi mengayun pada sebuah teks. dengan dasar ini, anda bisa mempelajari Motion Graphic lebih jauh lagi. Ok, hasil yang saya dapat adalah berikut:



Berikut langkah-langkahnya . . .


1.    Pertama, buka program AE atawa After Effect yang anda punya. Disini, saya pakai After Effect CS3 yang tampilannya kurang lebih seperti gambar dibawah.


2.    Tekan Ctrl+N untuk membuat Composition baru. Atur pengaturannya seperti gambar dibawah. Anda bisa juga mengaturnya sendiri, sesuai keinginan saja . . .




3.    Buat dua teks pada jendela view dengan nama “created” dan “by” seperti gambar dibawah, lalu atur posisinya agar berada ditengah-tengah layar.


4.    Pastikan pusat transform berada ditengah teks. kalau tidak, geser menggunakan Pan Behind Tool (Y).


5.    Sekarang, seleksi kedua layer teks, lalu tekan P untuk membuka pengaturan Position (posisi). Klik ikon stopwatch seperti gambar, sehingga di timeline akan muncul keyframe baru.


6.    Geser teks Created ke kanan, sehingga tidak terlihat di jendela view.


7.    Geser juga teks By ke sebelah kiri sehingga teks inipun tidak terlihat di jendela view.


8.    Geser timeline, 9 frame kedepan (gunakan tombol Next Frame pada panel Times Control untuk memajukan timeline frame - per frame).


9.    Kembalikan lagi posisi kedua teks ketengah layar seperti gambar dibawah.


10.    Tekan tombol F9 agar pergerakan teks lebih lembut. Ketika tombol F9 ditekan, pastikan kedua keyframe bentuknya berubah seperti gambar dibawah.


11.    Geser kembali timeline ke detik-02s (02 second) seperti gambar.


12.    Pastikan kedua layer teks dalam keadaan terseleksi, tekan tombol S untuk membuka pengaturan Scale (Skala). Klik ikon Stopwatch untuk mengaktifkan keyframe.


13.    Geser timeline 3 frame kedepan, lalu perbesar ukuran teks kira-kira 15 persen dari ukuran semula.


14.    Tekan tombol F9, sehingga bentuk keyframe berubah menjadi seperti gambar dibawah.


15.    Geser timeline 5 frame kedepan, lalu kecilkan ukuran teks menjadi sangat kecil seperti gambar dibawah, dan seperti biasa, tekan tombol F9 supaya bentuk keyframe menjadi seperti gambar dibawah.


16.    Geser timeline mundur ke detik ke-02 (posisi 02s) lalu buat teks dengan nama apa saja.


17.    Atur posisi pusat transform atau pivot agar berada di tengah-atas teks seperti gambar. Gunakan Pan Behind Tool (Y) untuk menggerser pusat Transform ini.


18.    Geser posisi teks ke tengah layar seperti gambar dibawah.

19.    Aktifkan layer 3D dengan mengklik pada ikon kubus di layer teks baru ini. Tekan tombol R untuk membuka pengaturan Rotation (perputaran).


20.    Geser posisi timeline dari detik ke-02 kira-kira 5 frame kedepan, lalu aktifkan keyframe dengan mengklik ikon stopwatch di X Rotation seperti gambar dibawah.


21.    Atur nilai X Rotation menjadi 0x -90,0, seperti gambar dibawah.


22.    Geser timeline kira-kira 8 frame kedepan, lalu atur nilai X Rotation menjadi 0x +30.


23.    Geser lagi timeline 4 frame kedepan dan atur kembali nilai X Rotaion menjadi 0x -20.


24.    Geser timeline 4 frame kedepan, atur nilai X Rotation menjadi 0x +10.


25.    Terakhir, geser timeline 3 frame kedepan lalu atur nilai X Rotation menjadi 0x +0.0.


26.    Seleksi keempat keyframe yang baru saja dibuat dan tekan tombol F9 sehingga bentuk keyframe menjadi seperti gambar dibawah.


27.    Geser posisi teimeline ke detik 02 atau lebih, lalu tekan tombol T untuk membuka pengaturan Opacity (transparansi) lalu atur nilai Opacity menjadi 0 (nol) persen sehingga teks menjadi tak terlihat dan klik pada ikon stopwatch untuk mengaktifkan keyframe..


28.    Geser timeline kira-kira 2 frame kedepan lalu atur nilai Opacity menjadi 100 persen sehingga teks kembali terlihat.

29.    Seleksi dua teks “created” dan “by” lalu tekan T untuk membuka pengaturan Opacity pada kedua layer ini. Aktifkan keyframe dengan meng-klik ikon stopwatch seperti gambar . . .


30.    Geser timeline kira-kira 2 frame kedepan lalu ubah nilai Opacity menjadi 0 (nol) persen sehingga teks menjadi tak terlihat.

31.    Untuk menambah citarasa (kayak makanan aja . . .XD), aktifkan motion blur pada semua layer.


32.    Sekarang, tinggal tambahkan background. Pada menu Layer > New > Solid maka akan muncul layer baru yang menghalangi semua teks.


33.    Supaya layer solid ini tidak menghalangi teks, geser dan tempatkan layer ini menjadi paling bawah.


34.    Supaya ada warnanya, pada menu Effect > Generate > Ramp dan atur warna pada Start Color menjadi Merah, dan End Color menjadi Merah tua. Pada Ramp Shape, ubah menjadi Radial Ramp.

 

35.    Ok, Hasilnya kurang lebih seperti ini

Share:

0 komentar:

Posting Komentar