Tutorial Flash MX 1

Mrs. Tintin’s Notes

Flash Animation Software

Bab 1Mengenal Area Kerja Flash MX 2004

Bagian ini merupakan pengantar sebelum kita belajar membuat animasi dengan Macromedia Flash MX 2004.

Title Bar Menu Bar Time Line Panel

Toolbox Stage Property Inspector

Title Bar : untuk menampilkan nama program dan file dokumen yang sedang aktifMenu Bar : baris menu yang terdiri dari 10 menu utama masing-masing berisi sub menu atau perintah lagiToolbox : terdiri dari beberapa tool untuk membuat gambar, mewarnai dan mengatur tampilan gambar pada stageStage : merupakan lembar kerja dimana gambar, teks dan tombol navigasi dibuat untuk keperluan animasiProperty Inspector : untuk mengatur ukuran dan warna stage, menentukan Frame Rate dan satuan ukuran yang akan digunakan dalam menggambar objekTimeline : untuk mengorganisasi dan mengontrol waktu pemutaran movie dan frame. Komponen utama dari Timeline adalah Layer, Frame dan Playhead.

1 | P a g e



Layer Playhead Frame

Insert Layer Folder Frame Rate Indicator Add Motion Guide Current Frame IndicatorInsert Layer

Layer : yang digunakan dalam Macromedia Flash MX sama dengan layer dalam Adobe Photoshop.Playhead atau Timeline Header : merupakan angka yang menunjukkan ukuran Frame RateFrame : dipakai untuk menentukan panjang animasi yang dibuatInsert Layer Folder : sama dengan Layer Set dalam Adobe PhotoshopAdd Motion Guide : digunakan untuk membuat animasi sesuai dengan guide line yang ditentukanInsert Layer : untuk menambah layer baruFrame Rate Indicator : untuk menentukan banyak Frame yang dimainkan dalam 1 detik (second). Memiliki satuan Fps (Frame per second)Current Frame Indicator : untuk melihat Frame saat ini

Mengatur Ukuran Stage

Pada property inspector, klik document properties yang bertuliskan ukuran stage 550 x 400 pixel

Ubah nilai dimensi menjadi 600 x 400 px pada kotak Document Properties yang muncul

Untuk mengubah warna background, klik kotak warna background Pada Frame Rate tertera 12 Fps (Frame per second), artinya untuk

animasi satu detik terjadi 12 frame atau 12 kali pergantian gambar

Pada kotak Ruler Unit, pilih satuan ukuran yang anda inginkan

Menggambar Bentuk Sederhana

Untuk menggambar bentuk, kita dapat menggunakan Line Tool, kemudian diwarna menggunakan Paint Bucket Tool, contoh Gambar Segitiga. Dapat pula menggunakan Oval Tool untuk menggambar

2 | P a g e



lingkaran, Rectangle Tool untuk menggambar kotak, Polygon Tool untuk menggambar object Polygon atau Star dan Pen Tool atau Pencil Tool untuk menggambar bebas.

Contoh-contoh gambar object : Dengan Line Tool dan Paint Bucket Tool

Dengan Rectangular Tool, Circle Tool, Polygon Tool-Option

Dengan Pen Tool dan Pencil Tool

Bila menggunakan Pen Tool maka cara menggambarnya mirip dengan pembuatan Path dalam Adobe Photoshop. Untuk mengedit node pada Pen Tool dapat menggunakan Subselection Tool (A).Agar hasil dari Pencil Tool tidak menyudut, maka pada Toolbar bagian Option pilih Smooth.Karena gambar yang dihasilkan adalah gambar vektor maka bagian garis dan warna terpisah, sehingga kita dapat membuat gambar seperti contoh dibawah dengan mudah.

Mengatur Warna Gradasi

Agar warna dapat berupa gradasi maka dapat diatur melalui Windows > Design Panel > Color Mixer.Contoh :

3 | P a g e



Untuk mengatur warna gradasi dapat menggunakan Fill Transform Tool sehingga bentuk gradasi Radial dapat diatur seperti contoh :

Membuat Tulisan

Untuk membuat tulisan gunakan Type Tool, kemudian dibagian properti kita dapat memilih jenis Font, Size, dan Color.Contoh :

Arah Tulisan dapat diubah-ubah menggunakan Change Text Direction, contoh :

4 | P a g e



Memisahkan Karakter Teks

Tulisan dalam Flash dapat dipisahkan per karakter dengan cara Modify > Break Apart (Ctrl+B). Dengan demikian maka tiap karakter dapat dibuat animasinya sendiri-sendiri, contoh :

Membuat Karakter Teks dalam ObjectIni lebih mirip dengan Corel Draw dengan Efek Envelope-nya. Caranya Break Apart text 2 x sehingga seluruh bagian teks terpisah, kemudian klik Modify > Transform > Envelope, contoh :

Setelah Modify > Transform > Envelope

5 | P a g e



Latihan Menggambar dengan Flash MX :

6 | P a g e

Documents

Tutorial Flash MX 1