Sunday, 8 November 2015

Modul Dasar After Effect


Modul Dasar After Effect

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. Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7QYSedYYKnzTpOYz36b9YXh1-FKyakQ-Ee5yMVSId9pfLkIwwA7nKiFzyE1YCsrmBtbyma31QNcVxRTXu5TPkoBso7XgIsbDiShA44G04IZoRPSWf9pMRO_cRl3JrgB-WqiuWFqDdw/s400/01.jpg
2. Butlah teks menggunakan Type Tool (Ctrl+T). Disini, saya membuat huruf PERMANA. Itu kepanjangan nama saya gan, sekalian buat watermark… hehehe (Baca: Narsis).
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWPcOoZbzsLa23QROLZ51E6gBXt_-ekWGw9RFR_5cnnrIrivx5jPudw05HOSklafrTKvjNefKDyt_k4VVPNBhoHsiscW8nrPRrb2cbfXd9V_9O_ebVi8QH-LDVFCsh7gDvbk2dyCEqA/s400/02.jpg
3.  Seleksi layer teks, lalu pada menu Effect > Generate > Ramp.

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju2FhshCEpmIPF1lGjFLcCxFD6hGNJIQ-2mLcak7JNCFFrkBNOa3fUBWDW9uC_LBc-PSpP9VypcdG4SD37hvkRn5HdzZB2DsCzT0R2oUGAbgh5NGXNkwhcwoBjhbV1E9GTBwZQPj6Euw/s400/03.jpg
4. Nah, pada parameter Ramp, atur Start Color=hitam dan End Color=putih lalu atur Point/Titik warna seperti gambar dibawah.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8cYPPUzmcjBdrkoE5MP_EZ4D0-eIobcEQEzBuAw1HNmw04TFUzFYoGrCCO-EflrE6dNyQ9vE2YKY5twnK0XWrEYCAY5cX4GXap1xE-87WAhSH9ypBO67UsKOvl8OhjFh6hG0Wt-6Plw/s400/04.jpg

5. Dengan menggunakan
 Pan Behind Tool (Y), geser Pivot/Pusat gerakan ke tengah-bawah teks. Lebih jelasnya silahkan lihat gambar dibawah…
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkWLVjzkntPcaPXPgeIEJFyAX-_9aFjs-6o9ma12ipSxL4lOAT-oNHN6uYKJA5_wxtRCmVAHG0-GRa63RMiewRVogh94yesk29iCMDfC6jzUvjr9ZdSfM5TJwXxvamTUuAglmH_NvyWQ/s400/05.jpg

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

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh41cjul5Hk5ls5ttYamusxeHUfH_ezP9I58RaberVK-hzJe6sg-1KcRiftki9VQfJ0tpTkDZIwwdw89WhkKxxHlWRIsKgAC7o5LGo8e0-AAsZZnIutx55eeoUpLgTU5h9NIxttcDLbDQ/s400/06.jpg
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.

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4t71RxKpNesL-pVtpaWR_0Pmywo75UlrOe_0gN-_uuX3p9ZG60BWSr77EHH2mqhmRCOu5J_rTqPwQAalLDQ-KnjZY0tQuJHZzYs6VJrLhQot0jc2NbmXqLcHGKB0_37WptbEsd5VAWQ/s400/07.jpg

8. Seleksi kedua layer lalu tekan
 Ctrl+Shift+C. Pada jendela Pre-Compose yang muncul, ubah namanya menjadi teks lalu klik OK. 
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtZFSUIs1hMLDZujxomBsUgm9D5F6GH3ju8Icf4bRQceI9PRKtZ9fjbcLMkwQpiyiWnCQlsdyL3yXh3N0EfdQ25t9O58ABCxIpHB7Egy-la34D3NN-AJRiGH3_fQ31AqEi5LfLgxWzKA/s400/08.jpg
9. Di Composition Intro, sekarang kedua layer teks akan menjadi satu.

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sa8lfT0-Ht0M5t7GAl4KTKdbMG8rzlbPIUYbpLTNjGmPzAT_6LJOBSj7xi_6w2XDoTsutVNCxs7R4vefOcW1v4C91tyiYqo6KeqHPCFmjkXH8C6ywwVKQUuuTNI0vpM9xQmnWJVOCg/s400/09.jpg

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

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm86XLefQZfnlcTWr7l_NgTIdHtx8h4gA27XV5IhZkbT9OQi6pIv15dGuVusiEM4jQx8Fe5pFUHq_nk2GBlLYJ6MnaemXidcnN9aI5ecnOtxvqigQ5q3z7bPxcPTeBU0gxvKFii8q0iQ/s400/10.jpg

