Modul Macromedia Flash SMA 6 Malang 1

BAB 1 Mengenal Macromedia Flash

Program komputer Macromedia Flash 8 hadir untuk menambah kemampuan dan keterampilan siswa

dalam animasi seperti animasi gambar, teks, dan aplikasi dengan program lain. Harapannya agar

materi yang disampaikan dalam modul ini dapat dimengerti secara lebih atraktif, menarik dan mudah.

Macromedia Flash merupakan sebuah program yang didesain khusus oleh Macromedia, saat itu sebagai pengembangnya yang saat ini sudah dibeli oleh Adobe Incorporated sehingga berubah nama menjadi Adobe Flash, Flash didesain dengan kemapuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML.

Beberapa jenis macromedia berdasarkan perkembangannya antaranya ada macromedia flash versi 5, kemudian berkembang kembali menjadi Macromedia 6 atau sering disebut sebagai macromedia MX, berkembang kembali menjadi Macromedia 7 atau sering disebut sebagai Macromedia MX 2004, dan berkembang kembali menjadi Macromedia Flash 8 dan saat ini setelah dibeli oleh Adobe berkembang kembali menjadi Adobe Flash CS3

Dibawah ini adalah beberapa Screenshoot Tampilan Utama Flash : Macromedia Flash 8

Berikut penjelasan gambar di atas tentang tempat kerjaThe working environment di flash 8:

Bagian-bagian penting dalam area kerja di atas diantaranya: Menu, Toolbox, Timeline, Stage dan Panel.

Modul Macromedia Flash SMA 6 Malang 2

1.1. Menu

Menu pada Macromedia Flash Pro 8 terdiri dari: File, Edit, View, Insert, Modify, Text Commands, Control, Window dan Help. Anda dapat melihat submenu yang terdapat pada masing-masing menu dengan mengeklik satu kali pada menu yang ingin Anda pilih.

Gambar 1.2: Contoh menu dan submenu Macromedia Flash Pro 8

1.2. Toolbox

Dalam toolbox terdapat komponen-komponen penting diantaranya: Tools, View, Colors dan Options. Toolbox memiliki peran untuk memanipulasi atau memodifikasi objek dalam stage. Berikut komponen-komponen dalam toolbox beserta fungsi atau kegunaannya:

Gambar

tool Nama tool Fungsi Shortcut

Selection Tool Memilih dan memindahkan objek V

Subselection Tool Mengubah bentuk objek dengan

edit points A

Free Transform Tool Mengubah atau memutar bentuk

objek sesuai keinginan Q

Gradient Transform Tool Mengubah warna gradasi F

Line Tool Membuat g aris N

Lasso Tool Menyeleksi bagian objek

yang akan diedit L

Pen Tool Membuat obyek secara bebas

berupa titik-titik sebagai penghubng

P

Text Tool Membuat teks (kata atau kalimat) T

Oval Tool Membuat objek elips atau

lingkaran O

Ractangle Tool Membuat objek berbentuk segi

empat atau segi banyak R

Pencil Tool Menggambar objek secara bebas Y

Brush Tool Menggambar objek secara bebas

dengan ukuran ketebalan dan bentuk yang sudah disediakan

B

Ink Bottle Tool Memberi warna garis tepi

(outline) S

Modul Macromedia Flash SMA 6 Malang 3

Paint Bucket Tool Memberi warna pada objek secara bebas

K

Eyedropper Tool Mengambil contoh warna I

Eraser Tool Menghapus objek E

Hand Tool Menggeser stage H

Zoom Tool Memperbesar atau memperkecil

objek M atau Z

Stroke Color Memberi warna pada g aris tepi -

Fill Color Memberi warna pada pada objek -

1.3. Timeline

Timeline atau garis waktu merupakan komponen yang digunakan untuk mengatur atau mengontrol jalannya animasi. Timeline terdiri dari beberapa layer. Layer digunakan untuk menempatkan satu atau beberapa objek dalam stage agar dapat diolah dengan objek lain. Setiap layer terdiri dari frame-frame yang digunakan untuk mengatur kecepatan animasi. Semakin panjang frame dalam lay er, maka semakin lama animasi akan berjalan.

Gambar 1.3: Layer dan frame pada Timeline

1.4. Stage Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar, teks, memberi warna dan lain-lain.

1.5. Panel Beberapa panel penting dalam Macromedia Flash Pro 8 diantaranya panel: Properties & Filters & Parameters, Actions, Library, Color dan Align & Info & Transform. 1.5.1 Panel Properties & Filters & Parameters Panel ini terdapat di bawah stage. Untuk mengeluarkan atau menyembunyikan panel ini dapat digunakan shortcut Ctrl+F3. Panel Properties & Filters & Parameters digunakan untuk untuk meng atur ukuran background, warna background, kecepatan animasi dan lain-lain.

