BELAJAR MACROMEDIA FLASH 8 BAGI PEMULA

Pengenalan Macromedia Flash

Macromedia Flash 8 adalah software yang di rancang untuk membuat

Animasi berbasis Vektor  dengan hasil yang mempunyai ukuran yang kecil,

pada awalnya software ini memang di arahkan untuk membuat animasi atau

aplikasi yang berbasis internet (online).

Sejak di perkenalkan pada tahun 1996, flash atau macromedia flash

menjadi sangat popular dan langsung mendapat tempat di hati masyarakat

dunia web karena dapat membuat, menampilkan animasi dan interaksi di

web. Tetapi sejak bulan desember 2005, perusahaan Macromedia Flash di

beli oleh Adobe dan kini berganti nama menjadi Adobe Flash sejak versi 9

atau CS3.

Kelebihan dan kemampuan Flash Merupakan Teknologi animasi web yang sangat popular saat ini sehingga banyak di dukung oleh berbagai pihak Ukuran File yang kecil dengan kualitas yang baik Kebutuhan Hardware yang tidak tinggi Dapat membuat website, cd interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web & handphone Dapat di tampilkan di banyak media seperti web, CD-ROOM, VCD, DVD, Televisi, Handphone dan lain sebagainya

Teknologi Flash

Flash sekarang bukan hanya sekedar software saja, tetapi juga

merupakan suatu teknologi Animasi di web, untuk membuat Animasi di web

dengan format Flash ( .SWF ), kita bisa juga menggunakan Software

Animasi lain seperti, SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves dan

masih banyak software animasi yang lainnya

 

Tampilan Utama Macromedia Flash 8

Tampilan awal Macromedia Flash 8, dapat di lihat pada gambar 1.1 berikut

ini:

            

                         

Gambar 1. 1 Area Kerja Macromedia Flash

Membuat Dokumen Baru

Langkah pertama untuk membuat dokumen baru dengan cara File >> New Pada kotak dialog New Document, secara default Flash document dalam keaadaan terseleksi Klik OK

Mengatur ukuran Layar dengan warna background Pada Property inspector, tombol size menampilkan ukuran dokumen yang default-nya adalah 550x400 pixels, untuk mengubah ukuran lembar kerja klik tombol size dan atur ukuran yang kita butuhkan, untuk lebih jelasnya dapat kita lihat padagambar 1.2 panel propertis  Warna default-nya adalah putih, akan tetapi kita dapat mengubahnya dengan menekan kotak warna yang ada disebelah tulisan background, dan ubah warna background sesuai dengan warna yang kita inginkan, untuk lebih jelasnya dapat kita lihat pada gambar 1.2 panel properties

   

Menggambar Objek

Untuk Menggambar Objek Gunakan Tool box yang ada di sebelah kiri area

kerja anda, dengan Tool box, anda dapat menggambar garis, lingkaran,

persegi, polygon dan text.Untuk lebih jelasnya dapat anda lihat pada

gambar 1. 3 Tool box berikut ini

Bekerja Dengan LayerLayer adalah halaman transparan sebagai tempat object baik

berupa garis, Persegi, lingkaran, text atau object gambar yang lainnya.

Setiap layer mempunya Frame yang jumlahnya banyak, setiap Frame dapat

di isi dengan objek.

Cara menambah, menghapus, memberi nama, merubah posisi layer adalah

sebagai berikut :

a. Membuat Layer

Untuk menambah / membuat layer baru lakukan : Klik symbolInsert

Layer         , sehingga tampak penambahan layar yang dapat di lihat pada

gambar 1.4      layer berikut

b. Mengganti nama layer ( Double Klik Pada tulisan layer, ganti nama

Layer sesuai dengan yang anda inginkan )

c. Menghapus Layer

Klik Layer yang akan di hapus, kemudian klik symbol Delete Laye

r        , Maka layer yang terseleksi akan di hapus.

d. Merubah Posisi urutan Layer

Misalnya kita akan merubah posisi Layer 1 yang semula di bawah layer 2

