after effect intro.doc

36
1. Pertama, buat dulu Compositon baru pada menu Composition > New Composition . atau gunakan Shortcut Ctrl+N supaya lebih gampang. Atur namanya menjadi Mograph_Percobaandengan ukuran Width=720 dan Height=480. 2. Setelah membuat Composition baru tersebut, tampilan After Effect akan menjadi seperti gambar dibawah. 3. Sekarang buat lagi Composition baru dengan Nama Kotak_BG, dengan ukuran Width=352 danHeight=288 lalu tekan OK!

Transcript of after effect intro.doc

Page 1: after effect intro.doc

1. Pertama, buat dulu Compositon baru pada menu Composition > New Composition . atau gunakan Shortcut Ctrl+N supaya lebih gampang. Atur namanya menjadi Mograph_Percobaandengan ukuran Width=720 dan Height=480.

2. Setelah membuat Composition baru tersebut, tampilan After Effect akan menjadi seperti gambar dibawah.

3.  Sekarang buat lagi Composition baru dengan Nama Kotak_BG, dengan ukuran Width=352 danHeight=288 lalu tekan OK!

Page 2: after effect intro.doc

4.  Nah, sekarang anda akan berada pada timeline: Composition Kotak_BG. Anda bisa beralih ketimeline: Composition Mograph Percobaan dengan mengklik tab yang berada di sampingnya.

5. Masih di Compositon Kotak_BG, buat layer solid baru pada menu layer > New > Solid

Page 3: after effect intro.doc

6.  Atur nama nya: Layer_Solid dan klik tombol Make Comp Size supaya ukurannya menyesuaikan dengan ukuran Composition.

7. Seleksi Layer_Solid, lalu pada menu Effect > Generate > Ramp.

Page 4: after effect intro.doc

8. Di parameter ramp tersebut, atur Start Color=hijau tua, End Color=hijau muda, dan ramp color=radial ramp. Atur titik point radial ramp seperti gambar.

9. Duplikat Layer_Solid menjadi 3 buah layer menggunakan Shortcut Ctrl+D.

Page 5: after effect intro.doc

10. Ubah nama Layer ke 2 dan ke 3 menjadi Bingkai 1 dan Bingkai 2. (untuk mengubah nama, cukup seleksi layer lalu tekan Enter).

11. Seleksi semua layer lalu tekan tombol S untuk membuka pengaturan Scale (untuk mengubah skala/ukuran). Ganti nilai Scale pada Layer_Solid menjadi 80%, Bingkai_1 menjadi 90%. Untuk Bingkai_2 ukurannya tetap 100% gan…

Page 6: after effect intro.doc

12. Seleksi lagi semua layer lalu tekan tombol T pada keyboard untuk membuka pengaturan Opacity(untuk mengubah transparansi). Atur nilai Opacity 80% pada semua layer.

13. Sekarang, kembali ke timeline: Composition Mograph_Percobaan dengan mengklik tab seperti gambar dibawah. Pada panel Project, drag atau masukkan Composition Kotak_BG ke Timeline.

Page 7: after effect intro.doc

14. Duplikat Composition Kotak_BG tersebut menjadi 4 buah seperti gambar dibawah.

15. Buatlah teks menggunakan Type Tool, lalu ketik teks yang diinginkan ke ViewPort. Misalnya saya memasukkan “Teks 1”.

Page 8: after effect intro.doc

16. Duplikat juga layer teks ini menjadi 4 buah.

17. Posisikan letak layer teks dan Composition Kotak_BG selang-seling seperti gambar dibawah. Jadi tiap layer teks berada dibagian atas Composition Kotak_BG secara berpasangan.

Page 9: after effect intro.doc

18. Seleksi pasangan pertama dibagian atas (satu layer teks dan satu composition Kotak_BG) lalu tekan Ctrl+Shift+C. Pada jendela Pre-Compose yang muncul, ganti namanya menjadi Teks 1. Nonaktifkan ceklis Open New Composition supaya kita tidak berpindah Composition.

19. Sekarang seleksi pasangan kedua, lalu tekan Ctrl+Shift+C. pada jendela Pre-Compose yang muncul, ganti namanya menjadi Teks 2. (pasangan kedua ini adalah layer teks 2 dan Composition Kotak_BG dibawahnya).

Page 10: after effect intro.doc

20. Lakukan juga pada pasangan ke-3 dan ke-4 sehingga agan mendapatkan 4 Composition pada timeline dengan nama Teks 1 sampai Teks 4 secara berurutan kebawah seperti gambar.

21. Ubah semua Composition menjadi 3D dengan mengaktifkan ikon 3D bergambar kubus pada timeline.

Page 11: after effect intro.doc

22. Ubah pandangan View 3D Popup menjadi Top, lalu seleksi Composition Teks 1 pada timeline. Dengan menggunakan Pan Behind Tool (Y), geser pivot/pusat gerakan ke belakang seperti gambar dibawah.

