LS-MULMED (1)

Adobe Flash CS3

Double klik shortcut yang ada pada dekstop pilih piliha Flash File A tio “ ript . , program siap digunakan.

1

2 3

4

5

6

7 8

2) Frame 3) Layer 4) Tools

a) Selection b) Subselection

c) Free Transform Tool d) Text tool

e) Sroke Color f) Fill Color, dll.. 5) Panel 6) Library 7) Properties a) Properties b) Filter c) Parameters d) Ation 8) Scene

Pada saat pertama kali membuka program Adobe Flash, langkah pertama yang harus dilakukan adalah mengatur dimensi resolusi dan frame rate yang akan dibuat.

2. Membuat Button dengan efek

UP

,

Over

dan

Down

a. Klik piliha Re ta gle Tool a g er e tuk pada Tools area. Atur ilai Reta gle Cor er Radius pada Properties Area sebesar 10 untuk memberikan lengkungan pada sudut-sudut objek. Buat objek berbentuk seperti persegi panjang yang akan difungsikan sebagai tombol.

b. Klik ka a o jek a g di uat ke udia pilih optio Co ert to “ ol... seperti a g terlihat pada gambar dibawah:

d. Pilih o jek a g telah di uat, ke udia klik ka a pilih optio Edit i Pla e seperti a g terlihat pada gambar dibawah:

Tampilan Timeline area _{akan berubah menjadi seperti berikut:}

Ada 4 frame yang disediakan pada symbol button, antara lain:

1) Up : merupakan layer untuk menampilkan bentuk objek pada saat cursor tidak berada diatas objek.

2) Over : merupakan layer untuk menampilkan bentuk objek pada saat cursor berada diatas objek.

3) Down : merupakan layer untuk menampilkan bentuk objek pada saat objek tombol ditekan.

Membuat efek Over:

e. Klik kanan frame Over pada La er , ke udia pilih optio I sert Ke fra e seperti gambar dibawah:

f. Pilih (klik) fra e O er ke udia pilih o jek to ol. Ke udia ru ah ar a o jek e jadi warna yang lebih terang daripada tampilan awal objek seperti pada gambar dibawah:

Membuat efek Down:

g. Klik ka a fra e Do pada La er , ke udia pilih optio I sert Ke fra e seperti gambar dibawah:

h. Pilih klik fra e Do ke udia pilih o jek to ol. Ke udia ru ah ar a o jek e jadi warna yang lebih gelap daripada tampilan awal objek seperti pada gambar dibawah:

i. Klik tombol ctrl+enter _{atau pilih menu} ControlTest Movie _{untuk mencoba hasil animasi}

tombol yang dibuat.

j. Kita bisa menambahkan Text kedalam tombol dengan menggunakan cara yang sama atau menambahkan efek-efek khusus e ggu aka fasilitas Filters .

3. Membuat Animasi Objek Bergerak Menggunakan

Motion Tween

a. Buka dokumen flash baru dengan menekan tombol ctrl+N_{. Buat objek seperti pada}

gambar dibawah. Misal Kita akan menggeser objek yang telah Kita buat tersebut untuk bergeser di tengah.

. Klik ka a pada area fra e ga ar tadi ke udia pilih optio Create Motio T ee . Ke udia I sert Ke fra e pada fra e .

d. Posisikan (klik) frame 10, kemudian geser objek ke tengah. Test Movie untuk melihat hasilnya.

e. Untuk menambahkan animasi-animasi lanjutan, Kita dapat menambah keyframe-keyframe pada frame di depannya, kemudian menggeser atau merubah objek yang akan di-animasi-kan.

4. Membuat Animasi Transparan Menggunakan Efek

Alpha

a. Buka dokumen flash baru dengan menekan tombol ctrl+N_{. Buat objek text seperti pada}

ga ar di a ah. Co ert to “ ol de ga a a Tulisa , ke udia uat o jek bergerak bergeser pada empat titik keyframe menggunakan metode pada latihan sebelumnya.

b. Posisikan (klik) pada titik Keyframe pertama, klik objek text kemudian rubah parameter Color pada Properties area e jadi Alpha . U ah ilai Alpha e jadi %.

c. Lakukan juga proses b diatas pada Keyframe keempat. Kemudian test movie untuk melihat bagaimana hasilnya.

5. Membuat Animasi

Masking

Animasi masking ini sangat sederhana dan mudah. Prinsip kerjanya objek pada layer masked hanya akan kelihatan jika melewati objek yang ada di layer utama.

a. Buka dokumen flash baru dengan menekan tombol ctrl+N _{kemudian atur nilai}

b. Buat layer baru kemudian buat objek seperti pada gambar dibawah:

c. Panjangkan layer kedua buah objek sampai dengan layer 30 dengan memilih layer 30 pada kedua la er, klik ka a ke udia pilih optio I sert Fra e .

d. Buat efek motion tween pada objek kotak pelangi, kemudian atur agar objek kotak pelangi melewati bergerak melewati objek tulisan.

e. Posisikan layer tulisan agar berada diatas layer kotak pelangi.

f. Klik ka a la er tulisa La er ke udia pilih optio Mask . Test Mo ie u tuk elihat bagaimana hasilnya.

6. Membuat Animasi

Guide

Animasi Guide juga cukup sederhana dan mudah. Prinsip kerjanya adalah bagaimana sebuah objek bergerak mengikuti jalur yang sudah ditentukan.

a. Buka dokumen flash baru dengan menekan tombol ctrl+N _{kemudian atur nilai}

Framerate-nya sebesar 31fps. Buat objek gambar seperti pada gambar dibawah.

b. Berikan efek motion tween pada objek tersebut agar bergerak dari ujung kiri layar ke ujung kanan layar seperti pada gambar berikut :