menjadi posisinya di atas Layer 2, Klik tahan layer 1 kemudian tarik ke atas

sehingga urutan posisinya berubah, langkah ini juga dapat kita gunakan jika

kita sudah bekerja dengan banyak layer.

Jenis – Jenis Animasi

Pada dasarnya Animasi yang ada di Macromedia Flash ada 6 jenis, yaitu :

-          Animasi Frame to Frame

-          Animasi Motion Tween

-          Animasi Motion Guide

-          Animasi Masking

-          Animasi Motion Twen Rotare

-          Animasi Motion Shape

1. Animasi Frame To Frame

Langkah langkah untuk membuat Animasi Frame to Frame sangatlah

sederhana,sebagai berikut :

1. Gambar objek persegi di frame 1, lihat gambar 1. 6 frame to frame

berikut:

2. Klik Kanan di frame 2, pilih Insert keyframe.

3. Klik Free transform tool ( di tool box ), putar objek persegi di frame 2,

lihat gambar 1. 7 frame to frame berikut:

4. klik kanan di frame 3 pilih Insert keyframe, kemudian lakukan

pemutaran objek kembali dengan perintah yang sama seperti langkah ke 3.

tekan tombol Ctrl + Enter di keyboard secara bersamaan untuk

menjalankan animasi

2. Animasi Motion Tween

Pada Bab ini kita akan membahas Animasi Motion Tween, langkah –

langkah untuk membuat Animasi Motion Tween adalah sebagai berikut :

1. Buat Text yang akan kita beri animasi Motion Tween, Lihat gambar 1.

8 Motion Tween berikut

2. Klik Kanan di frame 25 pilih insert KeyFrame, sehingga muncul tanda

titik hitam di frame 25, kemudian geser text, lihat gambar 1. 9 Motion

Tween berikut:

 

3. Klik kanan di antara Frame 1 dan 25, kemudian pilih create Motion

Tween, lihat gambar 1. 10 Motion Tween  berikut

 

4. Kemudian Tampilan Frame pada layer akan terlihat seperti gambar 1.

11 Motion Tween berikut

5. Tekan tombol Ctrl + Enter di keyboard secara bersamaan untuk

menjalankan animasi Motion Tween.

3. Animasi motion Guide

Pada dasarnya teori pembuatan Animasi guide ini hampir sama dengan

Animasi Motion Tween, Langkah – langkahnya pembuatannya adalah

sebagai berikut :

1. Siapkan Layer dan Layer Motion Guide, untuk menambahkah Layer

Motion Guide Lihat Gambar 1. 12 Motion Guide berikut

2. Pada Layer Lingkaran Frame 1 gambarlah sebuah lingkaran

3. Layer Guide Lingkaran gambarkan Objek Garis untuk menjalankan

Animasi Guide Motion

4. Animation Masking

Animation Masking adalah animasi yang pada intinya menampilkan

objek yang semula kita sembunyikan

Langkah – langkah Untuk membuat animasi Masking adalah sebagai berikut

:

1. Buat 2 buah Layer, pada Layer Text tuliskan sebuah Text, atur jenis

Font dan ukurannya, kemudian Klik kanan di frame 35 pilih Insert

KeyFrame, untuk lebih jelasnya lihat gambar 1. 13 Animation Masking

berikut :

 

 

2. Kemudian di Layer Mask, gambarlah sebuah objek Lingkaran, lihat

gambar 1 . 14 Animation Masking berikut :

 

3. Pada layer Mask Frame ke 35 pilih insert Keyframe, kemudian Objek

lingkaran di geser ke sebelah kanan text, untuk lebih jelasnya lihat gambar

1. 15 Animation Masking berikut :

4. Klik kanan di antara frame 1 dan 35 pada layer Mask, Pilih Create

Motion Tween.

5. Kemudian Klik Kanan di Layer Mask pilih MASK

6. Tekan tombol Ctrl + Enter di keyboard secara bersamaan untuk

menjalankan animasi

5. Animasi motion Shape

Animation Shape adalah animasi yang pada intinya menampilkan

suatu kemuadian berubah menjadi objek yg berikutmya, misalnya kita

