membuat tiga buah motion graphic..

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