TUTORIAL AFTER EFFECT

1. MEMBUAT INTRO FILM

 

Pada Tutorial After Effect ini, saya akan menjelaskan cara membuat animasi Intro yang cukup Keren. Efeknya berupa teks yang muncul dengan menghantam background sehingga menggetarkan kamera. Disini, teks akan terlihat 3D dengan memakai teknik yang sama seperti Tutorial Membuat Teks 3D dengan Photoshop. Untuk animasi bergetar, saya menggunakan Null Object yang di animasikan secara manual Frame per frame. Oke, untuk efeknya bisa anda lihat dibawah:

1. Pertama, buat Composition baru pada menu Composition > New Composition. Atau supaya lebih gampang gunakan shortcut Ctrl+N. Pada jendela Composition, ubah namanya menjadi Intro lalu atur Width=352 dan Height=288. pada Pixel Aspect Ratio, pilih Square Pixels dan Frame Rate=25.

 


2. Butlah teks menggunakan Type Tool (Ctrl+T). Disini, saya membuat huruf PERMANA. Itu kepanjangan nama saya gan, sekalian buat watermark… hehehe (Baca: Narsis).

 

3.  Seleksi layer teks, lalu pada menu Effect > Generate > Ramp.

 

4. Nah, pada parameter Ramp, atur Start Color=hitam dan End Color=putih lalu atur Point/Titik warna seperti gambar dibawah.

5. Dengan menggunakan Pan Behind Tool (Y), geser Pivot/Pusat gerakan ke tengah-bawah teks. Lebih jelasnya silahkan lihat gambar dibawah…

 

6. Seleksi layer teks, lalu pada menu Edit > Duplicate atau Ctrl+D untuk menggandakan layer. Kalau berhasil, maka layer teks akan menjadi 2.

7. Pada layer PERMANA 2 (layer paling atas), tekan tombol S pada keyboard untuk membuka parameter Scale. Perbesar nilai Scale tersebut sedikit dengan mendrag nilainya. (ingat, jangan mengubah nilai terlalu besar karena ini hanya untuk mendapatkan ilusi ketebalan teks saja). Setelah itu, di parameter Ramp atur Start Color=Putih dan End Color=Hitam. Kalau berhasil, maka teks akan terlihat mempunyai ketebalan.

8. Seleksi kedua layer lalu tekan Ctrl+Shift+C. Pada jendela Pre-Compose yang muncul, ubah namanya menjadi teks lalu klik OK.

9. Di Composition Intro, sekarang kedua layer teks akan menjadi satu.

10. Sekarang, import Gambar tekstur yang anda punya lalu masukkan ke timeline. Tempatkan tekstur pada posisi paling bawah agar tidak menghalangi layer teks. Saya mendapatkan tekstur tersebut di CGTextures.com dan VideoCopilot.net secara Cuma-Cuma alias gratis…

11. Ubah semua layer menjadi 3D  dengan mengaktifkan ceklis 3D Layer berbentuk kubus sehingga terlihat seperti gambar bawah.

12. Mada menu Layer > New > Camera. Pada jendela yang muncul, klik saja Ok. Disini, kita membuat layer kamera.

13. Kembali lagi ke menu Layer > New > Null Object. Nah, disini kita membuat Null Object yang akan mengatur gerakan kamera.

14. Klik menu dropdown Parent pada layer Camera lalu pilih Null 1. ini akan membuaat Gerakan Null Object mempengaruhi camera. Sehingga bila kita menggerakan Null object, maka kamerapun akan bergerak..

15. Seleksi layer teks lalu duplikat dengan Ctrl+D dan ubah layer teks yang baru ini namanya menjadi Bayangan.

16. Seleksi layer bayangan, lalu pada menu Effect > Blur and Sharpen > CC Radial Blur.

17. Di parameter CC Radial Blur, atur Type=Fadding Zoom dengan nilai Amount=7 dan geser titik Center jauh ke atas seperti gambar dibawah.

18. Masih layer Bayangan dalam keadaan terseleksi, pada menu Effect > Generate > Fill. 

Ubah Color menjadi warna hitam. Sekarang, teks terlihat mempunyai bayangan…..

19. Oke, sekarang kita telah selesai mendesain tampilannya. Sekarang saatnya menganimasikan semua layer. Are you Ready …???
Sebelum menganimasikan, kita akan menyembunyikan dulu layer bayangan. Caranya seleksi layer bayangan lalu tekan tombol T pada Keyboard untuk membuka parameter Opacity lalu atur nilainya menjadi 0 (Nol).

