Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe
After Effects 6.5
Winastwan Gora S. [email protected]
BAB II. ANIMASI TEKS LANJUTAN
Lisensi Dokumen :
© Hak Cipta 2006 BelajarSendiri.Com
Seluruh dokumen ini dapat digunakan, dirubah dan disebarluaskan secara bebas untuk
tujuan pendidikan dan non-komersil. Diperkenankan untuk melakukan penulisan ulang
tanpa seijin BelajarSendiri.Com
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Adobe After Effect 6.5 Professional Edition menyediakan tool yang powerfull untuk
menghasilkan animasi teks dengan mudah. Berikut ini langkah-langkahnya :
1. Jalankan Adobe After Effects 6.5 dengan cara klik Start > Programs > Adobe
After Effects 6.5.
2. Kemudian akan tampil area kerja baru.
Gambar 2.1 Area kerja Adobe After Effects 6.5
3. Lalu buat komposisi baru dengan cara klik Composition > New Composition.
4. Kemudian pada kotak dialog Composition Setting isikan Composition Name =
Animasi Text, Preset = PAL D1/DV, 720x576, Width = 720, Height = 576,
Pixel Aspect Ratio = D1/DV PAL (1.07), Frame Rate = 25, Duration =
0:00:05:00. Selanjutnya tekan tombol OK.
5. Maka akan tampil area kerja komposisi baru.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.2 Kotak dialog Composition Setting
Gambar 2.3 Area kerja komposisi baru
6. Selanjutnya import footage movie-1.avi yang telah tersedia di dalam CD, dengan
cara klik File > Import > File. Kemudian akan muncul kotak dialog Import File.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.4 Kotak dialog Import File
7. Lalu pilih file movie-1.avi, kemudian klik Open.
8. Maka file movie-1.avi akan tampil dalam Project Window.
Gambar 2.5 Kumpulan footage Project Window
9. Selanjutnya drag and drop file movie-1.avi yang ada dalam Project Window ke
dalam Timeline Window sehingga tampilannya akan menjadi seperti di bawah
ini.
Gambar 2.6 Tampilan Timeline Window
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.7 Tampilan Composition Window
10. Lalu pastikan Character Window telah tampil pada area kerja, untuk
menampilkan Character Window caranya pilih Window > Character.
Text Type
Text Size Kerning
Text Color Stroke Color
Tracking Leading
Stroke Size
Gambar 2.8 Character Window
11. Lalu klik tombol Horizontal Type Tool yang berada pada Tools Window.
Gambar 2.9 Tools Window
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.10 Tombol Horizontal Type Tool
12. Lalu klik bagian tengah Composition Window, selanjutnya ketik kalimat “Hidup
Adalah Perjuangan”.
Gambar 2.11 Tampilan Composition Window
13. Lalu ubahlah jenis font-nya dengan cara block kalimat “Hidup Adalah
Perjuangan”.
Gambar 2.12 Kalimat yang telah di block
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
14. Kemudian ganti Text Type dengan jenis font Larissa Extrabold, Text Size = 70
px, Tracking = 60, dan Stroke Size = 8 px.
Gambar 2.13 Character Window yang telah dirubah pilihannya
Gambar 2.14 Perubahan Text
15. Setelah itu buka property text dari layer text “Hidup Adalah Perjuangan” yang ada
pada Timeline Window.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.15 Property layer text
16. Lalu klik tombol panah yang berada pada samping kanan Animate, sehingga
muncul menu pop-up seperti pada gambar di bawah ini.
Gambar 2.16 Menu pop-up pada Animate
17. Kemudian pilih Character Value.
Gambar 2.17 Property Animator
18. Kemudian akan dihasilkan sebuah property Animator 1, yang berisi property
Range Selector 1.
19. Setelah itu expand-lah property Range Selector 1.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.18 Property Range Selector
20. Pastikan Current Time Marker berada pada posisi waktu 0:00:00:00.
Gambar 2.19 Posisi waktu Current Time Marker
21. Selanjutnya klik tombol Stopwatch pada property Start yang berada di dalam
property Range Selector 1, untuk memulai proses keyframing.
Gambar 2.20 Tombol Stopwatch
22. Sehingga akan dihasilkan sebuah keyframe pada property Start pada posisi
waktu 0:00:00:00.
Gambar 2.21 Keyframing pada property Start
23. Kemudian geser Current Time Marker ke posisi waktu 0:00:02:00.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.22 Posisi Current Time Marker pada 0:00:02:00
24. Setelah itu ubah angka property Start menjadi 100%.
Gambar 2.23 Perubahan nilai pada property Start menjadi 100%
25. Maka akan dihasilkan keyframe pada posisi waktu 0:00:02:00.
Gambar 2.24 Keyframing property Start pada posisi waktu 0:00:02:00
26. Selanjutnya klik tombol panah yang berada di samping tulisan Add.
Gambar 2.25 Tombol panah pada pilihan Add
27. Maka akan tampil menu pop-up.
Gambar 2.26 Menu pop-up tombol Add
28. Lalu arahkan kursor mouse pada pilihan Property lalu klik pilihan Opacity.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.27 Penambahan property Opacity
29. Maka akan dihasilkan sebuah property baru dengan nama Opacity yang berada
di dalam property Range Selector 1.
Gambar 2.28 Property Opacity yang telah dibuat
30. Kemudian ubahlah nilai property Opacity sehingga nilainya menjadi 0%.
Gambar 2.29 Perubahan nilai property Opacity menjadi 0%
31. Maka kita telah berhasil membuat animasi text menggunakan fasilitas text baru
yang tersedia dalam Adobe After Effects 6.0. Untuk memainkan animasi kita
dapat menekan tombol Play pada RAM-Player.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.30 RAM-Player
Gambar 2.31 Tampilan animasi text pada posisi waktu 0:00:00:00
Gambar 2.32 Tampilan animasi text pada posisi waktu 0:00:00:19
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.33 Tampilan animasi text pada posisi waktu 0:00:01:16
Gambar 2.34 Tampilan animasi text pada posisi waktu 0:00:02:00
32. Kemudian kita akan mencoba menganimasikan text lebih lanjut dengan
menambah property Position. Langkahnya klik tombol panah yang berada di
samping text Add, kemudian arahkan kursor pada pilihan Property lalu pilih
Position.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.35 Menambah property Position
33. Maka pada Timeline Window di dalam property Range Selector 1 akan
dihasilkan sebuah property baru yaitu property Position.
Gambar 2.36 Property Position
34. Selanjutnya ubah nilai property Position menjadi 0,0 , -80,0.
Gambar 2.48 Perubahan nilai property Position
35. Maka tampilan animasi text pada Composition Window akan menjadi seperti
pada gambar di bawah ini.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5
Belajar Gratis di BelajarSendiri.Com - © HakCipta 2006 BelajarSendiri.Com
Gambar 2.37 Tampilan animasi text pada posisi waktu 0:00:01:02
36. Jangan lupa menyimpan hasil animasi anda dengan cara pilih File > Save As.
Tips dan Trik Motion Graphics dan Visual Effects Menggunakan Adobe After Effects 6.5