membuat objek Rectangle berubah menjadi objek lingkaran atau yang

lainnya.

6. Animasi Time Line Effect

Animasi Time line effect adalah animasi yang langsung terbuat oleh

program Macromedia Flash, dengan tujuan memudahkan pembuatan

animasi. Berbagai jenias objek gambar maupun text dapat di beri animasi

menggunakan efek – efek yang tersedia, seperti efek Blur, Drop Shadow,

Transform, Expand, Explode dan lain sebagainya : dalam modul ini kita

akan membahas

1. Efek Blur

2. Efek Drop Shadow

3. Efek Explode

4. Efek Expand

Untuk membuat effek Blur, Drop Shadow, Expand, Explode pada gambar

dan text lakukan langkah langkah sebagai berikut :

-          Masukan gambar ke layar dengan cara Meng-import ( caranya liat di Bab

sebelumnya ) Setelah gambar sudah kita import ( sudah masuk ke lembar

kerja ) selanjutnyaa klik gambar pada layer yang akan kita beri effek

-          Kemudian klik Insert >> TimeLine Effect >> Effect>>maka akan muncul

jenis-jenis efek sebagai berikut, Efek Blur, Drop Shadow, Expand, Explode.

Klik efek yang akan kita gunakan. lebih Jelasnya lagi dapat di lihat pada

gambar 1. 16 Time Line Effect Berikut :

Contoh Hasil Time Line Effect menggunakan Effect Blur, lihat gambar 1.

17 Efek blur

Contoh Hasil Time Line Effect menggunakan Effect Explode, lihat gambar

1. 18 Explode

Materi 3Membuat Tombol Interaktif

Tombol interaktif berfungsi sebagai media penghubung antar halaman

antar website,   Presentasi & media pembelajaran.  Agar tampak indah dan

menarik, tombol interaktif di lengkapi dengan berbagai efek, animasi dan

suara. Pada Bab ini akan kita bahas cara membuat tombol, monifikasi

tombol, manambahkan animasi, menambahkan suara dan memberikan

action pada tombol.

A.          Membuat Simbol Tombol

Untuk membuat symbol tombol lakukan langkah – langkah sebagai berikut :

1.      Klik menu Insert >> New Simbol

2.      Kemudian tampil kotak dialog Create new simbol. Berikan nama tombol

pada bagian NAME : misal ” Tombol Pencet ”, dan pilihType : Botton, untuk

lebih jelasnya lihat gambar 1. 19 create simbol berikut

 

3.      Klik OK maka akan muncul tampilan kotak dialog editing tombol seperti

pada gambar 2. 4 edit tombol berikut

4.      Buatlah bentuk tombol dengan menggunakan oval tool di atas tanda  +

( plus), perhatikan tanda titik hitam akan muncul diframe di

bawah UP,   Lihat gambar 2. 5 gambar tombol berikut:

5.      Setelah Frame di bawah UP telah di isi dengan gambar oval / lingkaran

maka buatlah gambar yang sama di frame pada bagian OVER, DOWN,

HIT.berilah warnah yang berbeda-beda

6.       Setelah selesai, anda keluar dari menu EDITING SYMBOL

menuju layar utama dengan cara meng-klik                          yang berada di

kiri atas Time Line

7.      Bukalah Library yang memuat simbol-simbol tombol, dengan cara klik

WINDOWS >> LIBRARY, kemudian masukan simbol tombol ”Tombol

Pencet” yang anda buat tadi ke dalam layar utama dengan cara men-Drag

tombol kemudian di tarik ke layar utama

8.      Untuk menjalankan Tombol Pencet tersebut tekan ( Ctrl + Enter ) di

keyboard secara bersamaan.

Catatan

UP State

adalah kondisi button sepanjang movie, normal dan tidak mengalami

perubahan pa-apa.

OVER State

adalah kondisi button bila mouse berada di atasnya, dapat berupa

perubahan warna, suara dan lain-lain.

DOWN State

Bila user menekan dan melepas mouse pada button, tidak perlu selalu ada

namun akan sangat manis ditambahkan untuk lebih menunjukkan