20. Ubah pandangan view 3D Popup menjadi Top, lalu geser timeline kurang lebih ke detik pertama. Seleksi layer Teks, lalu geser posisinya pada sumbu Z ke belakang kamera (lihat gambar). Tekan tombol P pada keyboard lalu klik ikon stopwatch untuk membuat Keyframe. Keyframe ini ditandai dengan titik kuning pada timeline.

21. Geser timeline kurang lebih 3 sampai 4 frame kedepan, lalu geser posisi layer Teks kebelakang, kembali seperti semula.

22. Ubah lagi pandangan View 3D Popup menjadi Active Camera.

23. Seleksi layer Bayangan lalu geser timeline ke detik pertama (sejajar dengan keyframe layer teks). Tekan tombol T pada keyboard untuk membuka pengaturan Opacity, lalu klik ikon Stopwatch untuk membuat keyframe. Aktifkan enable Motion Blur lalu aktifkan Ceklis Motion blur disemua layer kecuali Null Object.

24. Geser timeline kurang lebih  3 sampai 4 frame kedepan (sejajar dengan keyframe layer teks), lalu atur nilai opacity menjadi 100%.

25. Seleksi Layer Null Object lalu tekan tombol P pada keyboard untuk membuka Position. Geser timeline ke posisi seperti gambar dibawah (satu frame sebelum keyframe teks). Klik ikon Stopwatch untuk mengaktifkan keyframe.

26. Geser timeline satu frame kedepan (untuk menggeser timeline frame per frame, gunakan tombol next frame pada toolbar time control). Geser posisi Null Object pada Viewport sedikit untuk memberikan kesan bergetar.

27. Geser lagi timeline satu frame kedepan dan geser kembali posisi nul object pada Viewport sedikit. Lakukan ini sampai anda mendapat 6 keyfame dengan menggeser posisi Null Object secara acak pada Viewport.

28. Daaann... coba klik tombol Play atau gunakan tombol Spasi pada keyboard untuk melihat hasilnya. Saya mendapatkan hasil seperti gambar dibawah:

 

Ok, mungkin agan kurang paham dengan langkah-langkah animasinya. Tapi yang jelas intinya adalah menganimasikan kamera seolah-olah bergoyang ketika teks menghantam tembok. sehingga kita harus menggerak-gerakan Null Object (yang akan menggerakkan kamera) tiap framenya secara acak.

Moga tulisan ini bermanfaat gan, dan teruslah belajar dan berkarya....


2. MEMBUAT EFEK VIDEO

Di dalam tutorial ini kita akan membuat sebuah effect menghilang dari video, berhubung di sini saya menggunakan video kuda maka saya memberi nama ‘kuda hantu’ ^_^

Pembaca yang budiman, pernahkah anda menonton sebuah film horror, dimana ada sebuah objek misalnya manusia yang bisa menghilang begitu saja? Nah, seperti itulah yang akan kita bahas pada tutorial kali ini, seekor kuda tiba tiba muncul begitu saja. Dan perlu diingat, yang kita edit di sini adalah video, bukan photo . Dalam tutorial kali ini saya menggunakan software Adobe After Effects CS4, sebetulnya saya punya CS5, tapi karena spek computer belum mendukung jadi sementara masih menggunakan CS4.
Berikut adalah screenshot sebelum dan sesudah diberi effect, mungkin agak kurang jelas karena tutorial ini ditulis dalam bentuk teks. Anda dapat mencari tutorial video di Youtube, jangan khawatir untuk mendownloadnya gampang sekali, tinggal menginstall IDM ( Internet Download Manager ) dan hanya sekali klik video youtube terdownload dengan cukup cepat.


Bagaimana cara membuatnya? Effect ini akan semakin sempurna bila anda memberi sound yang cocok.
Mari kita bahas cara membuatnya ^_^

-Langkah 1 : Buka Adobe After Effects anda, di sini saya menggunakan After Effects CS4, bila anda menggunakan versi yang lebih terdahulu ( CS3 ) sebetulnya adalah sama.

-Langkah 2 : import video yang telah anda siapkan ke project window AE. Video yang harus dipersiapkan adalah video yang background nya sama, seperti video di atas, backgroundnya sama tidak berubah ubah. Video juga tidak goyang goyang, jadi untuk anda para pemula, bila ingin membuat sebuah effect yang bagus , maka pengambilan gambar juga harus diperhitungkan. Saya mengambil sebuah file video kuda dari youtube. Kita tahu bahwa format video di youtube adalah flash video (.flv). File video yang berformat flv tidak didukung oleh AE ( After Effect ). Jadi kita harus mengkonvert file flv tersebut menjadi format yang editable untuk AE ( dalam tutorial ini saya mengkonvert ke wmv , tapi anda juga dapat mengkonvert ke format lain selama disupport oleh AE contoh mpg, mpeg, avi, mp4, mov, 3gp ).
Anda mungkin bertanya, “bagaimana cara mengkonvert nya?” Untuk mengkonvert video mungkin di tutorial yang akan dating akan kita bahas, tapi berikut saya kasih tau caranya.
Di sini untuk mengkonversi  video format flv saya menggunakan wmv converter, software ini gratis yang dapat anda download di http://www.wmvconverter.org dan sesuai pengalaman saya , converter ini memiliki hasil yang lebih memuaskan dibandingkan dengan converter lain dalam hal mengkonversi format flv.