11. Ubah semua layer menjadi
 3D  dengan mengaktifkan ceklis 3D Layer berbentuk kubus sehingga terlihat seperti gambar bawah.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPc18TaVKwEwgVjUH48EN43zUg3KM58RnPGTTYfGSgerR1ivuR2jDnfaWhCM1QtvaISIeXVjqadwmWQt8OV8w2DLCZe7Z6J-s7JD3TJbyN1Q3UVNpCGuunuVu33lX9nYC_U16vqRsjqw/s400/11.jpg
2. Mada menu Layer > New > Camera. Pada jendela yang muncul, klik saja Ok. Disini, kita membuat layer kamera.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsF3HalOVHCqnPREad9tZf6IrEIIH8Pi5R4cF8kv86t4ZyuIXIbj7Rhhk59yncrgAfauL5U1XmgZ3t5SlSVA32E4K1YZ-BjxgLxQMq0ltwNgK5y724assXk8u58wbxg4vjIqUjbKS3kg/s400/12.jpg

13. Kembali lagi ke menu
 Layer > New > Null Object. Nah, disini kita membuat Null Object yang akan mengatur gerakan kamera.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHsh95AC9KuEpfFKkSOJL-P9Hn4D5UqSrRxYmLJ588EMS_rWKDNyQ9A1svRb3ocetg7CiLFIs1Zr3PwQCRvJd4jiI9T8tFxf8w1YsH0jElQjkmgxYCq3RdmEN92jg33PNQT9XrEyYI0g/s400/13.jpg

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.. 
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6jkYik0mxuPV5IHo9XIDYVEACz8Gqk0B5ORB6ePQfTeW9qAWqjgYneICu58DH-BvmtBwkrDnMJj2TAQnao2qtV8JikWsLVYCmJZehvLBacvFYWT1RTBWnXPTZjNo5h7Nm5C0S0ZqVg/s400/14.jpg

15. Seleksi layer teks lalu duplikat dengan
 Ctrl+D dan ubah layer teks yang baru ini namanya menjadi Bayangan.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRCF4NQF-i7YDKuJzc_oLW9ott82uikb5y6uKd9Bpo76KXDqFcN0litt58XZDoIyj2FJspiopqhb21RqfOXI1da3hj4Py6hYX2B3aPGLKLxsC0-j5Nz0OcJZuq4iuX1KkxGJHivJXqXg/s400/15.jpg

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

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgs06Sh0Lptm0WwRDwoZnB2I-XjvaqT-zMzIomBRYHS-1txSswsPym5aUYBL3oIR4WAHdADebwBs08ywqVurS5Pr6MzzUVqWhHQmvJbmSiNXG5L9me6KnhlVrs8b38XCtPnQh9857rA/s400/16.jpg

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

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenQvL1EuXrMTBOsNbHguUaDK3k3MOTHAOEej4apaTBsgeBN2ibjpaXPuAvf9EIvmJKHdygE2R0yDiD63ucaD2wE_rNsF7Mo1npVmCnLz9wUpSrQIcZ0w1gp-RNRlQ9Cimb3liz33QYA/s400/17.jpg

18. Masih layer Bayangan dalam keadaan terseleksi, pada menu
 Effect > Generate > Fill.
 
 
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGdGMDNJgPTLxKCmJpbyn33VJRHUkh0Hi-KPz-fITBnB2uvvZ1Ut0fxmo-arbQ3XEWnffgEJ_a05DEgzhmcGYyyXrGUT2pFj6gLodhf476AOnc6u00QYDrIuQWVwWByNwaCp8Sg3wi_Q/s400/18.jpg
8. Masih layer Bayangan dalam keadaan terseleksi, pada menu Effect > Generate > Fill.
 
 
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGdGMDNJgPTLxKCmJpbyn33VJRHUkh0Hi-KPz-fITBnB2uvvZ1Ut0fxmo-arbQ3XEWnffgEJ_a05DEgzhmcGYyyXrGUT2pFj6gLodhf476AOnc6u00QYDrIuQWVwWByNwaCp8Sg3wi_Q/s400/18.jpg
 Ubah Color menjadi warna hitam. Sekarang, teks terlihat mempunyai bayangan…..

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiom5bbWE-DzdXauHE8bMtvoyGcY9rGTa8tHjJn_2vR0mUFn925-6Lzow_kWEKeXx373Jw0o8_yulTMBjJjMyv2xodW5Ic7RLdl03JNyQDpYXSlNZdbPWsbE27FaGikY_6VBfHza35TRg/s400/19.jpg
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).

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLeaZKDPPcNVFWqCQ-adYX2tWEdwQ5tWnu57jcNfO38DbfDPTSQGLsiB66mN7iZLtE6ER0XqpNd0iVrFkTsPqglAgFcYf8zW-Ka6CyqzZHApK8o4sbDrm4FlHFbTViD1NPt8mjAScqg/s400/20.jpg

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.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7noIV86RCKDXRP16b2rA_xNatKLCL6L0aG8p4Xbcn1AMiHMGGixzPqmi47NFZ-AphHpUy4eP-f5t0GgTYqcOFAWd1EQpkYvZsj08dDTdmFhmH3HUadEFUgW8l3zBFqjerbwgzXW5wSw/s400/21.jpg

