praktikum ae 1
DESCRIPTION
praktikum multimediaTRANSCRIPT
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
BAB 1 : Membuat Animasi Awal Film
Pada praktikum kali ini akan membuat animasi yang memadukan gerakan keyframe dengan movie.
Langkah-langkahnya sebagai berikut :
1. Buatlah proyek baru dengan memilih menu File > New > New Project
2. Impor file pedang.psd dan TAMENG.psd (buat dulu di photoshop, dua file yg berbeda..,gambar
pedang dan gambar tameng, lihat Gb 2
3. Buatlah komposisi baru, pilih menu Composition > New > Composition
4. Aturlah setting komposisi pada kotak dialog dengan composition name = film silat, width = 320,
height = 240, frame rate = 30, dan duration = 0.00.42.00
Gambar 1 Tampilan kotak layer In Time
5. Geserlah TAMENG.ai dan pedang.psd ke dalam panel Timeline dengan posisi pedang.psd di
bawah TAMENG.ai
6. Aturlah ukuran kedua layer pada panel Composition dengan cara geser titik sudutnya sambil
tekan tombol Shift untuk mengatur agar ukuran kedua layer proposional dengan ukuran
komposisi
7. Tandai untuk mengatur resolusi tampilan layer
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
Gambar 2 Tampilan pedang.psd dan TAMENG.psd
8. Klik layer pedang.psd pada panel Timeline, lalu pilih menu Edit > Copy atau Edit > Paste
9. Maka akan memiliki dua buah layer pedang.psd pada Timeline, kemudian atur posisi kedua
pedang.psd dan TAMENG.psd pada panel Composition dengan memutar layer menggunakan
Rotation Tool seperti tampak pada gambar berikut
Gambar 3 Tampilan ketiga layer
10. Kemudian membuat animasi gerak pada ketiga layer tersebut
11. Alihkan Time Current Indicator ke time 0.00.00.23 dengan mengklik Current Time pada panel
Timeline atau pilih menu View > Go To Time sehingga akan muncul kotak Go To Time seperti
gambar berikut
Gambar 4 Tampilan Time Current Indicator
12. Tampilkan property layer masing-masing layer pada panel Timeline dengan klik segitiga
13. Klik Stopwatch Position dan Stopwatch Rotation pada kedua layer pedang.psd
14. Alihkan Time Current Indicator ke 0.00.02.16
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
Gambar 5 Time Current Indicator
15. Geserlah posisi keduan layer pedang.psd pada panel Composition seperti pada gambar berikut
Gambar 6 Tampila layer pedang.psd yang digeser
16. Ubahlan nilai Rotation pada kedua layer pedang.psd
17. Alihkan Time Current Indicator ke 0.00.04.19
Gambar 7 Tampilan Time Current Indicator
18. Ubah posisi kedua pedang dengan menggesernya keluar area layar composition
19. Putar kedua layer dengan mengubah nilai Rotation seperti gambar berikut
Gambar 8 Tampilan layer pedang yang digeser dan diputar keluar layar Composition
20. Langkah selanjutnya menghilangkan layer tameng secara perlahan-lahan
21. Alihkan Time Current Indicator ke 0.00.06.12, kemudian seleksi layer TAMENG.ai
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
Gambar 9 Tampilan Time Current Indicator
22. Tekan Alt+[ untuk memotong durasi layer TAMENG.ai
23. Alihkan Time Current Indicator ke 0.00.05.17
Gambar 10 Tampilan Time Current Indicator
24. Klik Stopwatch Opacity
25. Alihkan Time Current Indicator ke 0.00.06.12
26. Ubah nilai Opacity menjadi 0%
27. Selanjutnya membuat animasi pedang, alihkan Time Current Indicator ke 0.00.08.04
Gambar 11 Tampilan Time Current Indicator
28. Seleksi pedang.psd, lalu pindahkan masing-masing layer pedang.psd tersebut
29. Ubah nilai Rotation sehingga kedua layer tampak seperti gambar berikut
Gambar 12 Tampilan layer pedang
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
30. Alihkan Time Current Indicator ke 0.00.11.06
Gambar 13 Tampilan Time Current Indicator
31. Pindahkan lagi kedua pedang dan ubah nilai Rotation sehingga tampak seperti gambar berikut
Gambar 14 Tampilan layer pedang bersentuhan
32. Alihkan Time Current Indicator ke 0.00.11.11
33. Selanjutnya membagi layer pada time tersebut untuk memberi efek pada layer pedang tersebut
34. Seleksi kedua layer pedang.psd tersebut pada time di atas, lalu pilih menu Edit > Split Layer,
secara otomatis kedua layer tersebut akan terpotong dan potongan tersebut akan menjadi layer
baru, dan sekarang memiliki empat layer pedang.psd pada panel Timeline
35. Seleksi kedua layer hasil pemotongan tersebut, kemudian beri efek dengan cara pilih menu
Effect > Stylize > Glow
36. Pada panel Effect Controls, atur settings efek dengan mengubah nilai Glow Radius = 80 dan
Glow Intensity = 5
37. Lakukan langkah tersebut untuk kedua layer hasil pemotongan
Gambar 15 Setting Effect Controls Glow
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
38. Hasilnya kedua pedang.psd akan tampak menyala seperti gambar berikut
Gambar 16 Efek Glow pada kedua pedang
39. Alihkan Time Current Indicator ke 0.00.16.12
40. Pindahkan kedua layer pedang.psd seperti tampak pada gambar berikut dan lakukan perubahan
pada nilai rotation
Gambar 17 Pedang berpindah posisi
41. Alihkan Time Current Indicator ke 0.00.17.09
42. Pindahkan dan atur posisi kedua layer pedang.psd seperti tampak pada gambar berikut dan
lakukan perubahan pada nilai rotation
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
Gambar 18 Pedang berpindah posisi kemudian bersentuhan
43. Alihkan Time Current Indicator ke 0.00.18.07
44. Pindahkan lagi kedua layer pedang.psd seperti tampak pada gambar berikut dan lakukan
perubahan pada nilai rotation
Gambar 19 Pedang berpindah posisi dengan berpindah
45. Alihkan Time Current Indicator ke 0.00.19.04
46. Pindahkan lagi kedua layer pedang.psd seperti tampak pada gambar berikut dan lakukan
perubahan pada nilai rotation
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
Gambar 20 Pedang berpindah kemudian bersentuhan
47. Selanjutnya membuat efek petir dengan menggunakan layer solid
48. Buat layer solid dengan cara pilih menu Layer > New > Solid
49. Aturlah setting layer solid dengan mengubah Name = petir, Width = 320, Height = 240, dengan
Color = hitam
50. Secara default, layer solid akan masuk ke dalam panel Timeline, geser dan posisikan layer solid
di bawah layer-layer yang lain
51. Alihkan Time Current Indicator ke 0.00.11.11
52. Pastikan layer solid tersebut masih terseleksi, lalu tekan Alt+[ untuk memotong durasi layer solid
53. Beri efek pada layer solid dengan pilih Effect > Generate > Lightning
54. Atur efek Lightning pada panel Composition dengan menggeser keluar dari layar
Composition
55. Lakukan pengaturan setting efek pada panel Rebrancing = 1.000, Branch Angle = 30.000, Branch
Seg Length = 1.000, dan Branch Width = 1.000
Gambar 21 Mengatur effect Controls Lightning
56. Sekarang lakukan perbesaran ukuran pada kedua layer pedang
57. Alihkan Time Current Indicator ke 0.00.19.12
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
58. Seleksi kedua layer pedang.psd hasil perpotongan, klik Stopwatch Scale pada masing-
masing layer tersebut
59. Alihkan Time Current Indicator ke 0.00.20.10
60. Ubah nilai Scale menjadi 100,00 . 100,0% sehingga akan mendapatkan ukuran kedua layer
pedang tersebut bertambah besar
61. Alihkan Time Current Indicator ke 0.00.21.04
62. Lakukan pemotongan durasi layer dengan cara seleksi kedua layer pedang.psd hasil
perpotongan tadi dan layer solid, kemudian tekan Alt+]
63. Hasil durasi layer pada panel Timeline seperti gambar berikut
Gambar 22 Hasil perpotongan durasi layer
64. Selanjutnya memberi efek Opacity pada layer sehingga akan didapat transisi anatar layer yang
lebih halus
65. Alihkan Time Current Indicator ke 0.00.20.15
66. Klik Stopwatch Opacity pastikan nilai Opacity = 100%
67. Alihkan Time Current Indicator ke 0.00.21.00
68. Ubah nilai Opacity masing-masing layer pedang.psd menjadi 0%
69. Lakukan langkah yang sama pada layer solid
70. Sekarang buat layer solid baru dengan cara pilih menu Layer > New > Solid
71. Aturlah setting layer dengan Name = backgroundhijau, Width = 320, Height = 240, dan Color =
Hijau
72. Alihkan Time Current Indicator ke 0.00.21.04
73. Potong durasi layer solid yang baru dibuat dengan cara tekan Alt+[
74. Alihkan Time Current Indicator ke 0.00.21.00
75. Klik Stopwatch Opacity layer solid background hijau pada time tersebut, kemudian ubah
nilainya menjadi 0%
76. Alihkan Time Current Indicator ke 0.00.21.12
77. Ubah nilai Opacity menjadi 100%
78. Alihkan Time Current Indicator ke 0.00.23.00
79. Impor file SEGITIGA.ai dari folder
80. Geser SEGITIGA.ai ke dalam panel Timeline dan posisikan di atas layer lainnya
81. Potong durasi SEGITIGA.ai dengan menekan Alt+[
82. Klik Stopwatch Opacity SEGITIGA.ai dan ubah nilai Opacity menjadi 0%
83. Alihkan Time Current Indicator ke 0.00.23.16
84. Ubah nilai Opacity SEGITIGA.ai menjadi 100%
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
Gambar 23 Tampilan segitiga pada panel composition
85. Beri efek Bevel Alpha pada layer segitiga dengan cara pilih menu Effect > Perspective > Bevel
Alpha
86. Atur setting efek dengan Edge Thickness = 4.20, Light Angle = 0 x -60.0, dan Light Intensity =
0.70
Gambar 24 Effect Controls Bevel Alpha layer segitiga
87. Hasil efek layer segitiga pada panel Composition
Gambar 25 Tampilan layer hasil efek Bevel Alpha
88. Selanjutnya membuat efek blur pada layer SEGITIGA.ai dengan cara pilih menu Effect >
Blur&Sharpen > Gaussian Blur
89. Alihkan Time Current Indicator ke 0.00.25.00
90. Klik Stopwatch Blurriness pada panel Effect Controls, pastikan nilai Blurriness = 0
91. Alihkan Time Current Indicator ke 0.00.26.04
92. Ubah nilai Blurriness = 30
93. Alihkan Time Current Indicator ke 0.00.27.10
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
94. Ubah nilai Blurriness = 0
Gambar 26 Effect Controls efek Gaussian Blur
95. Selanjutnya membuat layer teks, pilih Horizontal Text Tool
96. Ketik kata TEK KOMERS dengan jenis font Garamond Bold, ukuran 30 px, dan warna merah,
atur teks tersebut menggunakan panel Character dan tempatkan layer teks di atas layer solid
backgroundhijau
Gambar 27 Effect Controls efek Gaussian Blur
97. Posisi teks tersebut seperti gambar berikut
Gambar 28 Tampilan teks pada panel Composition
98. Alihkan Time Current Indicator ke 0.00.28.00
99. Potong durasi layer teks dengan menekan Alt+[
100. Beri animasi pada layer teks, pilin menu Animation > Apply Animation Preset , selanjutnya pilih
Text > Blurs > Bullet Train
101. Beri efek Glow pada layer teks dengan cara pilih menu Effect > Stylize > Glow
102. Atur setting efek pada panel Effect Controls dengan Glow Based On = Alpha Channel, Glow
Threshold = 0,0%, Glow Radius = 10, Glow Intensity = 10,7, dan Composite Original = On Top
-
Dyah Ruwiyanti/ Yosi Nurhayati Bahan Praktikum Multimedia 2
PK Teknik komputer
Gambar 29 Effect Controls Glow pada layer teks
103. Selanjutnya buat layer teks lagi dengan memilih Horizontal Type Tool
104. Ketik kata mempersembahkan dengan jenis font Arial Bold, ukuran 15 px, dan warna biru tua
105. Tempatkan teks pada panel Composition seperti gambar berikut
Gambar 30 Tampilan layer teks
106. Alihkan Time Current Indicator ke 0.00.30.13
107. Potong durasi layer teks pada time tersebut, tekan Alt+[
Gambar 31 Tampilan durasi layer pada Timeline
108. Beri animasi pada layer teks mempersembahkan dengan memilih menu Animation > Apply
Animation Preset , pilih Text > Mechanical > Underscore