Daftar Isi

Kata Pengantar ....................................................................................vii

Daftar Isi............................................................................................... ix
Bab 01

Hexagon ............................................................................. 1

1.1
1.2
1.3
1.4
1.5
1.6
1.7

Objek Hexagonal ................................................................. 1

Animated Pattern................................................................. 4
Precompose Multiple Layer ................................................ 11
Mengolah Precomposition Layer......................................... 11
Motion Graphic.................................................................. 15
Menambahkan Elemen Desain............................................ 18
Render Movie..................................................................... 23

Bab 02

Efek Pulsatik .................................................................... 25

2.1
2.2
2.3
2.4
2.5
2.6
2.7
2.8
2.9
2.10

Composition 1 (Gerak Kanan) ............................................ 25

Composition 2 (Gerak Kiri)................................................ 28
Nesting Composition ......................................................... 30
Render Pulsatic Movement................................................. 32
Lens Flare........................................................................... 33
Render Lens Flare............................................................... 38
Box Light........................................................................... 39
Render Box Light............................................................... 42
Final Composition.............................................................. 43
Render Final ...................................................................... 46

ix

Bab 03

Circles ............................................................................... 47

3.1
3.2
3.3
3.4

3.5
3.6

Line Circles ........................................................................ 47

Efek Stroke......................................................................... 50
Dot Circles......................................................................... 51
Multiple Rings................................................................... 53
3.4.1 Efek Basic 3D........................................................ 56
3.4.2 Memposisikan Multiple Rings............................... 57
3.4.3 Animasi Null Object............................................. 59
Multiple Lines dan Multiple Dots ...................................... 60
Render ............................................................................... 62

Bab 04

Cosmopolis ....................................................................... 65

4.1

4.4
4.5
4.6
4.7
4.8

Instalasi Plug-In................................................................. 65
4.1.1 Knoll Light Factory LE.......................................... 65
4.1.2 Tinderbox T_LensBlur .......................................... 69
Planet ................................................................................ 69
4.2.1 Track Matte .......................................................... 69
4.2.2 Cosmos.................................................................. 72
Title................................................................................... 73
4.3.1 Gradient Wipe ...................................................... 75
4.3.2 Displacement Map................................................. 77
Subtitle .............................................................................. 79
Visualisasi Title dan Subtitle.............................................. 82
Lens Flare........................................................................... 85
Lens Blur ........................................................................... 90
Render ............................................................................... 92

Bab 05

AutoTracker..................................................................... 95

5.1

Preparasi ............................................................................ 95
5.1.1 3:2 Pulldown......................................................... 96
5.1.2 Composition: Tracker ............................................ 98
Tracker ............................................................................ 100
5.2.1 Forward Tracking................................................ 100
5.2.2 Backtracking ....................................................... 104
Ikonografi ........................................................................ 106
5.3.1 Background Music .............................................. 106
5.3.2 Ikon Sensor.......................................................... 106

4.2

4.3

5.2

5.3

5.4

5.5

5.3.3 Aplikasi Ikon Sensor............................................ 108

Finalisasi Visual ............................................................... 110
5.4.1 Duplikasi Background......................................... 111
5.4.2 Mosaic Adjustment ............................................. 112
5.4.3 Grid .................................................................... 114
5.4.4 Random Number ................................................ 116
5.4.5 Luminance Adjustment ....................................... 119
Render ............................................................................. 120

xi

Bab 03

Circles

Pada project ini, Anda akan membuat tiga buah motion graphic. Ketiga
motion graphic ini mempunyai animasi gerak yang sama, tetapi elemen
yang dianimasikan berbeda untuk setiap motion graphic, yaitu titik,
garis, dan lingkaran.

3.1 Line Circles

Elemen pertama dari animasi yang akan Anda buat adalah satu set circle
outline. Elemen desain visual tersebut akan dianimasikan selama empat
detik, dengan gerakan sedemikian rupa agar menghasilkan motion graphic
yang menarik.
1. Buka Adobe After Effects 7.
2. Tekan Ctrl+I untuk membuka kotak dialog Import File.
3. Pada kotak dialog Import File, pilih Ring.psd dari CD terlampir.
4. Pada kotak dialog Interpret Footage, pilih Straight Unmatted.
5. Klik OK.
6. Tekan Ctrl+N untuk membuat composition baru.

47

7. Pada kotak dialog Composition Setting, ketik Line Circles untuk

memberi nama composition dan tentukan parameter seperti pada
gambar berikut.

