Modul Macromedia Flash MX (Pengenalan Dasar)

download Modul Macromedia Flash MX (Pengenalan Dasar)

of 54

  • date post

    14-Feb-2016
  • Category

    Documents

  • view

    236
  • download

    0

Embed Size (px)

description

1

Transcript of Modul Macromedia Flash MX (Pengenalan Dasar)

Pengenalan Menu dan Editor Flash MX

KKPI ( Pengenalan Dasar Macromedia Flash MX 2004 ) Hal 16

Pengenalan Menu dan Editor Flash MXTarget Pembelajaran :

1. Mengerti fungsi-fungsi menu dan editor flash

2. Bisa membuat karakter Animasi

3. Memahami penggunaan symbol

4. Menguasai penggunaan Timeline

5. Menguasai basic animation dan symbol button

I. Pengenalan Menu dan Editor Flash

1. Menu Dasar Flash

2. Dasar Alur Kerja Flash

3. Pengenalan Editor Flah

4. Pemakaian Editor Flash

5. Document Properties

6. Editor Flash ( Tools, Panel Program, Time Line, Scene, Library )

7. Project Pemakaian Tools ( Ilustrasi )

II. Basic Animasi

1. Symbol Flash

2. TimeLine atau frame

3. Basic Animation ( Motion Tween & Motion Shape )

4. Basic Animation ( Guide Layer )

5. Basic Animation ( Layer Masking )

6. Symbol Button

7. Project Animasi

