Anda di halaman 1dari 24

Pelatihan Multimedia Flash Persentasi

Pelatihan Disain dan Multimedia Pembelajaran



Rahman Taufik
KEMAKOM FPMIPA UPI



1. Pengenalan Flash

Assalamualaikum Wr. Wb.
Sebelum kita masuk ke pembahasan pembuatan multimedia flash persentasi, ada baiknya kita
berkenalan dulu perkenalan kita kali ini perkenalan dengan aplikasi flash, aplikasi flash ini dibuat untuk
memudahkan kita membuat animasi yang sifatnya dinamis, selain itu masih banyak kegunaan flash lainnya
yang kita bisa manfaatkan salah satunya dengan membuat persentasi langsung saja tanpa basa-basi, mari
kita berkenalan dengan aplikasi flash



Menu Bar
Timeline Properties / Library
S
t
a
g
e

T
o
o
l



a. Stage

Stage merupakan tempat dimana kita menempatkan berbagai macam objek atau tampilan.

b. Timeline

Timeline merupakan panel dimana kita dapat mengatur frame dan juga layer. Seperti film, Flash
membagi panjang waktu ke dalam frame. Layer sendiri seperti gabungan beberapa film yang ditumpuk satu di
atas yang lain.


|| Seperti halnya dalam pemuatan sebuah film, Flash mengenal istilah Frame Rate, adalah tingkat
kecepatan animasi yang dimainkan pada Timeline dalam satuan frame per second (fps). Kita ambil
contoh untuk frame rate 12 fps artinya 12 gambar akan ditampilkan dalam satu detik.





c. Tool


Tool pada panel tool ini dapat dipergunakan untuk menggambar, mewarnai, menyeleksi, dan juga
mengubah, dll


|| Untuk tool yang diberi tanda * artinya tool itu terdapat beberapa pilihan tool lagi. Contoh pada Oval
tool, ketika kita menekan lama tool tersebut, maka muncul beberapa tool pilihan lagi yang setipe
dengannya, seperti Rectangle Tool, PolyStar Tool, dll.

|| Untuk masing-masing fungsi tool sendiri, pada modul ini tidak disediakan secara detail karena hanya
beberapa tool yang akan dipakai, untuk mengetahui fungsi setiap tool lainnya mungkin bisa dicari di
internet *maaf


Selection Tool (V) Sub Selection Tool (A)
Lasso Tool (L)
3D Rotation Tool (W) *
Pen Tool (P)
Line Tool (N)
Pencil Tool (Y)
Deco Tool (U)
Bone Tool (M) *
Eye Dropper Tool (I)
Hand Tool (H)
Stroke Color
Oval Tool (O) *
Black and White
Snap to Object
Text Tool (T)
Free Transform Tool (Q)
Brush Tool (B)*
Paint Bucket Tool (K) *
Eraser Tool (E)
Zoom Tool (Z)
Fill Color
Swap Colors
Smooth
Straighten



d. Properties


Properties disini berfungsi untuk mengatur stage, seperti panjang dokumen, lebar dokumen, warna
dokumen. Mengatur property tool, seperti ukuran panjang, lebar, tebal, warna, dll.


|| Setiap tool mempunyai panel properti masing-masing, artinya ada beberapa tool yang propertinya
berbeda dengan tool lain. Seperti contoh pada text tool terdapat properti font, paragraph, dll, berbeda
dengan line tool yang terdapat properti fill color, stroke color, dll.





e. Library


Library merupakan tempat dimana kita menyimpan dan mengatur symbol yang diciptakan dalam Flash,
dan juga file lainnya yang diimpor, seperti grafik bitmap, file suara, dan juga video clip.




f. Actionscript

Actionscript dimasukan pada panel Action. ActionScript sendiri merupakan bahasa scripting atau bahasa
pemrogaman yang terdapat di dalam program Flash yang didalamnya terdapat action, function, event,
ataupun event handler yang tujuannya untuk membuat animasi lebih interaktif dan dinamis

|| Untuk actionscript yang digunakan pada modul ini adalah actionscript 2.0, alasannya karena untuk
lebih mudah dalam membuat script yang akan kita gunakan dalam membuat animasi



2. Menyiapkan dokumen flash

Pertama yang harus kita lakukan untuk mengawali pelatihan kita kali ini adalah ucapkan bismillah
Dilanjutkan dengan menyiapkan dokumen flash. Berikut pemaparan lebih jelasnya

a. Sebelum menyiapkan stage, pastinya kita harus membuat sebuah file baru terlebih dahulu


b. Masuk ke stage, atur dokumen menjadi ukuran lebar 800 px dan tinggi 600 px


Untuk Modul kali ini,
kita buat sebuah file
action script 2.0
Klik Kanan Document Properties


c. Supaya tampilan dokumen terlihat jelas, ubah skala stage menjadi 50%


d. Taraaaa ! Jadilah tampilan stage yang seperti ini




3. Membuat Header persentasi

