Modul Praktek Multimedia
Modul Praktek Multimedia
MODUL 1
MENGGUNAKAN FASILITAS MULTIMEDIA YANG
TERSEDIA DALAM WINDOWS
A. Maksud dan Tujuan
1. Maksud
Informatika
dan Komputer
FT UNNES
berbeda dengan Pendidikan
yang ada Teknik
pada Modul
ini. Pada
prinsipnya- cara
kerjanya sama.
1. Tampilan menu seperti gambar di bawah ini :
3. Klik File dan klik Open, setelah itu pilih salah satu file dalam
direktori media, missal kita pilih Canyon.
Modul Praktikum Multimedia
Pendidikan
Teknik
Informatika
Komputer
- FT UNNES
4. Klik tombol Open,
lalu klik
tombol
Play padadan
Media
Player.
5. Untuk berhenti klik tombol Stop.
6. Cobalah file lain baik yang ber ekstensi .WAV maupun .MID
Menggunakan Active Movie Control
1. Tampilan Menu Seperti langkah pertama ketika
Media Player, lalu pilih Active Movie Control.
akan memilih
2. Bila tampilan menu Active Movie muncul, pilih file ber ekstensi
.AVI, lalu klik Open.
3. Klik tombol Play untuk memainkan file tersebut, bila ingin
menghentikan klik tombol Stop.
4. Cobalah file .AVI lain yang tersedia dan amati waktu/time dan
panjangya file tersebut.
5. Bila tersedia, cobalah fasilitas multimedia yang lain seperti CD
Player.
Menggunakan WinAmp
Tentunya fasilitas yang satu ini sudah tidak asing lagi bagi peserta
praktikum multimedia.
1. Tanpilan WinAmp dengan cara mengklik logo WinAmp yang mirip
logo PLN.
2. Kliklah
ini :
3. Pilihlah Play File.. untuk memilih file MP3 yang akan dimainkan.
Setelah itu kliklah tombol Play. Bila ingin berhenti kliklah tombol
Stop.
4. Cobalah untuk memainkan file .MID dan file .WAV yang tersedia
pada menu WinAmp.
5. Cobalah perintah-perintah lainnya yang tersedia dalam menu
WinAmp.
D. Tugas
1. Sebutkan file ber ekstensi apa yang dapat menampung suara
manusia
2. Sebutkan file ber
instrument music
ekstensi
apa
yang
dapat
menampung
MODUL 2
PENGELOHAN SUARA UNTUK FILE .WAV
A. Maksud dan Tujuan
1. Maksud
Mengenal fasilitas multimedia untuk merekam suara menjadi
.WAV
2. Tujuan
Agar mahasiswa dapat melakukan proses perekaman suara dan
proses editing dengan menggunakan fasilitas multimedia yang
tersedia dalam Windows
B. Teori
Bila bekerja dengan suara dalam multimedia, sudah pasti akan
ditemui suara yang diubah ke dalam bentuk digital. Dalam aplikasi
Windows terdapat dua tipe standar suara yang umum digunakan
yaitu tipe WAVE dan tipe MIDI.
Tipe WAVE biasanya sudah terpasang pada saat menginstall
aplikasi Windows. Tipe WAVE ini akan tersimpan dalam file dengan
ekstensi .WAV.
Walau bentuk WAVE ini sudah menjadi standar dalam sistem
operasi Windows, akan tetapi untuk menjalankannya masih
dibutuhkan file driver (penunjang) yang dapat memainkan file
WAVE tersebut.
Tipe MIDI (Musical Instrument Digital Interface) tidak secara
otomatis menjadi jenis file suara yang dapat dimainkan pada
aplikasi Windows sebelum generasi Windows XP. Tipe suara MIDI ini
mempunyai ekstensi .MID. Untuk dapat menjalankan jenis file
tersebut harus ditambahkan perangkat keras suara (sound card)
untuk dapat memainkan maupun merekamnnya.
Dari kedua jenis suara tersebut terdapat perbedaan yang
menyolok, yaitu file suara yang dihasilkan dengan tipe WAVE akan
lebih banyak memakan tempat penyimpanan dibanding suara
dengan tipe MIDI. Pada modul ini akan kita bahas adalah merekam
suara analog menjadi file suara berekstensi .WAV
C. Praktek
Modul Praktikum Multimedia
Pendidikan
Teknik Informatika
dan Komputer
- FT UNNES
Merekam suara dengan
menggunakan
Sound Recorder
:
1. Tampilan menu seperti langkah menampilkan menu pada modul
1, lalu pilih Sound Recorder
Pendidikan
Teknik
Informatika
dan
Komputer
FT UNNES
5. Untuk berhenti
dari proses
perekaman
suara
klik
tombol -Stop.
Lalu simpan dengan cara klik tombol File, klik Save As, dan
tulis nama filenya.
6. Menu properties digunakan untuk menentukan kualitas suara
yang diinginkan dan melakukan proses konversi format suara
dari PCM 22 KHz, 8 BIT Mono menjadi 44.1 KHx 16 bit atau
sebaliknya.
Pendidikan
FT UNNES
16 bit Mono, 44
KHz 8 bitTeknik
Mono,Informatika
dan 44 KHzdan
16 Komputer
bit Mono. -Lama
waktu perekaman 1 menit.
2. Bandingkan besarnya ukuran file untuk masing-masing format
dan bandingkan pula kualitas suara yang dihasilkan untuk
masing-masing format. Format mana yang kualitasnya bagus.
MODUL 3
MEREKAM SUARA MENGGUNAKAN COOL EDIT PRO
A. Maksud dan Tujuan
1. Maksud
Mengenal fasilitas multimedia untuk merekam suara dengan
menggunakan paket editor Cool Edit Pro 2.0
2. Tujuan
Agar mahasiswa dapat melakukan proses perekaman suara dan
proses editing dengan menggunakan paket editor Cool Edit Pro
2.0
B. Teori
Cool Edit Pro 2.0 merupakan paket editor suara untuk sistem
operasi Windows berbasis Personal Computer (PC) yang berguna
untuk merekan dan memodifikasi file yang umumnya berekstensi
.wav. Semua fungsi yang diperlukan untuk mengambil audio dari
mulai konsep hingga selesainya proyek dapat dilakukan dengan
software ini. Hal ini berarti pengguna tidak memerlukan aplikasi
pihak ketiga atau plug-in untuk penyelesaian pekerjaan. Karena
dukungan plug-in sudah terbangun sehingga pengguna dapat
menggunakan semua Sound Card atau DirectX audio plug-in
kompatibel yang mudah seperti efek Cool Edit Pro asli.
10
11
12
Pendidikan
Informatika
dan Komputer - FT UNNES
Gambar
6 : SubTeknik
Window
Noise Reduction
f. Pilih Get Profile from Selection untuk mendapatkan
gelombang yang di blok sebelumnya telah diblok, maka akan
muncul contoh gelombang yang akan direduksi
13
MODUL 4
PEMBERIAN EFEK SUARA HASIL REKAMAN DALAM
MULTITRACK
COOL EDIT PRO 2.0
A. Maksud dan Tujuan
1. Maksud
Mengenal fasilitas multimedia untuk merekam suara dengan
memberi efek suara menggunakan paket editor Cool Edit Pro
2.0
2. Tujuan
Modul Praktikum Multimedia
14
Pendidikan
Teknik Informatika
dan Komputer
- FT
UNNES
Agar mahasiswa
dapat melakukan
proses perekaman
suara
dan
proses editing dengan memberi efek suara menggunakan paket
editor Cool Edit Pro 2.0
B. Teori
Pemberian efek suara
Dalam duania editing audio pemberian efek suara diperlukan guna
memperoleh susara-suara yang diinginkan dan sesuai dengan
kebutuhan. Pemberian efek biasanya dilakukan untuk memperkaya
suara-suara yang akan diproduksi, misalnya pemberian efek gema,
yang dapat digunakan dalam drama agar terdengar lebih menarik,
dan juga efek-efek suara lainnya. Selain itu pemberian efek juga
dapat digunakan pada saat terbatasnya jumlah personil dalam drama,
misalnya dalam suatu drama memerlukan 8 orang sedangkan jumlah
personil yang ada hanya 4 orang maka dapat dibuat dengan cara, 1
orang memerankan 2 karakter suara yang berbeda dengan
menggunakan efek maka hal tersebut dapat teratasi.
Delay effects
15
Pendidikan
Teknik
Informatika
dan Komputer
2. Klik tombol Record
(bulatan
merah
di kiri bawah)
untuk - FT UNNES
memulai perekaman akan tampil jendela pengaturan seperti di
bawah.
16
D. Tugas
Beri Penjelasan dan gambaran pemberian efek suara :
a. Chorus
b. Delay
c. Dynamic Delay
d. Echo
e. Echo Chamber
f. Flanger
g. Full Reverb
h. Multitap Delay
MODUL 5
PROSES PENCAMPURAN (MIXING) MULTITRACK COOL
EDIT PRO 2.0
A. Maksud dan Tujuan
Modul Praktikum Multimedia
17
1. Maksud
Proses
Pencampuran
2. Tujuan
Mahasiswa dapat melakukan proses Pencampuran (Mixing)
Multitrack Cool Edit Pro 2.0
B. Teori
Software cool edit menyediakan fasilitas pencampuran hasil-hasil
rekaman yang terpisah menjadi satu kesatuan. Hasil Perekaman
yang masing-masing direkam sendiri-sendiri setelah hasilnya di
dapatkan dan disimpan dalam bentuk file, kemudian disatukan
dalam multitrack display.
Setelah file-file dimasukkan, proses pencampuran dimulai dengan
menyesuaikan tempo, volume masing-masing suara, posisi dimana
suara itu akan keluar, pengulangan suara dan sebagainya.
Setelah Proses Mixing selesai kemudian di simpan melalui Save
Mixdown As untuk menyimpan hasil mixing dalam bentuk format
sound seperti .wav, .mp3 atau format lain dengan mengubah Save
as type-nya.
File tersimpan dalam directory dan siap disimpan dalam media
penyimpanan yang diinginkan seperti kaset, Flasdisk atau Compact
Disk (CD).
C. Praktek
1. Buka file-file yang akan dimasukkan dalam multi track, file
tersebut akan terbuka terlebih dahulu di wave display editor.
2. Klik kanan bentuk gelombangnya dan pilih Insert Into
Multitrack. File akan tercopy ke dalam Multitrack display. Untuk
mengeceknya klik tombol panjang dengan gelombang berwarna
hijau padak pojok kiri atas (tombol multitrack switch).
3. Dapat juga langsung mengambil file dari Multitrack display
dengan cara tekan Insert (pada Menu Bar) kemudian pilih wave
from...artinya kita mengambil file dari tempat yang kita
inginkan tanpa melalui wave display (tampilan awal cool edit).
Atau dengan menekan toolbar (
) maka secara langsung
kita dapat memilih file mana yang akan dimasukkan.
18
19
Gam
bar 3 : Sub Windows Save Mixdown untuk menyimpan file hasil
mixing dalam berbagai format yang diinginkan
7. File sudah tersimpan dalam directory yang diinginkan dan siap
disimpan dalam media penyimpanan yang diinginkan seperti
kaset, Flasdisk atau Compact Disk (CD).
D. Tugas
Buat rekaman percakapan dua orang bapak berusia sekitar 30
tahun di sebuah pos jaga sebuah perumahan pada malam hari
sekitar pukul 10 malam sambil main catur, Maka ada beberapa
unsur yang harus disiapkan agar hasil rekaman peristiwa tersebut
benar-benar menggambarkan percakapan dua orang bapak
dimalam hari tersebut, yaitu (1) adanya naskah dialog yang akan di
perbincangkan oleh kedua bapak tadi, (2) dipilih dua orang laki-laki
yang dapat mengeluarkan suara layaknya berusia sekitar 30 tahun,
(3) setelah didapatkan hasil rekaman 2 orang bapak, maka perlu
direkam juga suara-suara pendukung atau efek tadi diantaranya
Modul Praktikum Multimedia
20
Pendidikan
Teknik Informatika
Komputer -suara
FT UNNES
suara jangkrik, suara
hembusan
angin, bisa dan
ditambahkan
lolongan anjing dikejauhan, (4) suara-suara tadi disatukan untuk
mendapatkan hasil rekaman percakapan bapak-bapak yang seperti
keadaan sebenarnya.
MODUL 6
PENGENALAN KAMERA RECORDER
A. Maksud dan Tujuan
1. Maksud
Mengenal dan mengambil gambar objek dengan Kamera
Recorder
2. Tujuan
a. Dapat menggunakan kamera recorder dengan baik
b. Dapat mengambil gambar objek dengan tepat dan baik
B. Teori
Pada praktikum kali ini kita akan belajar bagai mana menggunakan
kamera recorder.
1. Bagian-bagian kamera
a. Lensa terdiri dari
1) Ring Focus : Berkaitan dengan daerah ketajaman gambar
2) Zoom : Berkaitan antara jarak subjek dengan lensa
3) Apature (iris) untuk betacam : Berkaitan dengan besar kecil
cahaya yang masuk melalui lensa
b. Body terdiri dari
1) View Finder : Monitor berukuran kecil yang terdapat pada
kamera yang berfungsi untuk melihat hasil gambar bidikan
lensa
2) Instrument : Terdiri dari white balance, gain, Shutter seed
(kecepatan), Contoh manual
3) Recorder key : Tombol untuk melakukan perekaman
maupun menghentikan perekaman (Rec-pause)
4) Switch on-off : Saklar untuk mnghidupkan dan mematikan
kamera
5) Instrument VTR : Terdiri dari : Play, Stop, FF, RW, Pause,
Inset, Dubbling, date/time, tele, wede
6) Docking : Tempat kaset untuk merekam dan memutar
kembali
7) Microphone : Pengeras suara yang berfungsi untuk
merekam suara
8) Magazine Battery : Tempat battery dipasang
21
Berbagai variasi
gerakan kamera video
Modul Praktikum Multimedia
22
b. Long Shot Shot jauh, bidang pandang lebih dekat dibanding ELS,
objek masih didononasi oleh latar belakang yang luas.
c. Medium Long : Shot Shot yang menghasilkan bidang pandang
lebih dekat daripada LS objek manusia biasanya di atas lutut
sampai kepala atas.
d. Medium Shot : Objek lebih besar dan dominan, objek manusia
nampak dari atas pinggang sampai atas kepala, latar belakang
masih sebanding objek.
e. Medium Close UP : Shot agak dekat, objek dada dari dada
sampai atas kepala.
f. Close UP Shot dekat, objek jadi titik perhatian utama dalam shot.
Objek manusia biasanya wajah dari bahu sampai atas kepala.
g. Big Close UP : Shot yang menampilkan bagian tertentu dari
tubuh mnusia, objek akan mengisi penuh layar lebih jelas dan
detail.
23
h. Two Shot
i. Tree Shot
j. Over Shoulder Shot dimana objek utama menghadap kamera,
dengan bingkai sampingkiri atau kanan nampak bahu dan
sebagian kepala objek lawan bicara.
C. Praktek
1.
2.
3.
4.
24
MODUL 7
MEMBUAT VIDEO MENGGUNAKAN WINDOWS MOVIE
MAKER
A. Maksud dan Tujuan
1. Maksud
Mengenal dan membuat video menggunakan windows movie
maker
2. Tujuan
a. Dapat membuat video dengan menggunakan windows movie
maker
b. Dapat mengediting video menggunakan windows movie
maker
B. Teori
Windows Movie Maker adalah software video editing gratis yang
dibuat oleh Microsoft. Program ini telah terintegrasi dengan sistem
operasi Windows XP. Pada versi awalnya (versi 1.0) tools ini belum
memiliki fasilitas yang lengkap, tetapi setelah mengalami
perbaikan dan diluncurkan ke publik dalam versi terbaru (versi 2.0)
tools ini patut diacungi jempol, mengingat semakin banyaknya
fasilitas yang disertakan didalamnya.
Windows Movie Maker atau disingkat WMM adalah sebuah program
editing video yang sederhana, didesain untuk pemilik PC dengan
sedikit pengalaman untuk membuat video rumahan. Sebenarnya
Microsoft sudah memperkenalkan fasilitas WMM ini di Windows
Modul Praktikum Multimedia
25
Pendidikan
Teknik Informatika
dan
Komputer
- FTitu
UNNES
Millennium Edition
(Me) beberapa
waktu lalu.
Namun
waktu
masih sebagai tambahan atau Accessories.
Windows
Movie
Maker.
26
video-video yang
27
Pendidikan
Teknik
Informatikajudul
dan dan
Komputer
FT UNNES
4. Setelah itu, saatnya
untuk
menambahkan
kredit -untuk
video yang dibuat kali ini. Caranya klik tombol Make titles or
credits pada section Edit Movie. Perhatikanlah gambar di
bawah ini!
28
Pendidikan
Teknik
Informatika
dan Komputer
- FT
UNNES
6. Lalu tulislah sebuah
kalimat
pada
kotak yang
disediakan.
Bila
sudah, klik tombol Done, add title to movie. Perhatikan
gambar berikut ini!
29
30
31
Pendidikan
Teknik
dan Komputer
- FT
Lalu, drag and
drop pada
kotakInformatika
kecil di antara
video yang
adaUNNES
pada storyboard. Perhatikan gambar di bawah ini!
32
33
Teknik Informatika
dan Komputer
- FT UNNES
playback onPendidikan
my computer
(recommended).
Klik tombol
Next utuk melanjutkan.
34
Pendidikan
Informatika
Komputer
- FT UNNES
17.
Bila sudah,
klik Teknik
tombol
Finish dan
untuk
mengakhiri
pembuatan video tersebut.
35
D. Tugas
1. Tipe file yang dapat dipergunakan (diimpor) di dalam Windows
Movie Maker, sebutkan ?
2. Timeline terdiri dari beberapa bagian yang biasa disebut dengan
Track. Terdapat 5 buah Track dalam Timeline, sebutkan ?
3. Coba edit Video yang telah anda rekam, dengan langkahlangkah seperti di atas.
36
MODUL 8
MEMBUAT ANIMASI OBYEK DAN TEKS
DENGAN MENGGUNAKAN MACROMEDIA FLASH
A. Maksud dan Tujuan
1. Maksud
Mengenal dan membuat animasi obyek dan teks dengan
menggunakan macromedia flash
2. Tujuan
a. Mahasiswa dapat membuat animasi teks dasar dengan Flash
b. Mahasiswa dapat membuat animasi teks dari gabungan
animasi dasar dalam flash
c. Mahasiswa dapat membuat animasi teks dengan background
animasi grafis.
B. Teori
Macromedia Flash 8
Macromedia Flash adalah software yang banyak dipakai oleh
desainer web karena mempunyai kemampuan yang lebih unggul
dalam menampilkan multimedia, gabungan antara grafis, animasi,
suara, serta interaktifitas user. Macromedia Flash merupakan sebuah
program aplikasi standart authoring tool profesional yang digunakan
untuk membuat animasi objek atau text yang sangat menakjubkan
untuk membuat suatu situs web yang interaktif, menarik dan dinamis.
Software ini berbasis animasi vektor yang dapat digunakan untuk
menghasilkan animasi web, presentasi, game, film, maupun CD
pembelajaran interaktif.
Interaksi user dalam movie flash menggunakan Actionscript.
Actionscript adalah suatu bahasa pemrograman yang berorientasi
objek yang dipakai dalam Macromedia Flash 8,. Macromedia Flash 8
menyediakan fasilitas-fasilitas yang lebih banyak dan menarik yang
akan membantu, mempermudah user dalam mempelajari atau
menggunakan software ini dibandingkan dengan Flash versi
sebelumnya. Animasi-animasi dapat dibuat dengan lebih sederhana,
cepat dan lebih menarik menggunakan Flash MX karena adanya
kelebihan yang dimiliki oleh Flash MX.
Area Kerja Macromedia Flash 8
Macromedia Flash MX mempunyai area kerja yang terdiri dari
enam bagian pokok yaitu :
Menu
37
Pendidikan
Teknik
Informatika danyang
Komputer
- FT UNNES
Berisi kumpulan instruksi
atau
perintah-perintah
digunakan
dalam Flash MX. Terdiri dari menu File, Edit, View, Insert, Modify, Text,
Control, Window, Help.
Stage
Stage adalah layer (document dalam word) yang akan digunakan
meletakkan objek-objek dalam Flash.
38
39
40
Gambar 3.a
Gambar 3.d
Pendidikan Teknik
Informatika
dan Komputer
- FT UNNES
Gambar
3.b
Gambar 3.c
Keterangan :
Gambar 3.a Objek Belum Diseleksi
Gambar 3.b Stroke Objek Terseleksi
Gambar 3.c Fill Objek Terseleksi
Gambar 3.d Fill dan Stroke Objek Terseleksi
Untuk melakukan penyeleksian objek, dilakukan dengan
menggunakan Arrow Tool yang terdapat dalam Tools Box,
kemudian tinggal di klik fill atau stroke dari objekyang akan
diseleksi. Untuk menyeleksi seluruh objek (fill dan stroke) double
klik pada fill objek tersebut.Objek Terseleksi
c. Membuat Gradasi Warna
Untuk membuat contoh suatu gradasi warna ikuti langkah berikut :
1. Buatlah sebuah objek lingkaran pada stage.
2. Buatlah lingkaran tersebut tanpa stroke.
3. Seleksi objek lingkaran tersebut.
4. Klik tanda segitiga pada Panel Color Mixer. Jika Panel Color
Mixer belum ada klik menu Window > Color Mixer kemudian
tempatkan di bagian panel (bagian kanan stage).
5. Klik Fill Color, pilih warna hitam.
6. Klik Fill Style pilih Radial. Lingkaran akan berubah menjadi
gradasi putihhitam
7. Ubahlah gradasi putih-hitam menjadi gradasi hitam-putih. Klik
Pointer Gradasi bagian kiri di Bar Gradasi kemudian klik Fill
Color dan ganti warnanya menjadi hitam.
8. Klik Pointer Gradasi bagian kanan lalu klik Fill Color ganti
warnanya menjadi putih.
41
Pendidikan
Teknik
Informatika
dan Komputer
- FT UNNES
Gambar 4 : Panel
Color Mixer
dengan
Gradasi Radial
Putih-Hitam
42
43
Vertical Left-to-Right
Horizontal
Vertical Right-to-Left
Gambar 9 : Orientasi Teks
b. Symbol Instance
1. Membuat Simbol
a) Pastikan tidak ada objek yang terseleksi pada stage.
b) Klik menu Insert > New Symbol.
c) Akan tampil kotak dialog Create New Symbol.
d) Simbol yang baru dibuat akan diletakkan dalam Library
Panel, kemudian tampilan Stage akan berubah ke Mode
Edit Simbol.
44
45
Pendidikan
dan Komputer
FT UNNES
g) Objek telah
menjadi Teknik
simbolInformatika
ditandai dengan
tanda -kotak
yang mengelilingi objek pada stage dan simbol akan masuk
pada Library Panel.
46
Pendidikan
Teknik Informatika dan Komputer - FT UNNES
3. Seleksi seluruh
lingkaran.
4. Klik menu Insert > Convert to Symbol untuk mengubah
objek menjadi simbol atau tekan F8 pada keyboard.
5. Beri nama simbol tersebut pada kotak dialog Convert to Symbol
dengan mengetikkan nama pada kotak Name.
6. Pilih Behavior Graphic dengan mengklik lingkaran di katak
dialog, kemudian klik OK.
7. Ganti nama Layer 1 menjadi Lingkaran dengan double klik
layer 1 kemudian ketikkan nama layer.
47
48
dan
- FT UNNES
10.
KembaliPendidikan
ke frame Teknik
1, klik Informatika
menu Insert
> Komputer
Create Motion
Tween atau klik kanan mouse dan pilih Create Motion
Tween.
11.
Klik kanan Layer Lintasan dan klik Guide, terdapat
gambar palu pada Layer lintasan.
12.
Klik Layer Objek, tahan dan drag/geser layer objek
sehingga berada di bawah Layer lintasan, gambar palu berubah
pada Layer lintasan.
49
Pendidikan
dan Komputer
FT UNNES
Animasi masking
animasi Teknik
yang Informatika
berfungsi seperti
topeng - yang
menutupi wajah. Animasi masking berguna untuk menutupi objek
satu dengan objek lainnya, sehingga objek yang menutupi terlihat
transparan. Misalkan kita ingin membuat objek tulisan yang akan
terlihat jika tertutup oleh objek lain.
1. Buat sebuah movie flash baru.
2. Buat tulisan MULTIMEDIA dengan menggunkan Text Tool.
3. Klik frame 50 lalu klik menu Insert > Keyframe.
4. Klik menu Insert > Layer untuk membuat layer baru sehingga
terdapat dua layer dalam timeline.
5. Klik Layer 2 untuk berpindah dari Layer 1.
6. Buat persegi panjang dengan Rectange Tool, persegi panjang
dibuat di atas tulisan MULTIMEDIA.
50
11.
e. Animasi Tombol
Tambol atau button dalam Falsh MX dapat diberi animasi sehingga
tombol akan terlihat lebih menarik dan interaktif pada waktu
tombol ditekan atau disentuh dengan mouse pointer.
1. Buka movie flash baru.
2. Buatlah persegi panjang dengan Rectange tool. Klik
Rectange Tool dan atur sudut dari persegi panjang tersebut
dengan klik Round Rectange Radius pada bagian bawah
Toolbox (properties).
51
15.
Klik menu Insert > Layer untuk menambah layer baru.
Klik Frame Hit dan beri Keyframe.
Modul Praktikum Multimedia
52
Pendidikan
Teknik
Informatika
dan
Komputer
- FTdi
UNNES
16.
Masih di
Layer 2, klik
Rectange
tool
dan
buat kotak
stage dengan ukuran lebih besar dari tombol. Atur letaknya
dengan Align Panel.
Over
Down
hit
Gambar 26 : Keadaan Tombol Pada Masing-Masing
Frame
17.
Pindahkan posisi Layer 2 di bawah layer 1 dengan klik
layer 2 dan drag ke bawah sampai layer 1.
C. Praktek
1. Frame by Frame Animation
Pada frame by frame animation, gamnbar dirubah sedikit demi
sedikit pada setiap frame sehingga pada saat dimainkan. Gambar
akan terlihat bergerak.
a. Bukalah stage baru dengan menekan File kemudian New.
b. Dengan menggunakan circle tool buatlah lingkaran pada stage.
c. Klik pada frame 2 klik kanan lalu klik insert kayframe.
d. Rubahlah sedikit gambar yang telah saudara buat.
e. Lakukan langkah 3 dan 4 untuk frame selanjutnya.
f. Jika telah selesai, lihat hasil tampilan animasinya dengan klik
menu control, Test movie.
Tugas :
53
Informatika
Komputer
- FT UNNES
Motion tween Pendidikan
animation Teknik
digunakan
untuk dan
membuat
animasi
gerakan-gerakan seperti bola menggelinding dan sebagainya.
a. Bukalah stage baru dengan menekan Ctrl+N
b. Gambarlah bola pada stage.
c. Klik pada frame 1 klik kanan lalu create motion tween
d. Klik pada frame tujuan misalnya pada frame 15 kemudian klik
kanan lalu insert key frame (yakinkan pada time line muncul
tanda panah).
e. Tarik bola tujuan akhir.
f. Test animasi dengan menekan Ctrl+Enter.
Buat Efek Gerakan dengan buka panel properties
a. Ease akan mengatur percepatan pada gerakan animasi yang
saudara buat. Buatlah perubahan nilai pada ease dan lihatlah
efek yang terjadi.
b. Rotate digunakan untuk memutar objek selama animasi
berlangsung sampai kayframe berikutnya. Coba memilih CW
(searah putaran jarum jam) atau CCW (berlawanan arah jarum
jam).
c. Berikan perubahan warna dengan memilih salah satu pilihan
box color :
1) None = tidak diberikan efek khusus
2) Brightness = untuk mengatur kecerahan objek
3) Tint = untuk memadukan dengan warna lain
4) Alpha = untuk mengatur transparansi objek
5) Advanced = untuk mengatur property objek secara lebih
umum.
TUGAS :
54
Pendidikan
Informatika
dan Komputer
FT UNNES
shape. Setelah
itu akanTeknik
muncul
tanda panah
dengan - latar
belakang hijau.
f. Test animasi dengan menekan Ctrl+enter
TUGAS :
55
Pendidikan
Teknik
Informatika
Komputer
- FT UNNES
d. Untuk membuat
warna
pada
obyek dan
lingkaran
menjadi
transparan, klik mouse kanan layer 2, pilih MASK (otomatis layer
3 yang berada di bawah layer 2 akan berubah menjadi animasi
Show Masking).
e. Untuk melihat hasil akhir, klik menu control pilih Test Movie.
TUGAS :
TUGAS :
MODUL 9
MEMBUAT ANIMASI DENGAN MEMAKAI ACTION SCRIPT DAN
MEDIA PEMBELAJARAN PADA MACROMEDIA FLASH
A. Maksud dan Tujuan
1. Maksud
Mengenal dan membuat animasi dengan menggunakan Action
Script dan media pembelajaran pada Macromedia Flash
2. Tujuan
a. Mahasiswa dapat membuat animasi action script dasar
dengan Flash
Modul Praktikum Multimedia
56
Teknik Informatika
dan Komputerdengan
- FT UNNES
b. Mahasiswa Pendidikan
dapat memebuta
media pembelajaran
Macromedia
c. Mahasiswa dapat membuat animasi action script dari
gabungan animasi dasar dalam flash
B. Teori
Terminology Dalam Action Script
Action Script adalah bahasa pemrograman yang digunakan
macromedia flash untuk mengkomunikasikan aplikasi yang dibuat
oleh pemrogram dan computer dengan adanya action script ini
perancang program dapat bebas berkreasi menuangkan seluruh
idenya untuk membuat program yang menarik dan interaktif.
Actions adalah perintah yang menginstruksikan suatu movie untuk
melakukan sesuatu
Classes adalah tipe data yang dapat pengguna ciptakan untuk
mendefinisikan suatu objek dengan tipe yang baru.
Constants adalah elemen yang berubah. Contoh Math.PI adalah nilai
konstanta yang selalu bernilai 3,14
Constructors adalah fungsi yang pengguna gunakan untuk
mendefinisikan property atau method suatu kelas. Contoh, code
berikut membuat suatu class circle dengan membuat suatu fungsi
constructor yang disebut Circle :
Function Circles(x, y, radius) {
this.x = x;
this.y = y;
this.radius = radius;
}
57
Pendidikan
Teknik
Informatika
dan Komputer
- FT UNNES
contoh berikut. Variabel
terdapat
disebelah
kiri sedangkan
disebelah
kanannya adalah nilai variable tersebut.
Ada empat macam tipe data yaitu :
Tipe Data
Keterangan
Number
String
Boolean
Object
Contoh
Angka = 25
Kata=ini
adalah
string
Jawaban=true
Jawaban=false
myColor=new
Color
(movie clip)
Deklarasi variable
Var namavariable : tipedata;
Contoh :
X = 5;
Name = Lolo
Customer.addres = 66 7th Street;
c = new Color (mcinstanceName);
Menuliskan Action Script
Action Script secara umum diterapkan dalam 3 tempat yaitu
Button (tombol), Movie Clip, dan Frame.
Action pada frame akan dieksekusi saat playhead mencapai frame
yang berisi script tersebut.
Contoh :
Kecepatan awal = 20;
C. Praktek
1. GERAK LURUS BERATURAN
Gerak lurus beraturan adalah gerak yang melalui suatu lintasan
lurus dan bergerak dengan kecepatan yang tetap. Gerak jenis ini
tidak terlalu banyak ditemukan dalam kehidupan sehari-hari.
Modul Praktikum Multimedia
58
Pendidikan
Teknik
Informatika
Komputer
FT UNNES
Namun banyak gerakan
yang
dapat
didekati dan
dengan
gerak - lurus
beraturan.
Contoh : Mobil yang bergerak di jalan yang lurus dan tanpa
hambatan dapat bergerak dengan kecepatan tetap.
59
Pendidikan
Teknikmovieclip
Informatika
danuntuk
Komputer
- FT UNNES
f. Script diatas akan
memerintah
mobil
bertambah
posisi horisontalnyasetiap saat. Untuk mempercepat gerakan
benda silahkan merubah scriptnya sebagai berikut :
onClipEvent(enterFrame){
_x=_x+7
}
g. Untuk merubah arah pergerakan silahkan merubah script diatas
sehingga menjadi sebagai berikut :
onClipEvent(enterFrame){
_x=_x-7
}
Catatan :
Untuk merubah pergeseran menjadi secara vertikal gantilah _x
menjadi _y
E. GERAK LURUS BERUBAH BERATURAN
Gerak Lurus berubah beraturan adalah gerak suatu benda pada
lintasan lurus dengan kecepatan yang berubah ubah secara teratur
(Percepatan konstan).
Membuat animasi GLBB sebuah mobil.
a. Gambarlah sebuah mobil pada stage frame 1 layer 1
b. Klik kanan pada frame 1 layer 1 kemudian klik kanan lalu klik
create motion tween.
c. Klik kanan pada frame tujuan (misal 20) lalu klik kanan, insert
keyframe.
d. Tarik objek mobil tempatkan pada posisi terakhir mobil yang
diinginkan.
e. Klik pada frame 10 lalu buka panel properties lalu atur Easenya.
Ease positif akan memperlambat gerak benda.
f. Jalankan dengan menekan Ctrl+Enter, gambar mobil akan
bergerak dengan percepatan yang konstan.
Catatan :
60
FT UNNES
Untuk melihatPendidikan
pergerakanTeknik
bendaInformatika
tiap framedan
klik Komputer
ikon Onion- Skin
yang terletak dibawah timeline.
F. GERAK LURUS BERUBAH BERATURAN DENGAN SCRIPT
a. Gambarlah sebuah mobil pada stage
b. Blok mobil tersebut lalu dari menu modifi klik convert to
symbol.
c. Pilih Movie Clip lalu tekan OK
d. Pilih Movie Clip Mobil, lalu klik kanan dan pilihlah Action.
e. Pada panel action ketikan script sebagai berikut :
onClipEvent(load){
a=5;
t=0;
v=3;
}
onClipEvent(enterFrame){
t++//t terus bertambah
_x+=v*t+a*t*t
}
f. Script diatas
akan memerintah movieclip mobil untuk
bertambah posisinya setiap saat. Untuk mempercepat gerakan
benda silahkan merubah variable v sehingga scriptnya menjadi
sebagai berikut :
onClipEvent(load){
a=5;
t=0;
v=9;
}
onClipEvent(enterFrame){
t++//t terus bertambah
_x+=v*t+a*t*t
}
g. Untuk merubah arah pergerakan silahkan merubah script
diatas sehingga menjadi sebagai berikut :
onClipEvent(load){
a=5;
t=0;
v=9;
}
onClipEvent(enterFrame){
t++//t terus bertambah
Modul Praktikum Multimedia
61
}
G. TUMBUKAN LENTING SEMPURNA
a. Buatlah gambar bola di bagian kiri stage
b. Klik kanan frame 1 lalu pilih Insert Motion Tween
c. Klik kanan di frame 20 lalu Insert keyframe. Kemudian tarik
bola menuju ke tengah-tengah stage.
62
63
64
f. Klik kanan pada layer 2 frame pertama lalu pilih create motion
tween.
g. Klik kanan frame 20 layer 2 lalu pilih insert keyframe.
h. Klik kanan pada frame 20 layer 1 lalu pilih inset frame.
i. Pada frame 20 layer 2, tarik objek hingga ke ujung bawah
bidang miring.
65
D. Tugas
1. Buat Grafik Sinusoida memakai action script
2. Buat animasi lenting sebagian