Praktikum Ae 1

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


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


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



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


PK Teknik komputer


22. Tekan Alt+[ untuk memotong durasi layer TAMENG.ai



24. Klik Stopwatch Opacity


26. Ubah nilai Opacity menjadi 0%

27. Selanjutnya membuat animasi pedang, alihkan Time Current Indicator ke 0.00.08.04


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


PK Teknik komputer



31. Pindahkan lagi kedua pedang dan ubah nilai Rotation sehingga tampak seperti gambar berikut

Gambar 14 Tampilan layer pedang bersentuhan


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


PK Teknik komputer

38. Hasilnya kedua pedang.psd akan tampak menyala seperti gambar berikut

Gambar 16 Efek Glow pada kedua pedang


40. Pindahkan kedua layer pedang.psd seperti tampak pada gambar berikut dan lakukan perubahan

pada nilai rotation

Gambar 17 Pedang berpindah posisi


42. Pindahkan dan atur posisi kedua layer pedang.psd seperti tampak pada gambar berikut dan

lakukan perubahan pada nilai rotation


PK Teknik komputer

Gambar 18 Pedang berpindah posisi kemudian bersentuhan


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


46. Pindahkan lagi kedua layer pedang.psd seperti tampak pada gambar berikut dan lakukan

perubahan pada nilai rotation


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


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



PK Teknik komputer

58. Seleksi kedua layer pedang.psd hasil perpotongan, klik Stopwatch Scale pada masing-

masing layer tersebut


60. Ubah nilai Scale menjadi 100,00 . 100,0% sehingga akan mendapatkan ukuran kedua layer

pedang tersebut bertambah besar


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


66. Klik Stopwatch Opacity pastikan nilai Opacity = 100%


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


73. Potong durasi layer solid yang baru dibuat dengan cara tekan Alt+[


75. Klik Stopwatch Opacity layer solid background hijau pada time tersebut, kemudian ubah

nilainya menjadi 0%


77. Ubah nilai Opacity menjadi 100%


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%


84. Ubah nilai Opacity SEGITIGA.ai menjadi 100%


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


90. Klik Stopwatch Blurriness pada panel Effect Controls, pastikan nilai Blurriness = 0


92. Ubah nilai Blurriness = 30



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


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


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


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

Praktikum Ae 1

Documents

Transcript of Praktikum Ae 1