Nah lanjuttt yaaa sekarang ceritanya kita buat header, di header ini ceritanya kita simpan judul dan
beberapa menu
a. Kita rename dulu layer 1 nya menjadi header


b. Kita akan membuat kotak panjang yang disimpan di atas sebagai header, di panel properties atur
warna untuk membuat header





Ganti nama menjadi header
Warna latar
Warna garis luar Ketebalan garis luar
Header


c. Nah setelah latar header dibuat, kita berikan judul untuk flash persentasi ini, caranya
- Ketikan judul di sebelah kiri atas, apapun namanya (cont. persentasi)


- Klik tulisan judulnya -> klik kanan pada tulisan judulnya -> convert to symbol


- Beri nama untuk simbol judul, dan tentukan tipenya menjadi Movie Clip


- Nah setelah jadi movie clip, tekan dua kali pada judul, maka stage akan masuk ke dalam judul
*tanda telah masuk pada movie clip judul

- Untuk apa kita masuk ke judul??? Haha, kita buat judulnya menjadi dinamis, dibuat animasinya..


Atur warna tulisan dan size
tulisan
kita insert key
frame terlebih
dahulu, di frame
25


- Di frame 1, klik judul -> klik kanan -> convert to symbol (movie clip) -> ok


- Di panel properties, beri color effect pada judul
* alpha sebesar 30%

- klik kanan pada tengah-tengah frame, lalu pilih create classic tween
dan pada panel timeline akan seperti dibawah ini


- Masuk kembali ke scene 1, dengan cara klik pada tulisan scene, atau double klik disembarang panel
stage


- Setelah kembali pada scene 1, coba mainkan flash dengan menekan ctrl+enter




d. Setelah judul dibuat, sekarang waktunya kita membuat tombol menu.
- Kita buat layer baru, dan beri nama menu




- Dengan rectangle tool kita buat kotak persegi panjang jangan lupa beri warna, untuk dijadikan
tombol menu.. dan dibuat 3 kali


- Masing-masing pada tombol menu itu dijadikan symbol (convert to symbol), cara cepatnya tekan
f8, lalu berinama (dari kiri ke kanan : b_materi, b_video, b_soal) dan jangan lupa tipenya button
- Setelah dijadikan button, masing-masing tombol beri nama menu dengan cara masuk ke dalam
buttonnya (seperti masuk ke dalam judul *double klik)
Klik icon ini, untuk membuat layer baru
3 tombol menu


- Setelah masuk ke dalam button, pada frame UP buat tulisan materi dengan warna putih, dan insert
key frame untuk frame OVER buat tulisan materi dengan warna hitam





- Lanjut untuk frame DOWN, kita tekan terlebih dahulu F6 atau insert key frame, lalu masukan
sebuah suara, caranya drag atau tarik file suara yang ada di computer, lalu masukan kedalam flash
- Setelah masuk ke dalam flash, lihat di panel library, akan muncul sebuah file suara, file suara
tersebut masukan ke dalam panel stage di frame
- Setelah berhasil, kembali ke stage utama, lanjutkan proses yang diatas untuk dua tombol lagi
(tombol video, tombol soal)
- Selesai, kita mainkan animasinya dengan cara menekan ctrl+enter




e. Menu yang telah kita buat sudah dinamis, tinggal kita buat fungsinya untuk masing-masing menu
f. Sebelum membuat fungsi menu, kita buat sebuah layer baru (action), dan beri action script stop();
- Pertama buat layer baru bernama
- Di panel action script, kita masukan script
g. Setelah di stop, lanjut kita masuk pembahasan sebelumnya yaitu membuat fungsi pada menu, caranya
- Klik menu materi
- Tekan F9 atau klik kanan -> action
- Masukan script seperti dibawah ini


- Klik menu video
- Tekan F9 atau klik kanan -> action
- Masukan script seperti dibawah ini


- Klik menu soal
- Tekan F9 atau klik kanan -> action
- Masukan script seperti dibawah ini


h. Setelah semua tombol menu telah diberi fungsi, untuk mengujinya kita buat terlebih dahulu 3 scene
(scene materi, scene video, scene soal)




i. Cara membuat scene yaitu :
- Buka panel scene, caranya pilih windows -> other panel -> scene
- Buka panel scene, klik pada scene 1, lalu klik icon duplicate sebanyak 2 kali

- Setelah diduplicate sebanyak 2 kali, ubah setiap-setiap scene sesuai urutan dan nama dibawah ini


j. Penjelasannya adalah ketika kita membuat fungsi pada button seperti dibawah ini
materi menunjukan nama scene, jadi yang didalam
tanda itu disesuaikan dengan nama scene, atau sebaliknya. Nah fungsi itulah yang akan membuat
pindah scene ke scene materi, jadi dengan tombol yang diberi fungsi tersebut, maka ketika tombol
ditekan akan masuk ke scene materi
k. Supaya terlihat perbedaannya, disetiap scene atau dimasing-masing scene diberi tanda (contoh: diberi
subjudul), dan lihat hasilnya.. *Amazing*

