tip & trik adobe after effects

15
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

Upload: arief-gathot

Post on 20-Oct-2015

195 views

Category:

Documents


6 download

DESCRIPTION

Belajar adobe after effects

TRANSCRIPT

Page 1: Tip & Trik Adobe After Effects

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

Page 2: Tip & Trik Adobe After Effects

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

Page 3: Tip & Trik Adobe After Effects

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

Page 4: Tip & Trik Adobe After Effects

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

Page 5: Tip & Trik Adobe After Effects

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

Page 6: Tip & Trik Adobe After Effects

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

Page 7: Tip & Trik Adobe After Effects

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

Page 8: Tip & Trik Adobe After Effects

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

Page 9: Tip & Trik Adobe After Effects

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

Page 10: Tip & Trik Adobe After Effects

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

Page 11: Tip & Trik Adobe After Effects

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

Page 12: Tip & Trik Adobe After Effects

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

Page 13: Tip & Trik Adobe After Effects

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

Page 14: Tip & Trik Adobe After Effects

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

Page 15: Tip & Trik Adobe After Effects

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