“untuk lebih detail mengenai konversi ( misalnya bitrate, audio video codec, dan lain lain ) akan kita bahas pada tutorial selanjutnya”
Mari lanjut ke import video yang sudah kita convert ke Project Window AE.
Double klik project window -> pilih file video yang sudah siap -> oke
*Project Window adalah sebuah mini window dimana kita meletakkan file file yang akan kita olah.

“di project window dapat kita lihat bahwa file yang kita import berformat wmv, berdimensi 320 x 240 px, memiliki durasi 36 detik, dengan frame rate 59.70 fps, beraudio stereo 44.100 kHz 16 bit”
-Langkah 3 : Buat composition, *Composition adalah rangkaian rangkaian proses untuk membuat effect. Nah, jadi kita harus membuat composition, ada beberapa cara membuat Composition ini, sebelum kita bahas cara membuat Composition ada sesuatu yang harus saya jelaskan.
*Bila semua effect video kita sudah siap, maka proses selanjutnya untuk menjadikannya video jadi adalah dengan prosess rendering. Rendering adalah prosess frame demi frame dari Composition kita. Proses rendering ini bisa cepat , bisa lambat tergantung dari settingan Composition kita. Mungkin anda pernah mengalami menambah Effect video yang berdurasi 10 menit kok rendering nya sampai 35 menit, nah itu merupakan kesalahan saat mensetting Composition yang tidak tepat.  Untuk mempercepat proses rendering maka settingan dari Composition harus sama ( Berbeda juga tidak masalah tapi mungkin akan lebih lambat ), misalnya sama dalam hal dimensinya , frame rate nya, format videonya, durasinya, dan lain lain .
Oke, kembali ke cara membuat Composition,
Ada dua cara, cara pertama dengan Composition -> new Composition

“pada gambar terlihat bahwa bila kita membuat Composition melalui menu Composition -> new Composition maka akan muncul mini window untuk mensetting Composition  yang akan kita buat. Seperti width, height, pixel aspect ratio, frame rate, duration. Nah, seperti yang saya bilang tadi untuk mempercepat rendering sebaiknya settingan dari Composition kita samakan dengan settiingan pada video kita, SEBENARNYA BERBEDA JUGA TIDAK masalah tapi akan berpengaruh dalam kecepatan proses rendering.”
Lalu bagaimana supaya bisa sama settinganya?
Nah cara yang kedua adalah di mini project window ->klik footage kita -> drag ke icon composition.
Footage adalah video yang sudah kita import ke project window.

“click footage -> drag ke icon Composition , maka otomatis footage akan mencul di timeline bawan dan di Composition window kanan, serta akan dibuat Composition baru dengan nama yang sama dengan nama filename footage”
Mari kita lihat settingan composition yang baru saja kita buat click Composition-> Composition Setting .
Lihat gambar:

-Langkah 4 : Oke, sekarang kita sudah punya Composition , sekarang click footage di timeline -> menu edit ( window  atas ) -> duplicate. Untuk membuat kuda hantu kita membutuhkan 2 buah video yang sama maka footage kita duplicate, lihat gambar:

-Langkah 5 : Sekarang kita akan buat footage bawah sebagai background,  geser slider untuk menemukan frame yang cocok sebagai background -> kemudian klik kanan footage bawah ->time -> freeze frame
Lihat gambar:

drag slider untuk menemukan frame video  background yang cocok”

“pilih time -> freeze frame untuk menstop video kita”, freeze di sini mungkin maksudnya sama dengan membekukan frame , jadi meskipun video jalan maka footage ini tetap diam seperti sebuah photo. Nah, footage bawah yang sudah kita freeze ini lah yang kita jadikan sebagai background. Jadi nanti backgroundnya tetap seperti ini (static), sementara footage atas yang nanti kita modifikasi .
-Langkah 6 : Drag footage atas,pilih gambar frame yang kiranya cocok sebagai awal kemunculan kuda hantu. Lihat gambar:

-Langkah 7 : Buat opacity keyframe pada footage atas, haduh, susah sekali menjelaskan, sebaikanya lihat pada gambar dibawah ini, semua penjelasan ada pada gambar:

“klik panah kecil disamping footage untuk memunculkan opsi transform”

“drag slider untuk memilih video frame yang cocok sebagai opacity kita yang 0%, kemudian click keyframe (samping tulisan opacity) dan isi nilainya dengan 0%”

“Oke, sekarang drag slider ke frame video yang akan kita jadikan opacitynya 100%, disini saya memilih sesuai gambar diatas, kemudian saya ubah dari 0% menjadi 100%”
OKE, SEKARANG SUDAH JADI KUDA HANTU KITA , PREVIEW DENGAN MENGKLIK TOMBOL PLAY DI PREVIEW WINDOW

“Apakah hanya sampai disini??? Tentu tidak, kita bisa menambahkan effect nya dengan path , fractal noise kemudian dimatte , akan menghasilkan sebuah effect yang sangat mengagumkan, tapi karena tutorial ini sudah sangat panjang, maka cukup sekian saja tutorial dari saya. Semoga bermanfaat.

3. MEMBUAT TEKS ANIMASI

Teks berupa animasi  umumnya digunakan pada introduksi atau opening title juga sub title di dalam sebuah video. Salah satu fungsinya untuk mendeskripsikan atau mempresentasikan sebagian atau keseluruhan dari video yang ditayangkan, selain juga tentunya untuk mempercantik.

Walaupun ini termasuk tutorial Animasi dasar dari After Effect, tapi tidak akan terlalu jauh untuk menjelaskan fungsi-fungsi tools beserta cara penggunaan secara mendetail, karena hal itu sudah dibahas di sini
Sebelum memulai, sediakan segelas kopi panas dengan diiringi lantunan musik jika memang diperlukan untuk merilekskan suasana :)

Ok, langsung saja saya mencoba berbagi Langkah - Langkah praktisnya dalam membuat Teks Animasi di Adobe After Effect 

1. Buka Program / Aplikasi After Effectnya di Laptop atau PC anda, bro.

2. Lalu buat composition baru, dengan mengklik icon “New Composition” seperti terlihat pada gambar di bawah :


3. Untuk memudahkan dalam pengingatan nantinya, Anda bisa mengganti“Composition Name” dengan nama sesuai proyek.


4. Jika Anda kesulitan menempatkan keserasian dan keseimbangan teks, Anda bisa menggunakan Title / Action Safe sebagai alat bantunya, seperti terlihat pada gambar di bawah : 


5. Setelah itu, klik Teks Tool, dan tuliskan teks yang diinginkan, atur juga seperti tipe teks yang dipakai dan ukuran huruf beserta perpaduan warnanya. 
Sebagai contoh, di sini saya menggunakan teks “ILMUGRAFIS.COM SEMOGA BERMANFAAT” 

Silakan buat tulisan / teks sesuai yang Anda mau, jangan terpatok dengan yang ada di tutorial

6. Setelah hal itu dilakukan, tibalah kita pada bagian membuat efek animasinya yaitu dengan menggunakan fasilitas “Effects  dan Presents” yang berada di Pallete (sebelah kanan),  kemudian pada bagian Contain ketik “decorder”


Nanti akan muncul “Decorder Fade In.” Silakan drag “Decorder Fade In” ke kiri menuju ke bagian layer text, seperti terlihat pada gambar di bawah ini :


7. Setelah itu, bisa langsung dilihat (direview) hasilnya dengan mengklik tombol “Play”Pada Time Controls, atau juga menggeser indicator di bagian timeline ke kanan.


8. Langkah terakhir, setelah yakin dengan hasil karya Anda, maka sekarang kita sampai ke tahap me-render (finishing), caranya dengan klik Composition > Make Movie… yang berada di Tool Bar lalu klik “Render”


9. Tunggu sampai proses render selesai, sambil menunggu, kopinya disruput lagi gan sebelum keburu dingin :)
Nah, ini dia hasil akhirnya yang sudah ditambahkan ini dan itu, gan

Hasilnya : 

Teks Animasi dengan After Effect http://www.youtube.com/watch?v=_lTvzRIzs_c

Karena ini hanya membahas Membuat Animasi teks dasar saja, maka untuk memberikan suara, efek, dan pernak pernik lainnya mungkin kawan-kawan lainnya akan membantu, atau nanti kalau banyak waktu luang  dan ada umur panjang selanjutnya ane akan share lagi. Silahkan Anda inovasikan sendiri sesuai dengan selera dan imajinasi Anda yang ane yakin akan lebih dahsyat lagi daripada ini.
Semoga bermanfaat dan terima kasih.