Tombol duplicate scene


4. Mengisi Konten Materi

Yeahhh. Setelah perjuangan panjang membuat header, judul, menu, dan fungsi-fungsinya, lanjut kita akan
bahas bagaimana cara mengisi materi di dalam scene materi

a. Buat layer baru dengan nama materi
b. Buat sebuah text tool dengan dynamic text

c. Copy-kan materi yang ada di computer ke dalam flash (*materi tersedia di materi.txt) atau kita bisa
buat materi yang baru
d. Setelah itu Paste materi tersebut ke dalam dynamic text
e. Dilanjutkan dengan menambahkan komponen UIScrollBar yang ada di panel komponen ke dalam
dynamic text, tempatkan sebelah kanan
f. Setelah terpasang di dalam dynamic text, kecilkan tinggi dynamic text tersebut sehingga memenuhi
ukuran dokumen

g. Lanjutkan dengan menekan ctrl+enter, dan lihat perubahan yang terjadi. :p



5. Mengimport Video

Untuk Scene video, kita membutuhkan video yang akan ditampilkan didalam flash, ada yang tau caranya????
Yang jelas kita masukan video dari computer ke dalam flash

a. Masuk ke scene video, buat layer baru bernama video
b. Pilih file import
c. Usahakan pilih video yang berformat .flv


d. Setelah dipilih tekan next

Pilih browse, untuk memasukan video ke
dalam flash


e. Setelah dipilihnya salah satu video, maka akan muncul layar yang seperti dibawah ini, untuk lanjut
tekan next


f. Dan inilah tahap terakhir, tekan finish

Pilihan Skin Video


g. Atur size atau ukuran video sesuai layar persentasi, dan lihatlah hasilnya dengan menekan ctrl+enter



6. Membuat Soal
Untuk Scene terakhir scene soal, kita buat pilihan ganda dengan format nilai, untuk yang satu ini diperlukan
sebuah variable, variable itu apa?? Mari kita lihat dibawah ini

a. Masuk ke scene video, dan buat layer soal
b. Masukan atau buat text (static text) untuk soal pertama
c. Masukan atau buat pilihan ganda, dimasukan satu-satu sesuai urutan (a, b, c, d)




d. Untuk soal nomer dua, buat di frame baru frame yang kedua, dengan cara insert key frame atau tekan
F6 di frame ke 2 disemua layer
e. Dilanjutkan dengan pengisian, sama dengan nomer satu masukan atau buat satu-satu soalnya dan
pilihan gandanya
f. Dan jangan lupa pada frame 2 seperti di frame 1, di layer action beri action script stop();





e. Setelah selesai membuat soal 1 dengan soal 2, lanjut dengan memasukan keterangan nilai di frame 3
layer soal, cara buatnya sama yaitu insert key frame di frame 3 di semua layer, lalu masukan seperti
dibawah ini di layer soal

f. Apa itu variable??? Pertama variable terletak di panel properties dynamic text, kedua variable
digunakan untuk penanda, jadi variable disini digunakan untuk penanda dynamic text yang nantinya
akan diisi suatu nilai
g. Jangan lupa masih di frame 3, dan di layer action beri script stop();
h. Kembali ke frame 1, pada layer action masukan script seperti dibawah ini


Dynamic text dengan nama variable
benar
Dynamic text dengan nama variable
salah
Dynamic text dengan nama variable ket
Static
Text


i. Lalu pada pilihan ganda A, B, C, D masing-masing tekan F8 atau convert to symbol, menjadi sebuah
button
j. Pada pilihan ganda A, masukan script dibawah ini dengan cara menekan F9 atau action tepat di objek
pilihan ganda A

g. Untuk pilihan ganda B, C, D, masukan script dibawah ini, dengan cara satu-satu disetiap pilihan
gandanya

h. Sama untuk soal nomer 2, setiap pilihan gandanya terlebih dahulu dijadikan button
i. Dan pada soal nomer 2 pilihan ganda yang benar disimpan di D, maka masukan script seperti pilihan A
yang ada di soal nomer 1
j. Untuk soal nomer 2, pilihan yang lainnya salah, dan script sama seperti pilihan B, C, D di soal nomer 1
k. Untuk frame yang ke 3, di layer action klik F9 atau masuk ke panel Action Script, lalu masukan script
seperti di bawah ini

l. Dengan jantung yang berdebar-debar kita lihat soal yang telah kita buat dengan menekan
ctrl+enter (test movie)



7. Penutup

Sampailah kita di akhir penghujung acara tidak terasa menit-menit berlalu menemani kita hingga kita
menyelesaikan modul flash persentasi ini (amin).
harapan penulis kedepannya semoga dengan adanya pelatihan dan modul ini, bisa menambah wawasan
dan nilai kebermanfaatan untuk kita semua, terlebih semoga aplikasi in bisa dijadikan referensi untuk
pembuatan multimedia flash persentasi kedepan
Terimakasih atas perhatian, akhir kata
Hidup mahasiswa !
Wassalamualaikum wr. wb