Daftar Isi Bab 01 Hexagon... 1 Bab 02 Efek Pulsatik... 25

Daftar Isi

Kata Pengantar ... vii

Daftar Isi... ix

Bab 01 Hexagon ... 1

1.1 Objek Hexagonal ... 1

1.2 Animated Pattern... 4

1.3 Precompose Multiple Layer ... 11

1.4 Mengolah Precomposition Layer ... 11

1.5 Motion Graphic... 15

1.6 Menambahkan Elemen Desain... 18

1.7 Render Movie... 23

Bab 02 Efek Pulsatik ... 25

2.1 Composition 1 (Gerak Kanan) ... 25

2.2 Composition 2 (Gerak Kiri)... 28

2.3 Nesting Composition ... 30

2.4 Render Pulsatic Movement... 32

2.5 Lens Flare... 33

2.6 Render Lens Flare... 38

2.7 Box Light... 39

2.8 Render Box Light... 42

2.9 Final Composition... 43

Bab 03 Circles ... 47 3.1 Line Circles ... 47 3.2 Efek Stroke... 50 3.3 Dot Circles... 51 3.4 Multiple Rings... 53 3.4.1 Efek Basic 3D... 56

3.4.2 Memposisikan Multiple Rings... 57

3.4.3 Animasi Null Object... 59

3.5 Multiple Lines dan Multiple Dots ... 60

3.6 Render ... 62

Bab 04 Cosmopolis ... 65

4.1 Instalasi Plug-In... 65

4.1.1 Knoll Light Factory LE... 65

4.1.2 Tinderbox T_LensBlur ... 69 4.2 Planet ... 69 4.2.1 Track Matte ... 69 4.2.2 Cosmos... 72 4.3 Title... 73 4.3.1 Gradient Wipe ... 75 4.3.2 Displacement Map... 77 4.4 Subtitle ... 79

4.5 Visualisasi Title dan Subtitle... 82

4.6 Lens Flare... 85 4.7 Lens Blur ... 90 4.8 Render ... 92 Bab 05 AutoTracker... 95 5.1 Preparasi ... 95 5.1.1 3:2 Pulldown... 96 5.1.2 Composition: Tracker ... 98 5.2 Tracker ... 100 5.2.1 Forward Tracking... 100 5.2.2 Backtracking ... 104 5.3 Ikonografi ... 106 5.3.1 Background Music ... 106 5.3.2 Ikon Sensor... 106

5.3.3 Aplikasi Ikon Sensor... 108 5.4 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 5.5 Render ... 120

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.

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 footageRing.psd.

10. Tekan Ctrl+/ untuk menambahkan footage terpilih ke dalam compo-sition.

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 layerCircles Solid. 15. Tentukan Layer Mode = Screen.

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 de-ngan lingkaran bagian dalam.

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 layerCircles 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 layerRing.psd.

10. Tekan Delete untuk menghapusnya karena Anda sudah tidak me-merlukannya lagi.

11. Tekan Home untuk kembali ke awal composition. 12. Tekan 0 untuk melihat Preview.

3.3

Dot Circles

Tahap ini akan menggunakan composition yang sudah ada untuk mem-bangun komponen visual yang baru. Karena animasi yang akan diper-gunakan 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 compositionLine Circles.

3. Tekan Ctrl+D untuk membuat duplikat.

4. Pada palette Project, pastikan compositionLine Circles 2 dalam ke-adaan 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.

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.

3.4

Multiple Rings

Pada tahap ini, Anda akan menganimasikan elemen ring dengan meng-gunakan null object dan expression.

1. Lanjutkan artwork Anda, atau buka file Circles 3.aep dari CD ter-lampir.

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 footageRing.psd.

6. Tekan Ctrl+/ untuk menambahkan footage terpilih ke dalam Time-line.

7. Pada menu bar, pilih Layer > New > Null Object.

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 layerRing.psd.

14. Tekan S untuk membuka properti Scale (Ring.psd).

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 gam-bar 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 Com-position akan nampak seperti gambar berikut.

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 ter-lampir.

2. Pada Timeline, pilih layerRing.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 Com-position akan nampak seperti pada gambar berikut.

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 ter-lampir.

2. Pada Timeline, pilih layerNull 1.

3. Tekan P untuk membuka properti Position.

4. Tentukan Position = 360, 50 agar objek ring nampak datar. 5. Pada Timeline, pilih layerRing.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.

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.

3.4.3

Animasi Null Object

Setelah Anda selesai memposisikan empat buah Ring, maka langkah se-lanjutnya adalah menganimasikan Null Object.

1. Lanjutkan artwork Anda, atau buka file Circles 6.aep dari CD ter-lampir.

2. Pastikan current-time marker berada pada durasi 00:00. 3. Pada Timeline, pilih layerNull 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.

3.5

Multiple Lines dan Multiple Dots

Tahap terakhir pada tutorial ini adalah membuat elemen desain visual lainnya, yaitu: Multiple Linesdan Multiple Dots.

1. Lanjutkan artwork Anda, atau buka file Circles 7.aep dari CD ter-lampir.

2. Pada palette Project, pilih compositionMultiple 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 gandacomposition Multiple Lines untuk membukanya.

8. Pada Timeline, pilih keempat layer Ring.psd. Gunakan Ctrl+klik

9. Pada palette Project, pilih compositionLine Circles.

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

Gambar 3.17 Layer penyusun Multiple Lines

11. Pada palette Project, pilih compositionMultiple 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.

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 compositionLine 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 com-position menjadi tiga buah movie.

1. Lanjutkan artwork Anda, atau buka file Circles 8.aep dari CD ter-lampir.

2. Pada palette Project,pilih compositionMultiple Rings.

3. Tekan Ctrl+M untuk menambahkan composition terpilih (Squares) ke dalam Render Queue.

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

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,