Gambar 3.1 Setting Composition Line Circles

8. Klik OK.
9. Pada palette Project, pilih footage Ring.psd.
10. Tekan Ctrl+/ untuk menambahkan footage terpilih ke dalam composition.
11. Pada menu bar, pilih Layer > New > Solid atau tekan Ctrl+Y.
12. Pada kotak dialog Solid Setting, ketik Name = Circles Solid,
Width = 800, Height = 800, Pixel Aspect Ratio = Square Pixels,
dan pastikan warna = hitam.
13. Klik OK.
14. Pada Timeline, pilih layer Circles Solid.
15. Tentukan Layer Mode = Screen.

48

16. Pada toolbar, klik dan tahan ikon Rectangular Mask Tool

17. Pada flyout yang muncul, pilih Elliptical Mask Tool.

18. Posisikan pointer tepat di tengah-tengah jendela Composition
(viewer), kemudian klik dan drag untuk membuat objek lingkaran.
Sementara masih men-drag, tekan Ctrl+Shift dan atur ukuran objek
lingkaran sama persis dengan tepi luar lingkaran yang sudah ada.

Gambar 3.2 Objek lingkaran (berwarna kuning)

19. Tekan Ctrl+klik di dalam jendela Composition untuk memilih

objek lingkaran.
20. Ulangi langkah nomor 18, tetapi ukuran lingkaran sama persis dengan lingkaran bagian dalam.
21. Pada toolbar, klik ikon Selection Tool atau tekan V.

49

3.2 Efek Stroke

Setelah Anda selesai membuat mask pada layer Circles Solid, langkah
selanjutnya adalah memberikan efek stroke pada layer tersebut.
1. Lanjutkan artwork Anda, atau buka file Circles 1.aep dari CD.
2. Pada Timeline, pilih layer Circles Solid.
3. Pada menu bar, pilih Effect > Generate > Stroke.
4. Pada palette Effect Controls > Stroke, tentukan setting seperti pada
gambar berikut.

Gambar 3.3 Setting efek Stroke

5. Pastikan current-time marker berada pada durasi 00:00.

6. Pada palette Effect Controls, klik ikon Stopwatch (End).
7. Beralih ke durasi 03:29.
8. Tentukan End = 100%.
9. Pada Timeline, pilih layer Ring.psd.
10. Tekan Delete untuk menghapusnya karena Anda sudah tidak memerlukannya lagi.
11. Tekan Home untuk kembali ke awal composition.
12. Tekan 0 untuk melihat Preview.
50

3.3 Dot Circles

Tahap ini akan menggunakan composition yang sudah ada untuk membangun komponen visual yang baru. Karena animasi yang akan dipergunakan adalah sama, maka yang perlu dilakukan adalah mengganti layer
yang digunakan.
1. Lanjutkan artwork Anda, atau buka file Circles 2.aep dari CD.
2. Pada palette Project, pilih composition Line Circles.
3. Tekan Ctrl+D untuk membuat duplikat.
4. Pada palette Project, pastikan composition Line Circles 2 dalam keadaan terpilih.
5. Pada menu bar, pilih Composition > Composition Setting, atau
tekan Ctrl+K untuk membuka kotak dialog Composition Settings.
6. Pada kotak dialog Composition Settings, tulis Name = Dot Circles.

Gambar 3.4 Setting Composition Dot Circles

7. Klik OK.
8. Pada palette Project, klik ganda composition Dot Circles untuk
membukanya pada jendela Timeline.
51

9. Pada jendela Timeline, pastikan layer Circles Solid dalam keadaan

terpilih.
10. Tekan S untuk membuka properti Scale.
11. Tentukan Scale = 98%.
12. Pada palette Effect Controls, tentukan Spacing = 86%, Brush Size
= 13, dan Brush Hardness = 5%. Perhatikan gambar berikut.

Gambar 3.5 Setting efek Stroke

13. Tekan Home untuk kembali ke awal composition.

14. Tekan 0 untuk melihat Preview.

Gambar 3.6 Dot Circles

52

3.4 Multiple Rings

Pada tahap ini, Anda akan menganimasikan elemen ring dengan menggunakan null object dan expression.
1. Lanjutkan artwork Anda, atau buka file Circles 3.aep dari CD terlampir.
2. Pada menu bar, pilih Composition > New Composition, atau tekan
Ctrl+N.
3. Pada kotak dialog Composition Settings, tentukan Name = Multiple
Rings.

