Text Animation dan 2D Animation Typeface

Hallo assalamualaikum, yaa lagi lagi aku update pengalamanku tentang pratikum animasi 2D. Okay langsung aja, di pratikum ini aku membuat duah buah animasi yang pertama Text Animation dan lanjut 2D Animation Typeface. Dan seperti biasa, yang dibutuhkan hanya sebuah laptop dan software Adobe After Effect di dalamnya. Dan berikut tutorialnya...

Text Animation

1. Buka software Adobe After Effect, buat new composition dan atur sebagai berikut
   
2. Setelah itu buatlah tulisan seperti ini, atau bisa tulisan lainnya yang kamu inginkan
   
3. Kemudian duplicate layar tersebut dan ganti tulisannya menjadi seperti ini, jangan lupa matikan simbol mata pada layar kedua agar tidak membingungkan 
   
4. Pindah layar baris kedua di barisan pertama dan ganti warnanya menjadi warna merah
   
5. Masing-masing layer buat pre-compose denga cara klik kanan dan pilih pre-compose, lalu rename layer keduanya menjadi 01 dan 02
   
6. Setelah itu untuk layer 01 berikan effects dan presets "Card Wipe" dan atur sebagai berikut
   
7. Pada detik ke 0 ubah Transition Completion menjadi 0% dan pada detik ke 2 menjadi 100%
   
   
   
   
8. kembali lagi pada detik ke 0, ubah Z Jitter Amount menjadi 0, pada detik ke 1 menjadi 15 dan detik ke 2 menjadi 0 lagi, setelah itu seleksi semua keyframe tersebut dan buat easy ease(F9)
   
   
   
   
   
   
   
9. lalu duplicate layer tersebut dan pada layer yang sama (layer baris kedua) berikan effects dan presets "Fill", setelah itu ubah warnanya menajadi orange
   
10. kemudian pada detik ke 0 ubah X Jitter Amount dan Y Jitter Amount menjadi 2 dan pada detik ke 2 menjadi 0
    
    
    
    
11. setelah itu klik dua kali pada layer 01 lalu ubah tulisannya sesuai keinginan kamu, begitupun juga pada layer 02
    
    
    
    
12. lalu pada layer 01 di baris kedua berikan effects dan presets "Glow" dan atur sebagai berikut
    
13. Pada detik ke 0 ubah Glow Intensity nya menjadi 0, detik ke 2 menjadi 3 dan detik ke 3 kembali menjadi 0
    
    
    
    
    
    
    
14. Nah setelah selesai, render animasi tersebut (ctrl+m) atau bisa juga di menu file pilih export

Berikut ini hasil animasi yang sudah aku buat 

2D Animation Typeface

1. Create New Composition. Atur seperti gambar diatas.

2. Ctrl + T dan ketik huruf A. Pilih font sesuai keinginan dan pilih yang reguler.

3. Pilih rectangle shape dan buat rectangle yang tidak terlalu besar.

4. Atur seperti pada gambar. 

 5. Atur keyframe seperti pada gambar

6. Block keyframe dan tekan F9 pada keyboard untuk Easy Ease. Lalu klik Graph Editor

7. Blok grafik dan klik kanan kemudian pilih edit speed graph

7. Atur seperti gamar diatas. sebelumnya blok pada bagian keyframe untuk memunculkan garis kuning,

8. Duplicate layer tadi dan namai sesuai dengan angka yang berurutan. untuk duplicate layer bisa menggunakan Ctrl + D. Duplicate sebanyak 7 kali

9. Atur letak persegi panjangannya hingga menutupi huruf A.

10. Select semua duplikat layer 1-7 kemudian klik kanan - Pre composed dan ubah namanya menjadi Matte.

11. Klik Toggle Switches pada bagian bawah timeline.

11. Klik pada none dan pilih Alpha Matte

12. Klik Pen Tool pada Shape Layer 1

13. bentuk seperti pada gambar.

14. Rename Layer Shape Layer 1 menjadi "AC"

15. Atur position sesuai pada gambar. kemudian tekan F9

16. Tekan ALT kurung kurawal buka untuk memotong pada bagian seperti gambar dan diakhiri dengan alt kurung kurawal tutup.

17. Duplicate layer AC. dan lakukan pengautan seperti diatas.

18. Block seluruh layer dan klik kanan - Pre composed.

19. Ubah nama menjadi Main_A

20. Search "Fill" pada tab Effects & Presets dan double click.

21. Ubah warna menjadi putih. Setelah itu duplicate sebahanyak 2 kali

22. Posisikan layer kedua dan ketiga pada 5 frame dan 10 frame

23. Ubah warna layer 2 menjadi biru

24. Ubah layer 3 menjadi merah

25. Search effect Blind. Pilih venetian blinds

26. Lakukan pengaturan seperti pada gambar diatas.

27. Create new shape layer dan pilih pen tool dan lakukan seperi pada gambar

29. Hilangkan fill dan pertebal border linenya menjadi 5 px dan ubah warnanya menjadi putih.

30. Pasang keyframe pada bagian end. Pada detik ke 0 ubah menjadi o % kemudian pada 10f ubah menjadi 100% dan kembalikan pada nol. lihat video untuk lebih jelasnya

31. Kemudian juga atur startnya sesuai pada video tutorial.

32. Block keyframes dan tekan F9

33. Ubah grafiknya seperti pada gambar diatas.

34. Kemudian lakukan pemotongan. sesuaikan dengan awalmula keyframe sampai akhir keyframe. ubah nama layernya menjadi stroke.

35. Setelah itu tekan pen tool dan buat garis sepeti pada gambar. copy keyframe pada layer dua dan pastekan pada layer 1. Ubah nama layer 1 menjadi stroke juga.

36. letakkan keyframe sesuai dengan gambar diatas. Setelah itu block seluruh layer dan pre composed. Ubah namanyamenjadi A.

37. Duplicate dan klik kanan pada hasil duplicate. pilih time reverse layer.

38. Dan posisikan layer seperti pada gambar diatas. Video anda sudah siap dirender dan export. Jangan lupa untuk mengganti Loseless menjadi H 264. Selamat mencoba

Berikut ini hasil animasi yang telah aku buat