2012

Mudah Menguasai Macromedia Flash 8[Type the document subtitle]Menguasai Macromedia Flash bagi beberapa orang dianggap sulit.

Nopri Roby Fauzi Evokomputer 5/22/2012

A. Membuat Efek Perubahan Gerak, Warna, dan BentukNo.1.

Image

DeskripsiBuat Halaman Baru, kemudian buat lingkaran pada lembar kerja

2.

Lalu pada frame 20, klik kanan kemudian pilih insert keyframe

2

3

3.

Kemudian pada frame 20, buat bujur sangkar dengan menggunakan rectangle tool pada tools

4.

Lalu pada frame 30 insert key frame, lalu pada frame 30

pindahkan lingkaran pada sisi kanan teks

5.

Untuk mengubah warna gunakan Selection tool

3

6.

Blok kotak Seluruhnya dengan Selection Tool

7. Pilih warna hijau pada tabel warna, kemudian delete objek lingkaran.

8. Kemudian klik pada pertengahan frame, kemudian klik properties dan ubah Tween pada drop list none menjadi Shape.

4

5

9. Untuk preview, menjalankan gunakan jendela kombinasi

keyboard Ctrl + Enter.

5

B. Membuat Efek MaskNo.1.

Image

DeskripsiBuat Halaman Baru, buat suatu teks pada layer 1 (layer teks).

2.

Lalu pada frame 20, klik kanan insert frame. Beri nama Lingkaran pada frame tersebut.

3.

Buat layer baru / layer layer lingkaran , buat suatu lingkaran pada sisi teks

6

7

4.

Lalu pada frame 20 insert key frames. Kemudian pada frame 20 pindahkan lingkaran pada sisi kanan teks

5.

Pada layer lingkaran klik kanan pilih mask

6.

Pada layer lingkaran klik kanan pada tengah frame, create motion tween

7

7. Jalankan animasi dengan menggunakan kombinasi keyboard CTRL+Enter

8

9

C.No.1.

Membuat Motion GuideImage DeskripsiPertama klik kanan layer 1, kemudian pilih add Motion Guide

Kadang Kala anda mungkin ingin agar jumlah frame tidak terlalu banyak,

2.

Pada guide layer 1, masukkan arah gerak objek terlebih dahulu. Caranya dengan menambah garis melengkung seperti pada gambar di samping lalu pada frame 20, klik kanan pilih Insert frame

9

3. Selanjutnya aktifkan layer 1, buat objek lingkaran pada frame, buat pada ujung garis

4.

Pada layer 1 klik kanan pada frame 20, pilih insert keyframe

10

11

5.

Pada frame 20, geser posisi lingkaran di ujung sisi garis yang kanan

Lalu pada tengah frame klik kanan, pilih create motion tween. Jalankan animasi dengan menggunakan kombinasi keyboard CTRL+Enter

11

D.No.1.

Memberi Action Pada tombolImage DeskripsiSetelah membuka halaman baru pilih windows-Common Librariesbutton

2.

Selanjutnya

tarik

salah

satu pilih

tombol button (misalnya: button bubble 2)

12

13

3.

Kemudian klik kanan frame 20, insert blank key frame

4.

Tambah object bujur sangkar, disini saya memilih warna merah

13

5.

Kemudian insert blank key frame, kemudian buat object lingkaran. Di sini saya memilih warna biru.

6.

Lalu, klik bagian pertengahan antara frame 20 dan 30,

kemudian pada property, ubah tween none menjadi shape

14

15 Klik tombol button bubble, lalu tampilkan jendela action atau tekan F9 ketikkan scrip sebagai berikut

7.

on(press){ gotoAndPlay(20);}

*pengertian

perintah

ini

jika

tombol di klik maka frame 20 yang dituju 8. Klik frame 1, lalu pada action ketikkan perintah stop(); Lalu jalankan atau CTRL +Enter

Jika ingin menjalankan aplikasi pada frame maka gunakan gotoAndPlay.

15

E. Mengatur SceneNo.1.

Image

DeskripsiPertama masukkan scene baru dengan mengklik insert kemudian memilih scene

2.

Pada scene 1, masukkan kata sembarang pada lembar kerja.

3.