Gambar 1.4: Panel Properties & Filters & Parameters

Modul Macromedia Flash SMA 6 Malang 4

1.5.2 Panel Actions

Panel Actions digunakan untuk menuliskan script atau bahasa pemrograman flash (ActionScript). Anda dapat mengetikkan secara langsung pada layar Actions atau menggunakan bantuan yang disediakan oleh Macromedia Flash Pro 8. Untuk memunculkan atau menyembunyikan panel ini dapat dig unakan shortcut F9.

Gambar 1.5: Panel Actions untuk membuat ActionScript

1.5.3 Panel Library

Library merupakan panel yang digunakan untuk menyimpan objek-objek berupa graphic atau gambar, button atau tombol, movie dan suara baik yang dibuat langsung pada stage ataupun hasil proses impor dari luar stage. Untuk memunculkan atau menyembunyikan panel ini dapat digunakan shortcut Ctrl+L.

Gambar 1.6: Panel Library 1.5.4 Panel Color Panel Color merupakan panel yang digunakan untuk memilih warna yang digunakan dalam pembuatan objek-objek pada stage. Ada dua jenis subpanel, yaitu: Color Mixer dan Swatches. Shortcut untuk Color Mixer adalah Shift+F9 dan shortcut untuk Color Swatches adalah Ctrl+F9.

Gambar 1.7: Bagian dari panel Color

Modul Macromedia Flash SMA 6 Malang 5

1.5.5 Panel Align & Info & Transform

Untuk menampilkan panel ini Anda dapat menekan Ctrl+K pada keyboard. Panel ini digunakan untuk mengatur posisi objek, ingin diletakkan pada tengah stage, sebelah kiri atau kanan dan lain-lain. Dengan panel ini Anda juga dapat memutar objek dengan Transform.

Gambar 1.8: Bagian dari panel Align & Info & Transform

Modul Macromedia Flash SMA 6 Malang 6

BAB 2 Bekerja Dengan Macromedia Flash Pro 8

A. Menjalankan Macromedia Flash 8

Pilih Start, All Programs, Macromedia, Maromedia Flash 8.

B. Membuat Dokumen Baru

Kegiatan 1

Untukmembuat dokumen baru , ikuti langkah-langkah sebagai berikut :

Pilih File, New

Muncul jendela New DocumentPilih General, Flash Document,Ok

Modul Macromedia Flash SMA 6 Malang 7

C. Mengatur Dokumen Flash

Digunakan untuk untuk mengatur tayangan, background.

Untuk mengatur tayangan background , ikuti langkah-langkah sbb :

Pilih properties, size: 550 x 400 pixels

Muncul jendelaDocument properties.

Isikan Title: ::: Dasar-dasar Flash

Description: Dasar-dasar animasi menggunakan Macromedia Flash Dimention: 550 ppx (width x 500

px (height) Background color: ganti warna abu-abu.

Pilih Ok untuk mengakhiri.

Lihatlah perubahan background

Modul Macromedia Flash SMA 6 Malang 8

D. Menyimpan Dokumen Flash

Pilih File, Save As

Simpan di flash disk masing-masing dan beri nama dasar-dasar flash, pilih save untuk mengakhiri.

E. Mengimpor Media

Digunakan untuk mengambil gambar dari tempat/folder lain yang sudah jadi seperti foto atau hasil

scan.

Pilih File, Import, Import to Stage.

Modul Macromedia Flash SMA 6 Malang 9

Muncul Jendela Import, pilih missal gambar picture1.wmf (atau ekstensi lain seperti jpg, bmp),

Pilih open untuk membuka gambar.

Gunakan View, Zoom Out untuk menampakkan seluruh gambar (memperkecil gambar).

Untuk memperbesar gambar gunakan menu View, Zoom In.

Gunakan Scroll horizontal atau vertikal di sebelah stage untuk memposisikan gambar.

Import dapat dilakukan langsung ke library (disimpan di program Flash) dengan cara

Pilih File, Import, Import library.

Modul Macromedia Flash SMA 6 Malang 10

Agar gambar yang dipilih tersedia/muncul di library, pilih menu Window, Library .

Gambar muncul di kotak library seperti berikut ini.

F. Mengorganisir Layer

Double klik pada layer1 ganti tulisan dengan mengetikkan kata foto, lakukan double enter untuk

mengakhiri.

G. Membuat layer baru

Pilih insert layer ( ), double klik layer 2, ketik tulisan teks. Maka terbentuk layer baru.

Modul Macromedia Flash SMA 6 Malang 11

H. Membuat Teks

Pilih Text tool (T) , tekan dan geser pointer pada gambar (stage) sampai berbentuk kotak, ketik

Kampus SMA 6 Malang sehingga menjadi bentuk seperti berikut. Klik sebarang lokasi untuk

mengakhiri tulisan.

I. Menggambar Obyek (Object Drawing )

Kegiatan 2