TIKMM072 B18
BAHAN AJAR INTERAKTIF PENGENALAN SOFTWARE MACROMEDIA FLASH 8 Tujuan : Setelah mengikuti diklat ini, diharapkan peserta dapat : -
Menggunakan tool-tool macromedia flash untuk melakukan pengolahan obyek
-
Membuat animasi sederhana
-
Menggunakan action script untuk mengontrol jalannya animasi
-
Merancang dan membuat bahan ajar interaktif
Waktu : 38 jam
Peralatan : -
Komputer/laptop
-
Software Macromedia Flash 8
Bahan : -
Langkah Kerja
4. Animasi shape tweening 4.1 Pergerakan bola a. Buat sebuah bola di frame 1, tempatkan bola disisi kiri stage b. Klik kanan frame 20, pilih insert keyframe. Geser bola ke sisi kanan stage c. Pilih salah satu frame diantara frame 1 dan frame 20 d. Di bagian properties, pilih tween berupa Shapes
PPPPTK VEDC
Program Diklat : Kompetensi Kejuruan
MALANG
Multimedia
Program studi
Level : Menengah
Tanggal : 27 Juli 2011
Departemen : Teknologi Informasi
Rev.Tanggal : Dibuat oleh:
58 06
00
BP Hal
Nanik Sri Rahayu
1-7
TIKMM072 B18
BAHAN AJAR INTERAKTIF
e. Maka di frame 1 sampai 20 akan ada sebuah garis yang menandakan bahwa di frame tersebut ada animasi shape tween
f. Tekan CTRL+ENTER untuk melihat hasilnya 4.2 Animasi perubahan tulisan a. Buat sebuah tulisan di frame 1 dengan menggunakan text tool
b. Seleksi tulisan BAHAN AJAR, lalu tekan CTRL+B sebanyak 2 kali c. Pindah ke frame 20, klik kanan lalu pilih insert keyframe. Hapus tulisan BAHAN AJAR. Buat tulisan INTERAKTIF. Aktifkan onion skinning agar posisi tulisan di frame 20 sama dengan posisi tulisan di frame 1
d. Seleksi tulisan INTERAKTIF, lalu tekan CTRL+B sebanyak 2 kali e. Pilih salah satu frame diantara frame 1 dan 20, dibagian properties, pilih tween berupa shape
f. Lihat hasilnya dengan menekan CTRL+ENTER
PPPPTK VEDC
Program Diklat : Kompetensi Kejuruan
MALANG
Multimedia
Program studi
Level : Menengah
Tanggal : 27 Juli 2011
Departemen : Teknologi Informasi
Rev.Tanggal : Dibuat oleh:
58 06
00
BP Hal
Nanik Sri Rahayu
2-7
TIKMM072 B18
BAHAN AJAR INTERAKTIF
Pertama muncul tulisan BAHAN AJAR yang pelan-pelan berubah menjadi tulisan INTERAKTIF 4.3 Animasi pergerakan dan perubahan bentuk a. Buat obyek bola di frame 1, tempatkan disisi kiri stage b. Pindah ke frame 20, klik kanan lalu pilih insert keyframe. Hapus obyek bola, lalu buat obyek segi empat, tempatkan disisi kanan stage c. Pilih salah satu frame diantara frame 1 dan 20, pada bagian properties pilih tween berupa shape. d. Tekan CTRL+ENTER untuk melihat hasilnya
5. Animasi motion tweening 5.1 Animasi pergerakan a. Buat obyek bola di frame pertama. Posisikan di sisi kiri stage. Ubah menjadi movie clip dengan cara klik kanan obyek bola, lalu pilih convert to symbol. Pilih tipenya movie clip b. Pilih frame 20, buat keyframe. Geser obyek bola ke sebelah kana secukupnya c. Pilih salah satu frame diantara frame 1 dan 20, dibagian properties pilih tween berupa motion b. Tekan CTRL+ENTER untuk melihat hasilnya 5.2 Animasi perubahan ukuran a. Buat obyek bujur sangkar dengan sisi 50 px di frame 1
PPPPTK VEDC
Program Diklat : Kompetensi Kejuruan
MALANG
Multimedia
Program studi
Level : Menengah
Tanggal : 27 Juli 2011
Departemen : Teknologi Informasi
Rev.Tanggal : Dibuat oleh:
58 06
00
BP Hal
Nanik Sri Rahayu
3-7
TIKMM072 B18
BAHAN AJAR INTERAKTIF
b. Konversi obyek bujur sangkar menjadi movie clip c. Tambahkan keyframe di frame 20, lalu perbesar ukuran bujur sangkar dengan menggunakan free transform tool, dapat pula melalui jendela properties
d. Pilih salah satu frame diantara frame 1 dan 20, klik kanan lalu pilih create motion tween. Dapat juga melalui jendela properties, pilih tween berupa motion e. Tekan CTRL+ENTER untuk melihat hasilnya 5.3 Animasi perputaran obyek a. Buat obyek seperti gambar berikut di frame 1, lalu konversi ke movie clip
b. Berikan keyframe di frame 20, lalu putar obyek dengan menggunakan free transform tool
PPPPTK VEDC
Program Diklat : Kompetensi Kejuruan
MALANG
Multimedia
Program studi
Level : Menengah
Tanggal : 27 Juli 2011
Departemen : Teknologi Informasi
Rev.Tanggal : Dibuat oleh:
58 06
00
BP Hal
Nanik Sri Rahayu
4-7
TIKMM072 B18
BAHAN AJAR INTERAKTIF
c. Pilih salah satu frame diantara frame 1 dan 20, klik kanan lalu pilih create motion tween d. Tekan CTRL+ENTER untuk melihat hasilnya
5.4 Animasi obyek mengikuti jalur tertentu a. Buat obyek bola di frame 1, konversi menjadi movie clip b. Tambahkan guide layer
c. Klik frame 1 guide layer, buat jalur pergerakan bola menggunakan pencil tool
PPPPTK VEDC
Program Diklat : Kompetensi Kejuruan
MALANG
Multimedia
Program studi
Level : Menengah
Tanggal : 27 Juli 2011
Departemen : Teknologi Informasi
Rev.Tanggal : Dibuat oleh:
58 06
00
BP Hal
Nanik Sri Rahayu
5-7
TIKMM072 B18
BAHAN AJAR INTERAKTIF
d. Klik frame 1 layer 1. Posisikan bola pada awal jalur, pastikan titik pusat bola tepat berada di garis jalur
e. Berikan keyframe di frame 20 untuk masing-masing layer. Posisikan bola di garis akhir jalur. Pastikan titik pusat bola tepat di garis akhir jalur
PPPPTK VEDC
Program Diklat : Kompetensi Kejuruan
MALANG
Multimedia
Program studi
Level : Menengah
Tanggal : 27 Juli 2011
Departemen : Teknologi Informasi
Rev.Tanggal : Dibuat oleh:
58 06
00
BP Hal
Nanik Sri Rahayu
6-7
TIKMM072 B18
BAHAN AJAR INTERAKTIF
f. Berikan motion tweening di layer 1 dengan cara pilih salah satu frame diantara frame 1 dan 20 layer 1, klik kanan lalu pilih create motion tween g. Tekan CTRL+ENTER untuk melihat hasilnya
Akan terlihat bola bergerak mengikuti jalur yang sudah dibuat, tetapi gambar jalurnya tidak nampak.
PPPPTK VEDC
Program Diklat : Kompetensi Kejuruan
MALANG
Multimedia
Program studi
Level : Menengah
Tanggal : 27 Juli 2011
Departemen : Teknologi Informasi
Rev.Tanggal : Dibuat oleh:
58 06
00
BP Hal
Nanik Sri Rahayu
7-7