Gambar 3.7 Setting Composition Multiple Rings

4. Klik OK.
5. Pada palette Project, pilih footage Ring.psd.
6. Tekan Ctrl+/ untuk menambahkan footage terpilih ke dalam Timeline.
7. Pada menu bar, pilih Layer > New > Null Object.
8. Pada Timeline, pastikan layer Null 1 dalam keadaan terpilih.
53

9. Tekan A untuk membuka properti Anchor Point.

10. Tentukan Anchor Point = 48, 48.
11. Tekan A untuk menutup properti Anchor Point.

Gambar 3.8 Null Object

12. Tekan P untuk membuka properti Position (Null 1).

13. Pada Timeline, pilih layer Ring.psd.
14. Tekan S untuk membuka properti Scale (Ring.psd).

Gambar 3.9 Timeline

54

15. Klik teks Scale (Ring.psd) untuk memilihnya.

16. Pada menu bar, pilih Animation > Add Expressions.
17. Pada Timeline, klik ikon pick whip Scale dari layer Ring.psd,
kemudian drag ke nilai koordinat Y dari layer Null 1. Lihat gambar di bawah ini.

Gambar 3.10 Membuat expression

18. Tentukan Position = 453.0, 50.0.

19. Jika Anda melakukan tahapan ini dengan benar, maka jendela Composition akan nampak seperti gambar berikut.

Gambar 3.11 Visualisasi sementara

55

3.4.1 Efek Basic 3D

Selanjutnya Anda akan menambahkan efek Basic 3D untuk membuat
motion graphic menjadi lebih menarik.
1. Lanjutkan artwork Anda, atau buka file Circles 4.aep dari CD terlampir.
2. Pada Timeline, pilih layer Ring.psd.
3. Pada menu bar, pilih Effect > Perspective > Basic 3D.
4. Tekan E untuk menampilkan properti Effect (Basic 3D) dari layer
Ring.psd.
5. Buka properti Basic 3D.

Gambar 3.12 Properti efek Basic 3D

6. Pada Timeline > layer Ring.psd > Basic 3D, klik teks Swivel.
7. Pada menu bar, pilih Animation > Add Expressions.
8. Pada Timeline, klik ikon pick whip Swivel dari layer Ring.psd
kemudian drag ke nilai koordinat X dari layer Null 1.
9. Tentukan Position = 400.0, 50.0.
10. Jika Anda melakukan tahapan ini dengan benar, maka jendela Composition akan nampak seperti pada gambar berikut.

56

Gambar 3.13 Visualisasi sementara

3.4.2 Memposisikan Multiple Rings

Selanjutnya Anda akan membuat tiga buah duplikat dari objek Ring,
yang kemudian akan diatur posisinya sedemikian rupa.
1. Lanjutkan artwork Anda, atau buka file Circles 5.aep dari CD terlampir.
2. Pada Timeline, pilih layer Null 1.
3. Tekan P untuk membuka properti Position.
4. Tentukan Position = 360, 50 agar objek ring nampak datar.
5. Pada Timeline, pilih layer Ring.psd.
6. Tekan P untuk membuka properti Position.
7. Tentukan Position = 520, 400. Lihat Gambar 3.14.
8. Tekan Ctrl+D sebanyak tiga kali untuk membuat tiga buah duplikat
layer Ring.psd.

57

Gambar 3.14 Visualisasi objek ring

9. Gunakan Ctrl+klik untuk memilih semua layer Ring.psd (4 layer).

10. Tekan P untuk membuka properti Position.
11. Tekan Shift+R untuk membuka properti Rotation.
12. Tentukan nilai Rotation dan Position untuk masing-masing layer
Ring.psd seperti pada gambar berikut.

Gambar 3.15 Setting nilai Position dan Rotation

58

3.4.3 Animasi Null Object

Setelah Anda selesai memposisikan empat buah Ring, maka langkah selanjutnya adalah menganimasikan Null Object.
1. Lanjutkan artwork Anda, atau buka file Circles 6.aep dari CD terlampir.
2. Pastikan current-time marker berada pada durasi 00:00.
3. Pada Timeline, pilih layer Null 1.
4. Tekan P untuk membuka properti Position.
5. Tentukan Position = -93, -4.
6. Klik ikon Stopwatch (Position) untuk menambahkan keyframe.
7. Beralih ke durasi 00:23.
8. Tentukan Position = -14, 48.
9. Beralih ke durasi 01:20.
10. Tentukan Position = 57, 70.
11. Beralih ke durasi 02:22.
12. Tentukan Position = 127, 45.
13. Beralih ke durasi 04:05.
14. Tentukan Position = 5, 242.
15. Beralih ke durasi 05:00.
16. Tentukan Position = -15, 310.
17. Tekan 0 untuk melihat Preview.

