ix

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 2.10 Render Final ......................................................................46

x

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

xi

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

47

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.

48

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 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 layer Circles Solid.

15. Tentukan Layer Mode = Screen.

49

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.

21. Pada toolbar, klik ikon Selection Tool atau tekan V.

50

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 me-merlukannya lagi.

11. Tekan Home untuk kembali ke awal composition.

12. Tekan 0 untuk melihat Preview.

51

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 composition Line Circles.

3. Tekan Ctrl+D untuk membuat duplikat.

4. Pada palette Project, pastikan composition Line 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.

52

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

53

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 footage Ring.psd.

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

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

8. Pada Timeline, pastikan layer Null 1 dalam keadaan terpilih.

54

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

55

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.

Gambar 3.11 Visualisasi sementara

56

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

57

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

58

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

59

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

60

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

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.

61

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

62

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 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 composition Multiple Rings.

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

4. Pada palette Render Queue, klik teks Lossless.

63

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.

64

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.