Sabtu, 18 November 2017

Advanced Neon Text Animation

Standard
Kali ini kita akan membuat animasi text dengan effect animasi neon dengan menggunakan Adobe After Effect. Tutorial ini dapat dipraktekan di Adobe After Effect versi CS3 ke atas. Kali ini Saya menggunakan versi CC 2018. Kemudian di tutorial kali ini menggunakan plug-in Trapcode Suite 14, namun bisa juga pakai Trapcode Suite 13, karna plug-in yang digunakan adalah Trapcode Star Glow. Plug- in ini terpisah dari Adobe After Effect, dan dibuat oleh Red Giant. Anda dapat mengunduh dan menginstallnya sendiri. Pastikan saat menginstall plug-in, semua aplikasi Adobe tidak ada yang terbuka. Untuk mem-praktekan materi ini, anda dapat mengunduh file melalui link di akhir tutorial ini.



Langsung saja, dan seperti biasa, panggil si After Effect

1. Buat Composition baru (CTRL + N) dan beri nama sembarang. Atur durasi 10 atau 6 detik. Resolusi yang saya pakai 720 dan frame 30fps.
2. Kini kita akan membuat background. Buat layer solid baru (CTRL + Y), atur seperti dibawah ini.
3. Selanjutnya, import file lens flare yang saya sediakan (atau anda dapat mencari sendiri agar berbeda), lalu ubah mode layer menjadi Add agar warna hitam di layer tersebut menjadi transparan.
Jika anda melihat tutorial melalui video, durasi light leaks tidak sesuai dengan durasi composition, jadi saya duplicate untuk durasi berikutnya, lalu saya Pre-Compose untuk menghemat space layer editing.

4. Kemudian buat tulisan yang anda inginkan dengan Text Tool. Sesuaikan ukuran dan posisi sesuai yang anda inginkan. Disini saya memakai tulisan NEON dengan font Uni Sans.
5. Jika sudah, pastikan layer text terseleksi. Buka menu Layer, cari dan klik Create Make Masks from Text.
6. Layer baru (Mask/Path) akan ditambahkan secara otomatis di Composition anda. Layer text pun tetap ada. Layer baru ini akan bernama sesuai teks yang anda ketik, lalu ditambahkan “Outline” setelahnya. Contoh : Neon Outline
7. Di panel Effect & Presets, ketik “Stroke” di kolom pencarian, lalu tambahkan effect tersebut pada layer Neon Outlines.
8. Selanjutnya, di parameter Paint Style, ubah opsi menjadi Reveal Original Image.
Pastikan opsi All Masks non aktif, karna kita akan menganimasikan huruf satu persatu. Jadi kita bisa meng-custom animasinya sesuai selera kita.
9. Atur parameter END dari panel Effect controls menjadi 0,0%, pastikan Current Time Indicator berada di 00:00:00:00 (awal). Jika sudah, klik icon Stopwatch yang akan menghasilkan keyframe di timeline kerja anda.
10. Lalu geser Current Time Indicator ke 00:00:01:14, ubah parameter END menjadi 100%
11. Silahkan play hasil kerja sementara anda. Dilihat bahwa gerakan animasinya sangat kasar.
12. Bagaimana cara menghaluskanya ? Klik icon anak panah di sebelah kiri Layer Neon Outlines, Klik icon anak panah Effect, lalu klik icon anak panah Stroke. Akan terlihat 2 Keyframe yang sudah kita buat ditahap 9-10.
13. Seleksi keduanya, lalu klik kanan tepat diatas keyframe. Pilih Keyframe Assistant, lalu pilih Easy Ease In (F9)
14. Agar lebih kece, kita buat animasi makin melambat pada akhiranya. Buka Graph Editor (Icon disamping icon Motion Blur) 
15. Akan terlihat path seperti ini, ubah path pada keyframe 100% menjadi gambar berikut ini. Lalu silahkan play, kita lihat, makin halus bukan ?


16. Sekarang kita beri efek neon. Beri effect Starglow buatan Red Giant. 
17. Klik icon segitiga di Colormap A, pada tab preset, ubah preset menjadi Enlightenment. Lakukan hal yang sama pada Colormap B.
18. Huruf N sudah selesai, bagaimana dengan EON ? Cukup duplicate sesuai dengan jumlah path yang dihasilkan dari text anda. (Catatan : Jika huruf anda berlubang, Contoh : O, path yang dihasilkan ada 2, yaitu bagian luar dan dalam, Jika B maka path ada 3, Bagian luar dan bagian dalam ada 1)
19. Jika sudah, pada panel Effect Control, di tab Path, ubah sesuai huruf yang belum ada. Perhatikan video yang sudah saya sediakan.
20. Animasinya sudah jadi, tapi mengapa masih Nampak membosankan ? Mari bermain main dengan urutan animasinya. Ubah urutanya menjadi abstrak seperti yang saya contohkan. Disini saya meletakan Layer O (dalam) diurutan terakhir dan diberi jeda, agar unik
21. Karya anda sudah jadi, tapi mari kita variasikan sekali lagi.
22. Pre-Compose Composition semua layer “(Text anda) Outline” menjadi satu.
Di parameter Scale (S) buat animasi Scale sekitar 120% pada 00:00:00:00 (Jangan lupa aktifkan icon Stopwatch), lalu 100% pada akhir Composition (Tergantung pada durasi Composition anda)

23. Jika di play aka nada animasi Zoom Out yang membuatnya menjadi semakin dinamis.

Dan jadi sudah karya anda. Jika ada yang ingin ditanyakan dapat bertanya di kolom komentar di blog atau di Youtube saya.

SIlahkan unduh materi untuk tutorial ini. KLIK DISINI


0 komentar:

Posting Komentar