59

3.5 Multiple Lines dan Multiple Dots

Tahap terakhir pada tutorial ini adalah membuat elemen desain visual
lainnya, yaitu: Multiple Lines dan Multiple Dots.
1. Lanjutkan artwork Anda, atau buka file Circles 7.aep dari CD terlampir.
2. Pada palette Project, pilih composition Multiple Rings.
3. Tekan Ctrl+D untuk membuat duplikat.
4. Tekan Ctrl+K untuk membuka kotak dialog Composition Settings.
5. Pada kotak dialog Composition Settings, tentukan Name = Multiple
Lines.

Gambar 3.16 Setting Composition Multiple Lines

6. Klik OK.
7. Pada palette Project, klik ganda composition Multiple Lines untuk
membukanya.
8. Pada Timeline, pilih keempat layer Ring.psd. Gunakan Ctrl+klik
untuk menambahkan pilihan.
60

9. Pada palette Project, pilih composition Line Circles.

10. Alt+drag composition Line Circles dari palette Project ke Timeline.

Gambar 3.17 Layer penyusun Multiple Lines

11. Pada palette Project, pilih composition Multiple Rings.

12. Tekan Ctrl+D untuk membuat duplikat.
13. Tekan Ctrl+K untuk membuka kotak dialog Composition Settings.
14. Pada kotak dialog Composition Settings, tentukan Name = Multiple
Dots.

Gambar 3.18 Setting Composition Multiple Dots

61

15. Klik OK.

16. Pada palette Project, klik ganda composition Multiple Dots untuk
membukanya.
17. Pada Timeline, pilih keempat layer Ring.psd. Gunakan Ctrl+klik
untuk menambahkan pilihan.
18. Pada palette Project, pilih composition Line Circles.
19. Alt+drag composition Dot Circles dari palette Project ke Timeline.

Gambar 3.19 Layer penyusun Multiple Dots

3.6 Render
Pada tahap akhir dari tutorial ini, Anda akan me-render tiga buah composition menjadi tiga buah movie.
1. Lanjutkan artwork Anda, atau buka file Circles 8.aep dari CD terlampir.
2. Pada palette Project, pilih composition Multiple Rings.
3. Tekan Ctrl+M untuk menambahkan composition terpilih (Squares)
ke dalam Render Queue.
4. Pada palette Render Queue, klik teks Lossless.

62

5. Pada kotak dialog Output Module Settings, tentukan Format =

Quick Time Movie.
6. Klik OK.
7. Pada palette Render Queue > Output To, klik teks Multiple
Rings.mov.
8. Pada kotak dialog Output Movie To, tentukan lokasi (folder) tempat
akan menyimpan file.
9. Klik tombol Save.
10. Pada palette Project, pilih composition Multiple Lines.
11. Tekan Ctrl+M untuk menambahkan composition terpilih (Squares)
ke dalam Render Queue.
12. Pada palette Render Queue, klik teks Lossless.
13. Pada kotak dialog Output Module Settings, tentukan Format =
Quick Time Movie.
14. Klik OK.
15. Pada palette Render Queue > Output To, klik teks Multiple
Lines.mov.
16. Pada kotak dialog Output Movie To, tentukan lokasi (folder) tempat
akan menyimpan file.
17. Klik tombol Save.
18. Pada palette Project, pilih composition Multiple Dots.
19. Tekan Ctrl+M untuk menambahkan composition terpilih (Squares)
ke dalam Render Queue.
20. Pada palette Render Queue, klik teks Lossless.
21. Pada kotak dialog Output Module Settings, tentukan Format =
Quick Time Movie.
22. Klik OK.
23. Pada palette Render Queue > Output To, klik teks Multiple
Dots.mov.
63

24. Pada kotak dialog Output Movie To, tentukan lokasi (folder) tempat
akan menyimpan file.
25. Klik tombol Save.
26. Pada palette Render Queue, klik tombol Render.
27. Hasil akhir tutorial ini dapat dilihat pada file Multiple Rings.mpg,
Multiple Lines.mpg, dan Multiple Dots.mpg pada CD terlampir.

64