. Klik ka a La er ke udia pilih optio Guide seperti ga ar erikut:

d. Klik fra e Guide : La er , posisika pada fra e ke udia pilih Pe il Tool pada tools area.

e. Buat guide track, dengan catatan awal dan akhir motion harus sama dengan motion tween yang telah dibuat sebelumnya. Test movie untuk melihat bagaimana hasil animasi yang dibuat.

7. Membuat Animasi didalam

Object Place

Animasi dalam object place adalah animasi yang bekerja dengan memanfaatkan layer-layer dan frame-frame didalam place movie lip sehingga tidak memenuhi layer-layer di scene paling depan.

a. Buka dokumen flash baru dengan menekan tombol ctrl+N _{kemudian atur nilai}

Framerate-nya sebesar 31fps. Buat objek gambar seperti pada gambar dibawah.

b. Convert to Symbol objek yang telah dibuat sebagai Movie Clip, kemudian beri nama “a ap .

c. Klik kanan objek lalu pilih edit in place. Atur pusat objek pada pangkal sayap, kemudian buatlah timeline pada layer seperti pada gambar dibawah ini:

d. Pilih keyframe pada frame 4, kemudian kecilkan bentuk sayap mendekati pusat objek yang berada di pangkal sayap tadi. Kemudian test movie untuk melihat bagaimana hasilnya.

e. Posisika la ar pada “ e e ke udia kopi objek (ctrl-alt_{) sayap sehingga ada 2 sayap}

di layar.

f. Pilih salah satu o jek, ke udia pilih pa el Tra sfor , ru ah te t o ske erti all menjadi 180° klik enter.

g. Jejerkan objek berdekatan antar poros sayapnya, kemudian Test Movie untuk melihat bagaimana hasilnya.

h. Kita dapat membuat movie kupu-kupu tadi bergerak seperti terbang dengan e a faatka fasilitas Guide a g telah Kita pelajari sebelumnya.

PENUGASAN!

1. SECARA MANDIRI MEMPELAJARI FITUR-FITUR LAIN FLASH UNTUK PENGEMBANGAN MEDIA PEMBALAJARAN.

2. BUATLAH MEDIA PEMBELAJARAN DENGAN FLASH YANG MEMUAT: a. KONTEN MATERI

b. QUIZ

3. DIBUAT DENGAN MENERAPKAN PRINSIP-PRINSIP MULTIMEDIA DAN MERUPAKAN HASIL ANALISIS KEBUTUHAN.

4. TUGAS BERSIFAT INDIVIDU DAN DIKERJAKAN DALAM RENTANG 3 S.D 17 APRIL 2017, DIKUMPUL 18 APRIL 2017 PUKUL 20.00 MELALUI BESMART.

5. FILE YANG DIKUMPULKAN BERBENTUK APLIKASI, LANGSUNG DAPAT DIPUTAR TANPA ADA APLIKASI FLASH TERINSTAL.

. Klik ka a La er ke udia pilih optio Guide seperti ga ar erikut:

d. Klik fra e Guide : La er , posisika pada fra e ke udia pilih Pe il Tool pada tools area.

e. Buat guide track, dengan catatan awal dan akhir motion harus sama dengan motion tween yang telah dibuat sebelumnya. Test movie untuk melihat bagaimana hasil animasi yang dibuat.

7. Membuat Animasi didalam Object Place

Animasi dalam object place adalah animasi yang bekerja dengan memanfaatkan layer-layer dan frame-frame didalam place movie lip sehingga tidak memenuhi layer-layer di scene paling depan.

a. Buka dokumen flash baru dengan menekan tombol ctrl+N _{kemudian atur nilai}

Framerate-nya sebesar 31fps. Buat objek gambar seperti pada gambar dibawah.

b. Convert to Symbol objek yang telah dibuat sebagai Movie Clip, kemudian beri nama

“a ap .

c. Klik kanan objek lalu pilih edit in place. Atur pusat objek pada pangkal sayap, kemudian buatlah timeline pada layer seperti pada gambar dibawah ini:

d. Pilih keyframe pada frame 4, kemudian kecilkan bentuk sayap mendekati pusat objek yang berada di pangkal sayap tadi. Kemudian test movie untuk melihat bagaimana hasilnya.

e. Posisika la ar pada “ e e ke udia kopi objek (ctrl-alt_{) sayap sehingga ada 2 sayap}

di layar.

f. Pilih salah satu o jek, ke udia pilih pa el Tra sfor , ru ah te t o ske erti all

g. Jejerkan objek berdekatan antar poros sayapnya, kemudian Test Movie untuk melihat bagaimana hasilnya.

h. Kita dapat membuat movie kupu-kupu tadi bergerak seperti terbang dengan

PENUGASAN!

1. SECARA MANDIRI MEMPELAJARI FITUR-FITUR LAIN FLASH UNTUK PENGEMBANGAN

MEDIA PEMBALAJARAN.

2. BUATLAH MEDIA PEMBELAJARAN DENGAN FLASH YANG MEMUAT:

a. KONTEN MATERI

b. QUIZ

3. DIBUAT DENGAN MENERAPKAN PRINSIP-PRINSIP MULTIMEDIA DAN MERUPAKAN

HASIL ANALISIS KEBUTUHAN.

4. TUGAS BERSIFAT INDIVIDU DAN DIKERJAKAN DALAM RENTANG 3 S.D 17 APRIL 2017,

DIKUMPUL 18 APRIL 2017 PUKUL 20.00 MELALUI BESMART.

5. FILE YANG DIKUMPULKAN BERBENTUK APLIKASI, LANGSUNG DAPAT DIPUTAR TANPA