23. Ubah kembali pandangan View 3D Popup menjadi Active Camera lalu seleksi Composition Teks 2 sampai Teks 4, dan  ubah Parent = Teks 1. Untuk lebih jelasnya silahkan lihat gambar gan…

Page 12: after effect intro.doc

24. Seleksi Composition Layer 1, lalu tekan tombol R untuk membuka pengaturan Rotation/Putaran. Pada Y Rotation, ubah parameter nya menjadi 0 x +90 (agar berputar 90 derajat pada sumbu Y).

25. Ubah parent Composition 4 menjadi None .

Page 13: after effect intro.doc

26. Ubah kembali parameter Y Rotation pada Composition Teks 1 menjadi 0 x +180. Dan… ubah parent Composition 3 menjadi None.

27. Masih di Parameter Y Rotation, ubah nilainya menjadi 0 x +270 lalu ubah parent  Composition 2menjadi None.

Page 14: after effect intro.doc

28. Sekarang, ubah lagi parameter Y Rotation menjadi 0 x +360. Maka otomatis nilainya akan berubah menjadi 1 x +0.0 ( artinya, layer sudah mengalami perputaran sebanyak 1 kali putaran, karena 360 derajat = 1 kali putaran).

29. Seleksi 3 Composition paling bawah (Comp Teks 2 sampai Teks 4) seperti gambar di bawah, lalu ubah parent menjadi Teks 1.

Page 15: after effect intro.doc

30. Nah, sekarang coba drag parameter Y Rotation ke kiri atau ke kanan menggunakan Cursor, maka otomatis semua Kotak akan berputar sesuai dengan perubahan parameter Y Rotation. Pada dasarnya, untuk membuat video seperti di atas, saya menganimasikan parameter Y Rotation ini pada frame yang ditentukan.

31. Sebelumnya kita sudah mendesain layer dan Composition, dan menghubungkan layer-layer  tersebut agar dapat bergerak secara bersamaan. Saya menambahkan Layer kamera, agar layer dapat dilihat dari berbagai sudut pandang dengan mudah.

Page 16: after effect intro.doc

32. Kalau anda ingin mengganti huruf pada masing-masing Composition, caranya double klik Composition yang ingin diganti hurufnya pada panel project, lalu composition tersebut bisa  anda edit di timeline. Saya mengubah huruf pada Comp. Teks 1 dengan Visual Effect, Teks 2 dengan Desain Grafis, dan seterusnya.

33. Sekarang, kita memasuki tahap animasi. Seleksi Comp Teks 1 lalu tekan tombol R pada keyboard untuk membuka parameter Rotation. Posisikan timeslider agar berada pada detik ke-0 (nol) di timeline, dengan nilai Y Rotation 0x +0,0.

Page 17: after effect intro.doc

34. klik ikon stopwatch pada Y Rotation untuk membuat keyframe, lalu atur nilanya menjadi 0x -35.

35. Geser timeline ke detik pertama (01s) lalu atur nilai Y Rotation menjadi 0x +25 seperti gambar dibawah.

Page 18: after effect intro.doc

36. Geser timeline ke detik kedua (02s), lalu atur nilai Y Rotation menjadi 1x +60.

37. Geser timeline ke detik ketiga (03s), lalu atur nilai Y Rotation menjadi 1x +110.

Page 19: after effect intro.doc

38. Geser timeline ke detik keempat (04s), lalu atur nilai Y Rotation menjadi 2x +150.

39. Geser timeline ke detik kelima (05s), lalu atur nilai Y Rotation menjadi 2x +200.

Page 20: after effect intro.doc

40. Geser timeline ke detik keenam (06s), lalu atur nilai Y Rotation menjadi 3x +240.

41. Geser timeline ke detik ketujuh (07s), lalu atur nilai Y Rotation menjadi 3x +300.

Page 21: after effect intro.doc

42. Terakhir, supaya animasi tampak lebih hidup, aktifkan motion blur. Caranya aktifkan tombol Motion Blur diatas panel layer, lalu aktifkan ceklis motion blur pada semua Composition dan layer seperti gambar dibawah.

Ya…. Sebenarnya nilai-nilai pada langkah langkah diatas tidak harus sama persis. Anda bisa bereksperimen dengan nilai-nilai tersebut untuk mendapatkan bentuk animasi yang lebih bagus. 

Page 22: after effect intro.doc

Berikut adalah langkah-langkahnya. Cekidot....

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

Page 23: after effect intro.doc

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…

Page 24: after effect intro.doc

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.

Page 25: after effect intro.doc

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.

Page 26: after effect intro.doc

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…

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

Page 27: after effect intro.doc

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.

Page 28: after effect intro.doc

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.

Page 29: after effect intro.doc

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 titikCenter jauh ke atas seperti gambar dibawah.

Page 30: after effect intro.doc

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

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

Page 31: after effect intro.doc

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.

Page 32: after effect intro.doc

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.

Page 33: after effect intro.doc

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

Page 34: after effect intro.doc

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.

Page 35: after effect intro.doc

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.