21. Geser timeline kurang lebih 3 sampai 4 frame kedepan, lalu geser posisi layer Teks kebelakang, kembali seperti semula.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2FyCzU0CcpIZzk023TyZGjezyFcAfBklRNpCWdfa1Wymzr-eSBTz9j1flcorWuxW6Rwf8R5WT8TjW0Lyk-B-etwTAeuxO5W-1lPRqMzv3a1mZ4Sx-BZE7T8m8HspWfZh6b41wfwz5JA/s400/22.jpg

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

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTYRhvzDuUWRnJLL6bs4Q1jKlxiJLsi0X56aOYqMdcUg_VYs-W73IW_MV4lHeHDpBMUzs_17q6HGtCmUKETBc6hfPuagL5vDv1-ZX3U3gNlkG7uXnZjfWUeoLF_SU_RPDDJRtQdOMkQ/s400/23.jpg

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 ikonStopwatch untuk membuat keyframe. Aktifkan enable Motion Blur lalu aktifkan Ceklis Motion blurdisemua layer kecuali Null Object.

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHkStARFloYeZP2JOxUiUYRtubG-l2k64WusU67DdUFV5SzwlbtXSBmIAT67qr8ZIAIO6fEWhK570UmvKLupjx27ggcJN7xNxBKnreUNlUGKYYh6emSw4eQsn2ddCVs1-3h8MszsjO5g/s400/24.jpg

24. Geser timeline kurang lebih  3 sampai 4 frame kedepan (sejajar dengan keyframe layer teks), lalu atur nilai opacity menjadi 100%.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz13ERTvMrBwI0JSqoLD1IP8wNM6FY8MVrwPIND9SRP3NQsozpG9CoYuIeQMephn8ZF5C-Krjcbh49jIel6jVdmoyMRMiKrkQJgHrM-V3wEtPM0FtkLv1Fdx91O_CNcTq4X_SWLHfNPw/s400/25.jpg

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.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi51ZhxwU5kSkMRGWgLUh0xr5xwcA8tExmZmKFT5Vz1t2JUbzQTfKOxrv9G0EOPr_FMQng2d5AFu-Fmy398xGkEQAohEmm0u8Z0gzHEOZAqCGDouHcRc-3-ErF4y1HwLoN0fgeyMgUCw/s400/26.jpg

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.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhaWp4jdAxZ6qYHrlLgvvk8jFrb_eGfP0BvS_OwLIDUV9WLeQ0LxyzsKUbd-dmpt-nW6wE6Dpm6nSufeNgQsOXaiiTOylKN-27gmyPyAlvx-PT1_q7R9LTIUzKs17W77JDbKKTYBiFQ/s400/27.jpg

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.
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahKhaty0eeOV7g2czjOlvFFt8V3EeeWw0457s6SUN2xvxKPtAo-sWhLbtf9VgKnwF3Pdc6GQIzLyGFdRBCcJtremW1nq8h7N5qOlBEqJ5K5qYhvAaLJoLFYPX86WTQJZTJ6CKvvDzEQ/s400/28.jpg
28. Daaann... coba klik tombol Play atau gunakan tombol Spasi pada keyboard untuk melihat hasilnya. Saya mendapatkan hasil seperti gambar dibawah:

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNRa8YSGKtYxpmjZMMX71sq_xWRvO7zdjgq1gsai7hRdvd2ZDpLL87407HnIqW3h3zYlpMESaywQ2B3AcGriU8xyapisAkPt12fKV8qyjbVYQzuWt8Sd1SUJDcDZ53e4Yj_yMZ1Tq5dw/s320/render.gif


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

0 komentar:

Post a Comment