interaktivitas.

HIT State

Merupakan area panas dari tombol, katakanlah anda menginginkan hanya

bagian tertentu dari button yang menimbulkan efek button, bila pada HIT

state anda selipkan keyframe maka pastikan bahwa area tersebut tidak

kosong karena akan menyebabkan tombol anda tidak akan berfungsi.

Membangun Media Pembelajaran dengan Macromedia Flash

Selama ini kita mengenal Microsoft PowerPoint sebagai aplikasi atau

software yang paling sering di gunakan untuk membuat sebuah presentasi

atau media pembelajaran, dengan Macromedia Flash kita dapat juga dapat

membuat sebuah presentasi atau media pembelajaran yang lebih menarik

karena dapat disisipi dengan permainan animasi dan tombol – tombol

interaktif sesuai dengan keinginan kita,

materi ini kita akan membahas bagaimana cara membuat

sebuahmedia pembelajaran yang sederhana namun profesional, dan akan di

bahas juga tentang ActionScript ( Bahasa Pemograman Yang ada dalam

Macromedia Flash)

ActionScript

ActionScript adalah bahasa pemograman yang ada di Flash, jadi

selain bisa  menggambar dan membuat animasi Flash juga mempunyai

kemampuan untuk pemograman dengan ActionScript nya, Fungsi dasar dari

ActionScript adalah untuk membuat Navigasi movie Flash, yang di maksud

dari navigasi adalah bagaimana mengatur user untuk masuk kebagian

bagian movie tertentu misalnya Frame atau Scene tertentu. Navigasi ini

erat kaitannya dengan system menu dan struktur konten suatu movie Flash.

Langkah – Langkah Membuat Media Pembelajaran

1. Setelah Lembar kerja Macromedia Flash kita sudah siap, kemudian

susun struktur Layer yang kita butuhkan dalam membuat media

pembelajaran, misal kita membuat media pembelajaran dengan objek

berupa Background, Tombol, Movie Clip, Isi, Action.untuk lebih jelasnya

lihat gambar 2.2 Susunan Layer berikut

2. Buat / masukan objek pada masing – masing layer yang sudah anda

siapkan

a. Objek Background Masukan objek gambar yang akan anda

jadikan background dengan cara mengimport gambar ke dalamlayer

BACKGROUND frame 1 ( Sebaiknya untuk Background design pake aplikasi

grafis yang lain, misal Corel Draw , adobe dll ), atau bisa anda design

dengan Macromedia Flash. Kemudian lengkapi background tersebut dengan

tulisan yang menarik atu tulisan yang menjelaskan judul media

pembelajaran anda, Lihat gambar 2. 0 berikut

b. Objek Tombol Gunakan Fasilitas dari Flash untuk membuat

tombol yaitu dengan panel common libraries, Klik Windows >> Common

Libraries >> Button, masukan 5 buah tombol ke dalam Layer

TOMBOL frame 1 sebagai tombol untuk menampilkan materi dari media

pembelajaran yang kita buat.

c. Objek Isi , Dalam Layer ISI 

-          Frame 10, Tuliskan / Masukan Materi Sejarah Komputer

-          Frame 20, Tuliskan / Masukan Defenisi dari Komputer

-          Frame 30, Tuliskan / Masukan Materi Perangkat Komputer

-          Frame 40, Tuliskan / Masukan Materi Sistem Operasi Komputer

-          Frame 50, Tuliskan / Masukan Nama Anda

d. Objek Movie, Buat Movie Clip untuk Mempercantik media

pembelajaran anda ( ikuti penjelasan Instruktur )

e. Objek Action, Masukan perintah Action Script untuk

mengontrol perintah  media pembelajaran anda ( penjelasan Instruktur )

Gambar akhir Susunan layer & frame Media Pembelajaran anda yang sudah

di lengkapi dengan ActionScript, Lihat Gambar 2.3 Susunan layer & frame

Media Pembelajaran berikut

 Contoh Media Pembelajaran, Lihat Gambar 2.4 Tampilan Media

Pembelajaran berikut: