115
SLIDE SHOW EFFECT
Ok, Anda sudah jago membuat slide show, tapi bagaimana membuat efek slide show yang menarik? Slide show tanpa transisi yang baik akan menimbulkan kesan dull/membosankan. Jadi, saat ini Anda akan belajar membuat transisi slide show yang menarik.
Gambar 12.1 Contoh Slide Show Effect
Anda akan berkenalan dengan Advanced Effect yang akan diajarkan dalam bab ini. Ikuti langkah-langkahnya berikut ini.
1. Bukalah dokumen Slide Show Effect.fla dengan menekan menu File | Open, lalu pilih file tersebut pada folder File Latihan.
116
2. Ubah ukuran stage menjadi 300 pixel x 220 pixel, warna background hitam, Frame Rate 52 fps dengan cara menekan Ctrl+J atau klik menu Modify | Document.
Gambar 12.2 Ubah Document Properties
3. Bukalah library dengan menekan tombol Ctrl+L.
4. Tarik gambar picture1.jpg ke dalam stage.
5. Posisikan gambar di tengah-tengah stage dengan cara mengklik ikon Align/Distribute to stage, Align Vertical Center, dan Align Horizontal Center pada window Align.
Gambar 12.3 Align Gambar ke Tengah Stage
117
6. Tekan F8 untuk mengubah gambar menjadi simbol movie clip. Beri nama picture1_mc dan pilih tipe Movie clip, lalu disertai dengan menekan tombol OK.
Gambar 12.4 Convert Gambar Menjadi Simbol Movie Clip
7. Klik Frame 15 dan tekan F6 atau klik kanan Frame 15 lalu pilih Insert Keyframe.
8. Insert Keyframe pada frame 60.
9. Insert Keyframe pada frame 80.
10. Masih di Frame 80, klik Selection Tool atau menekan tombol V pada keyboard. Klik satu kali pada gambar untuk menyorotnya dan pada panel Properties klik Color Styles.
Gambar 12.5 Klik Color Styles pada Panel Properties
11. Pilih Tint pada kotak drop down Color.
118
Gambar 12.6 Pilih Tint
12. Pilih warna hitam.
Gambar 12.7 Memilih Warna Hitam
13. Ubah nilai Tint Amount menjadi 100% dengan mengetiknya pada kotak isian Tint Amount atau menggeser slider ke arah atas hingga menjadi 100%.
Gambar 12.8 Ubah Nilai Tint Amount Menjadi 100%
119
14. Klik kanan di antara frame 60 dan frame 80 lalu pilih Create Motion Tween untuk mengubah gambar menjadi memudar ke warna hitam.
Gambar 12.9 Create Motion Tween di Antara Frame 60 dan 80
15. Klik frame 1.
16. Klik gambar yang ada di stage lalu pada panel Properties klik panah drop down Color Style.
Gambar 12.10 Klik Kotak Pilihan Color Styles
17. Pada kotak drop down Color Style pilih Advanced.
Gambar 12.11 Pilih Advanced
120
18. Klik tombol Settings… yang berada di samping kanan Color Style.
Gambar 12.12 Klik Tombol Advanced Color Settings
19. Pada kotak isian Advanced Effect beri nilai 300 untuk nilai Red, Green, Blue. Setelah itu diakhiri dengan menekan tombol OK. Setelah melakukan hal ini, gambar di stage akan berwarna putih. Hal ini berbeda dengan jika Anda memilih Color Style: Tint dan memilih warna putih. Perbedaannya adalah Anda memasukkan nilai untuk mengubah warna Red, Green, Blue. Hasilnya akan tampak berbeda setelah Anda memberikan motion tween. Cobalah ban-dingkan jika Anda melakukan Advanced Effect dan menggunakan Tint warna putih.
Tip: Anda dapat juga bereksperimen dengan mengganti nilai Red, Green, Blue untuk mendapatkan warna lain.
Gambar 12.13 Ubah Nilai Red, Green, Blue Menjadi 300
121
20. Klik kanan di antara frame 1 dan frame 15 lalu pilih Create Motion Tween.
Gambar 12.14 Create Motion Tween di antara Frame 1 dan 15
21. Klik ganda layer 1 dan ganti namanya menjadi picture 1.
Gambar 12.15 Ganti Nama Layer 1 Menjadi picture 1
22. Klik ikon Insert Layer untuk menambah layer baru.
Gambar 12.16 Insert Layer Baru
23. Klik dua kali layer baru tersebut dan beri nama picture 2.
122
Gambar 12.17 Ganti Nama Layer Baru Menjadi picture 2
24. Klik frame 80 layer picture 2 lalu tekan tombol F6 atau klik kanan frame 80 lalu pilih Insert Keyframe.
Gambar 12.18 Insert Keyframe di Frame 80 Layer picture 2
25. Klik selection tool atau menekan tombol V pada keyboard lalu tarik gambar picture2.jpg dari Library ke dalam stage.
123
Gambar 12.19 Tarik Gambar picture2.jpg ke Stage
26. Posisikan gambar di tengah-tengah stage dengan cara mengklik icon Align Vertical Center, dan Align Horizontal Center pada window Align.
Gambar 12.20 Align Gambar ke Tengah Stage
27. Tekan F8 untuk mengubah gambar menjadi simbol movie clip. Beri nama picture2_mc dan pilih tipe Movie clip, lalu disertai dengan menekan tombol OK.
124
Gambar 12.21 Convert Gambar Menjadi Simbol Movie Clip
28. Klik Frame 95 dan tekan F6 atau klik kanan Frame 95 lalu pilih Insert Keyframe.
29. Insert Keyframe pada frame 140.
30. Insert Keyframe pada frame 160.
31. Masih di Frame 160 klik satu kali pada gambar untuk menyorotnya dan pada panel Properties klik Color Styles.
Gambar 12.22 Klik Color Styles pada Panel Properties
32. Pilih Tint pada kotak drop down Color.
125
Gambar 12.23 Pilih Tint
33. Pilih warna hitam dan nilai Tint Amount 100%.
Gambar 12.24 Pilih Warna Hitam dan Amount 100%
34. Klik kanan di antara frame 140 dan frame 160 lalu pilih Create Motion Tween untuk mengubah gambar menjadi memudar ke warna hitam.
35. Klik frame 80.
36. Klik gambar yang ada di stage lalu pada panel Properties klik panah drop down Color Style.
Gambar 12.25 Klik Kotak Pilihan Color Styles
37. Pada kotak drop down Color Style pilih Advanced.
126
Gambar 12.26 Pilih Advanced
38. Klik tombol Settings… yang berada di samping kanan Color Style.
Gambar 12.27 Klik Tombol Advanced Color Settings
39. Pada kotak isian Advanced Effect beri nilai 300 untuk nilai Red, Green, Blue. Setelah itu diakhiri dengan menekan tombol OK.
Gambar 12.28 Ubah Nilai Red, Green, Blue Menjadi 300
127
40. Klik kanan di antara frame 80 dan frame 95 lalu pilih Create Motion Tween.
41. Klik ikon Insert Layer untuk menambah layer baru.
Gambar 12.29 Insert Layer Baru
42. Klik dua kali layer baru tersebut dan beri nama picture 3.
Gambar 12.30 Ganti Nama Layer Baru Menjadi picture 3
43. Klik frame 160 layer picture 3 lalu tekan tombol F6 atau klik kanan frame 160 lalu pilih Insert Keyframe.
Gambar 12.31 Insert Keyframe di Frame 160 Layer picture 3
128
44. Tarik gambar picture3.jpg dari Library ke dalam stage.
45. Posisikan gambar di tengah-tengah stage dengan cara mengklik ikon Align Vertical Center, dan Align Horizontal Center pada window Align.
Gambar 12.32 Align Gambar ke Tengah Stage
46. Tekan F8 untuk mengubah gambar menjadi simbol movie clip. Beri nama picture3_mc dan pilih tipe Movie clip, lalu disertai dengan menekan tombol OK.
Gambar 12.33 Convert Gambar Menjadi Simbol Movie Clip
47. Klik kanan Frame 175 lalu pilih Insert Keyframe.
48. Insert Keyframe pada frame 220.
49. Insert Keyframe pada frame 240.
50. Masih di Frame 240 klik satu kali pada gambar untuk menyorotnya dan pada panel Properties klik Color Styles.
129
Gambar 12.34 Klik Color Styles pada Panel Properties
51. Pilih Tint pada kotak drop down Color.
Gambar 12.35 Pilih Tint
52. Pilih warna hitam dan nilai Tint Amount 100%.
Gambar 12.36 Pilih Warna Hitam dan Amount 100%
53. Klik kanan di antara frame 220 dan frame 240 lalu pilih Create Motion Tween untuk mengubah gambar menjadi memudar ke warna hitam.
54. Klik frame 160.
130
55. Klik gambar yang ada di stage lalu pada panel Properties klik panah drop down Color Style.
Gambar 12.37 Klik Kotak Pilihan Color Styles
56. Pada kotak drop down Color Style pilih Advanced.
Gambar 12.38 Pilih Advanced
57. Klik tombol Settings… yang berada di samping kanan Color Style.
Gambar 12.39 Klik Tombol Advanced Color Settings
58. Pada kotak isian Advanced Effect beri nilai 300 untuk nilai Red, Green, Blue. Setelah itu diakhiri dengan menekan tombol OK.
131
Gambar 12.40 Ubah Nilai Red, Green, Blue Menjadi 300
59. Klik kanan di antara frame 160 dan frame 175 lalu pilih Create Motion Tween.
60. Klik ikon Insert Layer untuk menambah layer baru.
Gambar 12.41 Insert Layer Baru
61. Klik dua kali layer baru tersebut dan beri nama picture 4.
62. Klik kanan frame 240 lalu pilih Insert Keyframe.
132
Gambar 12.42 Insert Keyframe di Frame 240 Layer picture 4
63. Tarik gambar picture4.jpg dari Library ke dalam stage.
64. Posisikan gambar di tengah-tengah stage dengan cara mengklik ikon Align Vertical Center, dan Align Horizontal Center pada window Align.
Gambar 12.43 Align Gambar ke Tengah Stage
65. Tekan F8 untuk mengubah gambar menjadi simbol movie clip. Beri nama picture4_mc dan pilih tipe Movie clip, lalu disertai dengan menekan tombol OK.
133
Gambar 12.44 Convert Gambar Menjadi Simbol Movie Clip
66. Klik kanan Frame 255 lalu pilih Insert Keyframe.
67. Insert Keyframe pada frame 300.
68. Insert Keyframe pada frame 320.
69. Masih di Frame 320 klik satu kali pada gambar untuk menyorotnya dan pada panel Properties klik Color Styles.
Gambar 12.45 Klik Color Styles pada Panel Properties
70. Pilih Tint pada kotak drop down Color.
Gambar 12.46 Pilih Tint
134
71. Pilih warna hitam dan nilai Tint Amount 100%.
Gambar 12.47 Pilih Warna Hitam dan Amount 100%
72. Klik kanan di antara frame 300 dan frame 320 lalu pilih Create Motion Tween untuk mengubah gambar menjadi memudar ke warna hitam.
73. Klik frame 240.
74. Klik gambar yang ada di stage lalu pada panel Properties klik panah drop down Color Style.
Gambar 12.48 Klik Kotak Pilihan Color Styles
75. Pada kotak drop down Color Style pilih Advanced.
Gambar 12.49 Pilih Advanced
135
76. Klik tombol Settings… yang berada di samping kanan Color Style.
Gambar 12.50 Klik Tombol Advanced Color Settings
77. Pada kotak isian Advanced Effect beri nilai 300 untuk nilai Red, Green, Blue. Setelah itu diakhiri dengan menekan tombol OK.
Gambar 12.51 Ubah Nilai Red, Green, Blue Menjadi 300
78. Klik kanan di antara frame 240 dan frame 255 lalu pilih Create Motion Tween.
79. Klik ikon Insert Layer untuk menambah layer baru.
Gambar 12.52 Insert Layer Baru
136
80. Klik dua kali layer baru tersebut dan beri nama picture 5.
81. Klik kanan frame 320 lalu pilih Insert Keyframe.
Gambar 12.53 Insert Keyframe di Frame 320 Layer picture 5
82. Tarik gambar picture5.jpg dari Library ke dalam stage.
83. Posisikan gambar di tengah-tengah stage dengan cara mengklik ikon Align Vertical Center, dan Align Horizontal Center pada window Align.
Gambar 12.54 Align Gambar ke Tengah Stage
84. Tekan F8 untuk mengubah gambar menjadi simbol movie clip. Beri nama picture5_mc dan pilih tipe Movie clip, lalu disertai dengan menekan tombol OK.
137
Gambar 12.55 Convert Gambar Menjadi Simbol Movie Clip
85. Klik kanan Frame 335 lalu pilih Insert Keyframe.
86. Insert Keyframe pada frame 380.
87. Insert Keyframe pada frame 400.
88. Masih di Frame 400 klik satu kali pada gambar untuk menyorotnya dan pada panel Properties klik Color Styles.
Gambar 12.56 Klik Color Styles pada Panel Properties
89. Pilih Tint pada kotak drop down Color.
Gambar 12.57 Pilih Tint
138
90. Pilih warna hitam dan nilai Tint Amount 100%.
Gambar 12.58 Pilih Warna Hitam dan Amount 100%
91. Klik kanan di antara frame 380 dan frame 400 lalu pilih Create Motion Tween untuk mengubah gambar menjadi memudar ke warna hitam.
92. Klik frame 320.
93. Klik gambar yang ada di stage lalu pada panel Properties klik panah drop down Color Style.
Gambar 12.59 Klik Kotak Pilihan Color Styles
94. Pada kotak drop down Color Style pilih Advanced.
Gambar 12.60 Pilih Advanced
139
95. Klik tombol Settings… yang berada di samping kanan Color Style.
Gambar 12.61 Klik Tombol Advanced Color Settings
96. Pada kotak isian Advanced Effect beri nilai 300 untuk nilai Red, Green, Blue. Setelah itu diakhiri dengan menekan tombol OK.
Gambar 12.62 Ubah Nilai Red, Green, Blue Menjadi 300
97. Klik kanan di antara frame 320 dan frame 335 lalu pilih Create Motion Tween.
98. Klik ikon Insert Layer untuk menambah layer baru.
140
Gambar 12.63 Insert Layer Baru
99. Klik dua kali layer baru tersebut dan beri nama picture 6.
100. Klik kanan frame 400 lalu pilih Insert Keyframe.
Gambar 12.64 Insert Keyframe di Frame 400 Layer picture 6
101. Tarik gambar picture6.jpg dari Library ke dalam stage.
102. Posisikan gambar di tengah-tengah stage dengan cara mengklik ikon Align Vertical Center, dan Align Horizontal Center pada window Align.
Gambar 12.65 Align Gambar ke Tengah Stage
141
103. Tekan F8 untuk mengubah gambar menjadi simbol movie clip. Beri nama picture6_mc dan pilih tipe Movie clip, lalu disertai dengan menekan tombol OK.
Gambar 12.66 Convert Gambar Menjadi Simbol Movie Clip
104. Klik kanan Frame 415 lalu pilih Insert Keyframe.
105. Insert Keyframe pada frame 460.
106. Insert Keyframe pada frame 480.
107. Masih di Frame 480 klik satu kali pada gambar untuk me-nyorotnya dan pada panel Properties klik Color Styles.
Gambar 12.67 Klik Color Styles pada Panel Properties
108. Pilih Tint pada kotak drop down Color.
142
Gambar 12.68 Pilih Tint
109. Pilih warna hitam dan nilai Tint Amount 100%.
Gambar 12.69 Pilih Warna Hitam dan Amount 100%
110. Klik kanan di antara frame 460 dan frame 480 lalu pilih Create Motion Tween untuk mengubah gambar menjadi memudar ke warna hitam.
111. Klik frame 400.
112. Klik gambar yang ada di stage lalu pada panel Properties klik panah drop down Color Style.
Gambar 12.70 Klik Kotak Pilihan Color Styles
113. Pada kotak drop down Color Style pilih Advanced.
143
Gambar 12.71 Pilih Advanced
114. Klik tombol Settings… yang berada di samping kanan Color Style.
Gambar 12.72 Klik Tombol Advanced Color Settings
115. Pada kotak isian Advanced Effect beri nilai 300 untuk nilai Red, Green, Blue. Setelah itu diakhiri dengan menekan tombol OK.
Gambar 12.73 Ubah Nilai Red, Green, Blue Menjadi 300
144
116. Klik kanan di antara frame 400 dan frame 415 lalu pilih Create Motion Tween.
Selamat, Anda telah menyelesaikan latihan ini! Ternyata membuat special effect dengan Flash bukan suatu hal yang sukar bukan.