( Klik New pada Tool Bar

( Atur Time Line & Scene 1

( Masukan beberapa objek ke dalam layer

( Gunakan Color Mixer untuk menentukan warna-warna buat objek

( Masukan beberapa objek ke dalam scene

( Kemudia beri warna pada objek tersebut

( Klik Control ( Test Movie

enggunaan Warna Pada Macromedia Flash MX( Klik Windows pada tool bar ( Pilih Color Mixer, Color Swatches, Components

Maksudnya yaitu untuk mendesain / menggambar movie.

( Manfaatkan warna gradasi pada color mixer

Sebagai Contoh : Masukan objek bulat ke scene / layer

Atur gradasi warnanya di color mixer ( namum sebelumnya ob-

Jek diblok terlebih dahulu dengan menggunakan ( ).

( Contoh selanjutnya : Klik Component ( masukan fasilitas checkbox ke scene 1 / layer 1

( Control ( Test Movie

( Contoh selanjutnya : Klik Windows ( Align ( Untuk mengatur keseraraan dan posisi be-

Rapa objek dalam sebuah scene.

( Hal ini dilakukan untuk memudahkan

Mengatur apakah objek tersebut akan di

Buat rata / sejajar pada bag. Atas / bagian

Lain.

( Masukan beberapa objek ke dalam scene ( kemudian blok semua objek tersebut

( Klik windows ( Align ( Pilih jenis disesuaikan

..

Frame 25 : Artinya kecepatan gambar yaitu 25 frame / detik

Movie: Sebuah gambar yang sequentialkan / yang ditampilkan di dalam runtutan waktu

Yang diatur di dalam frame by frame.

( Pengertian dasar penggunaan frame pada macromedia flash

( Frame masih dalam keadaan kosong

( Melalui frame-frame ini movie dibuat

( Disini menentukan frame yang mana yang sedang aktif kemudian komponen apa

Saja yang ditampilkan

( dengan menambahkan frame, kita bisa memperlebar frame yang ada

( Exp : Masukan Objek bola dengan menggunakan oval tools (O) ke scene / layer

( pada layer 1 masukan frame 1 s/d frame 24 ( warna bola abu-abu )

( frame bisa ditambah ataupun dihapus

( artinya apabila pada layer 1 framenya 1 s/d 24

( Pada interval ke 25 ( klik kanan ( insert key frame

( Ubah warna bola di abu-abu menjadi merah

Artinya pada interval 1 s/d 24 warna bola abu-abu, tetapi ketika digeser intervalnya menuju ke 25 maka warna bola berubah menjadi merah.

Catatan : Key frame bisa dihapus dengan cara klik kanan pada interval keyframe kemudian

Clear key frame. ( artinya objek yang berada dikeyframe akan ikut terhapus, exp :

Bola warna merah tadi akan ikut terhapus )

Kekurangan :Perubahan objek belum terlihat seperti movie / animasi.

( Untuk menambahkan objek tersebut menjadi Animasi maka langkah yang harus dilakukan

Yaitu sebagai berikut :

a. Buat Objek Bola dengan menggunakan Oval Tool, kemudian masukan ke scene 1

b. Blok objek tersebut

( Klik Modify pada toolbar ( Convert to symbol

( Name : Symbol

( Behaviour: Movie Klip

( OK

c. Pada interval ke 26 Insert KeyFrame

d. Pindahkan / geser bola kearah / interval ke 26

e. Diantara interval / frame 1 s/d 25 klik kanan ( Create Motion Tween

f. Klik Control ( Test Movie

Hasil movienya akan terlihat bola berpindah / bergerak / menggulutuk secara nyata.

( Buat ukuran scene / layer terlebih dahulu

( Klik Modify ( Document ( Dimension : 400 x 300

( Klik Windows ( Scene ( Shift + F2 ) untuk menampilkan scene di layer

( Hasilnya dapat dilihat pada monitor disebelah kiri ada scene 1 disebelah kana ada scene 1

Juga.

( Exp : Pada Scene 1 bagian kanan ubah namanya dari scene 1 menjadi animasi mobil. Maka

Nama scene 1 disebelah kiri ikut berubah.

( Klik File( Import ( Import To Stage

( Cari contoh gambar sebagai objek kemudian masukan ke scene 1 / layer 1.

( Atur posisi objek ( Exp : dari sisi kiri menuju kesisi kanan )

( Pada layer 1 : Insert Key Frame pada interval ke 25

( kemudian diantara interval 1 s/d 25 klik kanan ( Pilih Motion Tween

Untuk membuat animasi

( Namun sebelumnya objek diblok terlebih dahulu kemudian diberikan nama

( Klik Modify ( Convert To Symbol

( Name : Mobil

( Behaviour : Animasi

( OK

Gb. Animasi Mobil

Gb. Animasi Bola

( Kemudian klik tombol ( ) Add Scene pada scene

( Seperti pada pembuatan langkah animasi mobil

( Sekarang buat animasi bola seperti pada contoh gambar Animasi Bola

( Control ( Test Movie

Kesimpulan : Ketika di test movie akan terlihat animasi mobil berjalan kemudian diikuti

Animasi bola ( movie melakukan looping berdasarkan banyaknya scene ).

( Penggunaan library yang berhubungan dengan scene

( Klik windows ( Library ( untuk mengoleksi / mengorganisasi objek-objek yang di

Buat sehingga mudah dikelola untuk movie.

( Semua informasi objek yang dimasukan ke scene akan terekam di library.

( Objek-objek yang ada di scene 1 bisa dihapus, namun apabila suatu saat objek tsb

Diperlukan kita bisa mengambil, mendrag, atau menggeser kembali objek.

( Kecuali apabila objek-objek yang ada di library di delete maka objek tersebut total

akan hilang.

Gb. Library

I. ILUSTRASI WAJAH

( Masukan objek lingkaran ke scene

( Di Properti atur ketebalan garis

( Kemudian klik icon pencil ( ) untuk menggambar rambut

( Klik () Arrow Tool untuk diarahkan ke arah garis yang tak diperlukan kemudian

CUT ( ).

( Kemudian rapihkan rambut

( Rambut tersebut warnai dengan menggunakan Paint Bucket Tool ( )

( Klik kembali objek lingkaran untuk membuat mata

( Mata tsb ( Copy ( Paste In Place

( Selanjutnya untuk bibir ( Klik Line Tool ( ) untuk membuat bibir pada objek

Lingkaran tadi

( Di property ketebalannya diatur.

II. DEMO EDITING OBJEK SYMBOL / TERGROUP

Menjelaskan bagaimana objek-objek tergabung menjadi satu atau kebalikannya Break Appart untuk memisahkan objek-objek tersebut.

1. Masukan gambar yang berupa vector kedalam scene / panggung

2. Sorot gambar / objek tersebut

3. Klik Modify ( Break Appart

Paint Bucket Tools

Gb. Disorot Kemudian di Break Appart Gb. Diberi warna setelah di break Appart

III. DEMO ILUSTRASI IKAN1. Gunakan pencil Tools ()(Buat gambar ikan pada scene ( Atur dengan menggunakan () Arrow Tool

2. Gunakan Oval Tools (O) untuk membuat mata

3. Warnai ikan tersebut

Gb. Ikan dibentuk Gb. Ikan DihaluskanGb. Ikan Diwarnai

4. Buat layer 2 ( New Layer ) untuk menggambar air.

5. Untuk membuat animasi air gunakan Brush Tool ()

a. Pilih warna biru

b. Atur / sesuaikan Alphanya untuk menggambar seperti air

c. Untuk menghilangkan warna biru pada objek air, klik pada bagian layer 2 yang bersimbol () ( maksudnya untuk memudahkan menggambar air.

IV. DEMO ILUSTRASI PENCIL1. Klik tombol () untuk membuat sebuah pencil, sebanyak 3 garis lurus kebawah

2. Atur posisi lekukan-lekukannya dengan menggunakan tools () Arrow tool

3. Kemudian sorot keseluruhan objek kemudian ( Klik Modify ( Group

Gb. Awal Gb. dibentuk Gb. Diwarnai Gb. Hasil diwarnai Gb. Setelahdi Group

4. Buat layer ke 2

5. Kemudian masukan tulisan ke scene ( pada layer 2 ) dengan mengklik tools () exp : MACROMEDIA FLASH

6. Tentukan jenis tulisan pada property

7. Kemudian tulisan tadi klik Modify ( Break Appart ( Modify ( Break Appart

8. Dengan menggunakan icon () yang ada di tools bar buat tulisan tersebut menjadi terbalik.

Gb. Memasukan objek tulisan ke scene Gb. Break Appart tulisan

Gb. Membalik Tulisan

Gb. Hasil Akhir

BASIC ANIMASI

Movie Button Grapic

1. Movie Clip( Sediakan color mixer & color swatches melalui windows

( Masukan oval tools ke scen

( Sorot Object Oval tadi kemudian

( Klik modify ( Convert to symbol

( Name : Bola ( Behaviour : Movie Klip

2. Button

( Masukan oval tools ke screen untuk membuat objek

( Sorot objek oval tadi kemudian

( Klik Modify ( Convert to symbol

( Name : Button ( Behavior : Button

3. Grapich

( untuk grapich juga sama hanya bedanya di ( Behaviour : Grapich

Kemudian untuk mengedit Movie, Button, & Grapich yaitu sbb :

Exp :