Kemudian pada Menu Bar, Pilih Windows-Common LibrariesButton Untuk menambah tombol pada lembar kerja.

16

17

4.

Tambah object bujur sangkar, disini saya memilih warna merah

5.

Kemudian insert blank key frame, kemudian buat object lingkaran. Di sini saya memilih warna biru.

17

6.

Pada Scene 1, klik tombol kemudian pada keyboard ketikkan F9, Masukkan kode seperti dibawah ini. on(press){ gotoAndStop("Scene 2",1);}*note: kalimat Scene 2 haruslah diberi spasi

7.

Pada Scene 2, klik tombol kemudian pada keyboard ketikkan F9, Masukkan kode seperti dibawah ini. on(release){ gotoAndStop("Scene 1",1);}*note: kalimat Scene 1 haruslah diberi spasi

8. Klik frame 1, lalu pada action ketikkan perintah stop(); Lalu jalankan atau Ctrl +Enter

18

19

E.No.1.

Membuat Efek Teks BerjatuhanImage DeskripsiKetiklah sembarang teks (jangan terlalu panjang).

2.

Aktifkan teks, pisahkan setiap huruf pada teks tersebut menjadi per huruf,

Modify- Break Apart (Ctrl +B) untuk memisahkan teks menjadi per huruf

19

3.

Pilih Menu Mdofy-ThemelineDisribute to Layer atau dengan kombinasi keyboard, CTRL+Shift+D untuk membagi tiap-tiap huruf dalam layer-layer

4.

Berikan keyframe pada frame 10 untuk semua layer huruf. Caranya adalah, Klik frame 10 untuk layer huruf pertama kemudian tahan tombol Shift klik pada frame 10 untuk layer huruf terakhir. Hasilnya semua adalah layer pada di

huruf

frame 10 akan terblok, kemudian pilih menu

Insert-ThemelineKeyframe (F6).

20

21

5.

Pada frame 15, untuk semua layer berikan keyframe (F6). Miringkan sedikit huruf-hurufnya dengan menggunaan free ransform tool. Dan ubah posisi dibawahnya.

6.

blok semua layer huruf. Mulai dari frame 1 sampai frame 15. Berikan tween motion pada semua layer yang di blok.

7.

Kemudian masih dalam keadaan terblok silakan geser layer huruf kedua ini sebelah kanan dengan selisih 5 frame dari layer huruf pertama (layer l).

21

Demikian juga untuk layer huruf selanjunya, silakan blok layer huruf .selanjutnya geser kekanan sebanyak 5 frame dari layer huruf diatasnya. Pada semua layer insert frame pada posisi frame yang terakhir.

22

23

F.Membuat Presentasi Kuis SederhanaNo.1.

Image

DeskripsiBuat halaman baru dan atur ukurannya buat 3 layer beri nama masingmasing dengan Layer Kode, Layer Pertanyaan, dan Layer Layar belakang

2.

Buat background dengan kotak dan atur warna, lalu beri tanda gembok Belakang pada layer Latar

23

3.

Pada layer pertanyaan buat pertanyaan, lalu tambahkan frame sebanyak pertanyaan yang ingin anda buat Selain itu atur tempat tombol pada setiap pertanyaan

4.

Pada setiap pilihan pertanyaan beri tombol button. Lalu pada tombol button beri perintah berikut: Jawaban benar: on(release) { gotoAndStop(2); skor++;} jawaban salah: on(release){ gotoAndStop(2);}note* maksud dari gotoAndPlay(2) ialah ketika tombol diklik, maka akan pergi ke frame 2.. Ubah pengaturan ini bila anda ingin ke frame yang berbeda.

24

25

5.

selanjutnya membuat skor Akhir pada frame terakhir dengan menuliskan sebagai berikut Hasil Akhir Jumlah soal=5 Jawaban benar= Presentase benar= Pada jawaban benar dynamic text=100 dan pada layer var beri nama skor.

6.

Pada presentse benar atur teks dengan dynamic text, 1000 dan pada var beri nama presentase

7.

Pada layer Kode, tambahkan script seperti dibawah ini: stop(); skor=0 pada keyframe bagian awal dan pada keyframe pertengahan

tambahkan script: stop();

25

Ubah script pada layer Kode terakhir dengan script stop(); presentase=(skor/5)*100+%;

26