12.Berkreasi Istimewa Special Effect dengan Flash.pdf

  

S LIDE S HOW E FFECT

  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.

  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

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

  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

  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

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

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.

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

  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

  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.

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.

  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.

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.

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.

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

  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

  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

  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.

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

  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

  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.

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

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

  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.