Macromedia Flash 8

Temukan rahasia belajar cepat dengan metode : COBA -COBA ► BISA.

Hanya dalam sepekan untuk menjadi cekatan.

Mahir Macromedia Flash Profesional 8 1

Buku ini adalah solusi bagi Anda yang ingin belajar cepat dengan hasil yang tepat. Metode belajar COBA - COBA ► BISA merupakan suatu

metode yang sangat cocok bagi Anda yang ingin belajar cepat dalam 7 hari.

Untuk hasil optimal, Anda minimal hanya membutuhkan waktu 1 jam dalam 1 hari untuk mempelajari setiap pokok bahasannya.

Pokok bahasan yang akan mengantar Anda mahir dalam menguasai program Macromedia Flash Pro 8 ini meliputi :

Hari ke-1 : Mengenal komponen dan lembar kerja Macromedia Flash Pro 8 serta bagaimana membuat dan mengolah objek seni.

Hari ke-2 : Bagaimana membuat serta mengolah teks dan bekerja dengan Layer.

Hari ke-3 : Bagaimana membuat Animasi dasar, Animasi gabungan dan Animasi Frame per Frame.

Hari ke-4 : Bagaimana mengolah Sound, Symbol dan Library.

Hari ke-5 : Bagaimana membuat serta mengolah Movie Clip dan Symbol Button.

Hari ke-6 : Bagaimana menggunakan dan mengolah perintah Action Script dalam sebuah Movie, Frame maupun Button.

Hari ke-7 : Bagaimana mempublikasikan dan mengolah sebuah Movie.

2 Mahir Macromedia Flash Profesional 8

Daftar Isi

Kata Pengantar ............................................................................ iii

Daftar Isi ..................................................................................... v

BAB 1

PENGENALAN FLASH PROFESIONAL 8

Fitur Baru pada Flash Pro 8 dan Flash Basic 8 ...................... 4

Fitur Terbaru dalam Flash Pro 8 ........................................... 5

Istilah – istilah dalam program Flash Pro 8 ........................... 6

Menjalankan Macromedia Flash Pro 8 .................................. 7

Elemen – elemen Macromedia Flash Pro 8 ........................... 8

Toolbox ......................................................................... 8

Timeline ........................................................................ 10

Stage ............................................................................. 10

Properties Inspectore ..................................................... 11

Actions .......................................................................... 11

Components .................................................................. 11

Color Mixer ................................................................... 12

Library .......................................................................... 12

Menyiapkan Lembar Kerja ................................................... 13

Mengatur Stage .................................................................... 14

Menampilkan Ruler .............................................................. 15

Menggunakan Guides ........................................................... 15


BAB 2

MEMBUAT OBJEK SENI

Piranti Menggambar ............................................................. 17

Object Drawing Mode .......................................................... 18

Menggambar Objek Seni ...................................................... 19

Menggambar Objek Lingkaran ...................................... 19

Menggambar Objek Kotak ............................................. 20

Menggambar Objek PolyStar ......................................... 21

Menggambar Garis Lurus .............................................. 22

Menggambar Garis Lengkung ....................................... 23

Menggambar dengan Pen Tool ...................................... 24

Menggunakan Pencil Tool ............................................. 25

Mengimport Gambar ..................................................... 26

BAB 3

MENGOLAH OBJEK SENI

Menyeleksi Komponen Objek Seni ....................................... 27

Mengubah Ketebalan Garis................................................... 28

Mengubah Bentuk Garis ....................................................... 29

Mengubah Warna Bidang ..................................................... 30

Transparansi Warna Objek ................................................... 30

Mengubah Ukuran Objek...................................................... 32

Menggambar Variasi Objek Seni .......................................... 33

Menggambar Variasi Objek Seni .......................................... 33

Mewarnai Bidang Gambar .................................................... 39

Warna Gradasi ...................................................................... 40

Mengatur Warna Gradasi ............................................... 42

Menggunakan Color Mixer ................................................... 44

Mengatur Posisi Objek ......................................................... 45

Mengatur Perataan Objek ..................................................... 47


Mengatur jarak Antar Objek ................................................. 48

Menyamakan Ukuran Objek ................................................. 49

Mengolah Objek Bitmap ....................................................... 50

BAB 4

MEMBUAT TEKS

Mengetikkan Teks ................................................................ 55

Mengolah Teks ..................................................................... 56

Menentukan Tipe Teks .................................................. 56

Mengedit Teks ............................................................... 57

Mengatur Properties Teks .............................................. 58

Mengatur Bentuk Karakter ............................................ 59

Mengatur Ukuran Teks .................................................. 59

Mengatur Tampilan Teks ............................................... 59

Mengatur Posisi Karakter .............................................. 60

Mengatur Arah Pengetikan Teks .................................... 60

Mengatur Jarak Antar Karakter ...................................... 62

Memformat Teks Paragraf ............................................. 63

Free Transform Tool ...................................................... 65

Memecah Teks .............................................................. 66

Menggunakan Filter Pada Teks ...................................... 67

BAB 5

BEKERJA DENGAN LAYER

Mengolah Layer ................................................................... 70

Menambah Layer ........................................................... 70

Memberi Nama Layer .................................................... 70

Mengatur Posisi Layer ................................................... 71

Mengunci Layer ............................................................ 71

Menyembunyikan Layer ................................................ 72


Menghapus Layer .......................................................... 73

Membuat Folder ............................................................ 73

Memasukkan Layer ke dalam Folder ............................. 74

BAB 6

ANIMASI

Gambaran Animasi Dalam Timeline ..................................... 79

Membuat Keyframe .............................................................. 80

Layer Dalam Animasi ........................................................... 81

Kecepatan Frame .................................................................. 82

Memperpanjang Frame ......................................................... 82

Tweened Animation ............................................................. 83

Animasi Gerak .............................................................. 84

Animasi Putar ................................................................ 87

Animasi Skala ............................................................... 88

Animasi Warna .............................................................. 90

Animasi Gabungan 1 ..................................................... 91

Animasi Gabungan 2 ..................................................... 92

Animasi Motion Shape ......................................................... 94

Shape 1.......................................................................... 94

Shape 2.......................................................................... 97

Animation Shape Hint .......................................................... 99

Animation Motion Guide ...................................................... 103

Animasi Masking ................................................................. 108

BAB 7

ANIMASI FRAME PER FRAME

Animasi Frame per Frame .................................................... 113

Animasi Warna .............................................................. 113

Animasi Teks ................................................................ 114


Animasi Gerak ..................................................................... 116

BAB 8

SOUND

Menyisipkan Sound dalam Animasi ...................................... 121

BAB 9

LIBRARY

Tipe Symbol ......................................................................... 125

Membuat Symbol ................................................................. 126

Membuat Symbol Baru .................................................. 126

Mengkonversi Objek Menjadi Symbol........................... 126

Panel Library ........................................................................ 127

Menyalin Symbol .......................................................... 128

Mengganti Nama Symbol .............................................. 129

Menghapus Symbol ....................................................... 130

Mengatur Symbol Dalam Folder ........................................... 130

Membuat Folder ............................................................ 130

Memasukkan Symbol ke dalam Folder .......................... 131

Memasukkan Symbol ke dalam Stage ............................ 131

BAB 10

MOVIE CLIP

Membuat Movie Clip............................................................ 135

Mengolah Movie Clip ........................................................... 139

Menyisipkan Movie Clip ............................................... 139

Menyalin Instance Movie Clip ....................................... 140

Menyalin Movie Clip dalam Library .............................. 140

Merotasi Instance Movie Clip ........................................ 141

Mengubah Ukuran Instance Movie Clip......................... 141


Blend Mode .......................................................................... 142

BAB 11

SYMBOL BUTTON

Membuat Symbol Button ...................................................... 145

Common Libraries Buttons ................................................... 149

Menyisipkan Suara Dalam Tombol ....................................... 150

BAB 12

ACTION SCRIPT

Fungsi Panel Action Script ................................................... 157

Add a New Item to the Script......................................... 158

Find ............................................................................... 159

Replace ......................................................................... 159

Insert a Target Path ........................................................ 159

Check Syntax ................................................................ 163

Autoformat .................................................................... 164

Shoe Code Hint ............................................................. 167

Debug Options .............................................................. 168

View Options ................................................................ 169

Script Assist .................................................................. 170

BAB 13

ACTION SCRIPT DALAM TOMBOL

Memberi Action Pada Tombol .............................................. 171

Menggunakan Action GoTo ................................................. 173

Menggunakan Action LoadMovie......................................... 176

Menggunakan Action UnloadMovie ..................................... 176

Menggunakan Action GotoAndPlay ..................................... 177

Timeline Control .................................................................. 183


BAB 14

MENGOLAH ACTION SCRIPT

Mencari Dan Mengganti Teks Script .................................... 185

Mengekspor Perintah Script .................................................. 187

Mengimpor Perintah Script ................................................... 188

BAB 15

PUBLIKASI FLASH MX 2004

Menguji Hasil Movie ............................................................ 193

Mempublikasikan Flash Movie ............................................. 196

Pulikasi Flash Player Movie ................................................. 199

Mempublikasikan HTML Dengan Flash Player .................... 201

Membuat File GIF ................................................................ 205

Membuat File JPEG ............................................................. 208

Membuat File PNG............................................................... 210

Membuat File EXE ............................................................... 212

BAB 16

MENGOLAH MOVIE

Menampilkan Format Dan Tatanan Dalam Publishing .......... 215

Menggunakan Player Stand Alone ........................................ 216

Mengekspor Movie Dan Image ............................................. 216


Macromedia Flash Profesional 8 adalah sebuah program

animasi yang telah banyak digunakan oleh para Animator

untuk menghasilkan animasi yang profesional. Di antara

program-program animasi, program Macromedia Flash

Profesional 8 merupakan program yang paling fleksibel

dalam pembuatan animasi, seperti Animasi Interaktif,

Game, Company Profile, Presentasi, Movie dan tampilan

animasi lainnya.

Macromedia Flash Profesional 8 merupakan versi terbaru

dari seri sebelumnya yaitu Macromedia Flash MX 2004.

Versi terbaru ini menyajikan banyak sekali perubahan

tampilan, peranti baru, Filter, Blend Mode, dan fasilitas

lainnya.

Keunggulan dari program Macromedia Flash Profesional 8

dibanding program lain yang sejenis, antara lain:

Dapat membuat tombol interaktif dengan sebuah movie

atau objek yang lain.

Dapat membuat perubahan transparansi warna dalam

movie.

Mengenal

Flash Profesional 8


Membuat perubahan animasi dari satu bentuk ke bentuk

lain.

Dapat membuat gerakan animasi dengan mengikuti alur

yang telah ditetapkan.

Dapat dikonversi dan dipublikasikan (publish) ke dalam

beberapa tipe di antaranya adalah: .swf, .html, .gif, .jpg,

.png, .exe, .mov.

Dapat mengolah dan membuat animasi dari objek Bitmap.

Flash program animasi berbasis vektor mempunyai

fleksibilitas dalam pembuatan objek-objek vektor.

Dan banyak lagi keunggulan-keunggulan dari Macromedia

Flash Profesional 8.

1.1. Fitur Baru pada Flash Basic 8 dan Flash Pro 8

Fitur-fitur baru yang terdapat pada Flash Basic 8 dan Flash

Pro 8 adalah sebagai berikut:

Gradient

Kontrol baru pada fasilitas gradient memungkinkan Anda

untuk membuat warna gradasi yang lebih komplek pada

sebuah objek. Anda juga dapat membuat kombinasi warna

gradasi hingga 16 warna mengatur secara tepat posisi dan

komposisi warna dalam objek.

Object Drawing Model

Anda dapat membuat beberapa objek sekaligus dalam satu

frame tanpa saling mempengaruhi objek satu dengan yang

lainnya.

Flash Type

Objek Teks di dalam stage tampil lebih konsisten dan

pengaturan parameter yang lebih lengkap.


Stage

Lembar kerja atau stage yang lebih luas memberi

kemudahan pengaturan objek dan komponen dalam

pembuatan movie atau animasi.

Panel

Flash Pro 8 menghadirkan tampilan panel-panel dalam

bentuk tabulasi sehingga mempermudah pengolahan dan

penggunakan panel sesuai kebutuhan.

Stroke

Anda dapat membuat warna gradasi pada objek garis.

Sebuah fitur baru yang sangat menarik dan membuat objek

animasi lebih bervariasi.

Single Library

Anda dapat menggunakan panel library secara tunggal lepas

dari grup panel lainnya. Hal ini mempermudah anda

menggunakan item di dalam library ke dalam lembar kerja.

Object Level Undo

Inovasi terbaru dalam hal membatalkan perintah yang

pernah dikerjakan. Dengan fasilitas Object Level Undo,

Anda dapat membatalkan perintah hanya pada objek yang

dikerjakan secara berurutan.

1.2. Fitur Terbaru Dalam Flash Pro 8

Flash Pro 8 memiliki beberapa fitur terbaru yang sangat

mengagumkan untuk memperkaya sebuah tampilan movie

atau animasi. Berikut ini beberapa fitur terbaru dalam

Flash Pro 8:

Filter

Flash Pro 8 menyajikan filter yang dapat dikenakan pada

objek teks, movie clip dan tombol. Filter ini dapat

dianimasikan sehingga membuat tampilan teks, movie clip

dan tombol yang Anda buat semakin menarik.


Blend Mode

Blend Mode merupakan mode pencampuran warna dari dua

buah objek yang saling menumpuk. Fasilitas blend mode

sama fungsinya dengan blending mode yang terdapat di

dalam program Adobe Photoshop. Dalam Flash Pro 8, Blend

Mode hanya dapat digunakan pada Button dan Movie Clip.

Anti Alias

Anda dapat mengolah objek teks dengan sisi yang halus

dengan menggunakan fasilitas Anti Alias pada teks.

Bitmap

Flash Pro 8 dapat mengolah objek bitmap lebih halus

(smooth) untuk proses pengecilan atau pembesaran objek.

Video Encoder

Flash Pro 8 mempunyai program terpisah yaitu Macromedia

Video Encoder untuk menkonversi file video menjadi flash

video.

1.3. ISTILAH-ISTILAH DALAM PROGRAM FLASH PRO 8

Istilah Keterangan

Properties Suatu cabang perintah dari suatu perintah

yang lain.

Animasi

Sebuah gerakan objek maupun teks yang

diatur sedemikian rupa sehingga

kelihatan hidup.

Actions

Script

Suatu perintah yang diletakkan pada

suatu frame atau objek sehingga frame

atau objek tersebut akan menjadi

interaktif.

Movie Clip Suatu animasi yang dapat digabungkan

dengan animasi atau objek yang lain.


Istilah Keterangan

Frame Suatu bagian dari Layer yang digunakan

untuk mengatur pembuatan animasi.

Scene

Scene jika di program Powerpoint sering

disebut dengan slide yaitu layar yang

digunakan untuk menyusun objek-objek

baik berupa teks maupun gambar.

Time Line Bagian lembar kerja yang digunakan

untuk menampung Layer.

Masking

Suatu perintah yang digunakan untuk

menghilangkan sebuah isi dari suatu

Layer dan isi Layer tersebut akan tampak

saat movie dijalankan.

Layer

Sebuah nama tempat yang digunakan

untuk menampung satu gerakan objek,

sehingga jika ingin membuat gerakan

lebih dari satu objek sebaiknya diletakkan

pada Layer tersendiri.

Keyframe Suatu tanda yang digunakan untuk

membatasi suatu gerakan animasi.

1.4. MENJALANKAN MACROMEDIA FLASH PRO 8

Tekan tombol Start ► All Programs ► Macromedia ►

Macromedia Flash Pro 8 untuk menjalankan program Flash

Pro 8. Tampil jendela program nampak seperti Gambar 1.1.


Gambar 1.1. Jendela program Macromedia Flash Pro 8

1.5. ELEMEN-ELEMEN MACROMEDIA FLASH PRO 8

Berikut ini beberapa elemen yang terdapat dalam

Macromedia Flash MX 2004.

ToolBox

Toolbox menampilkan beberapa piranti yang digunakan

untuk membuat objek seni dan beberapa piranti yang

digunakan untuk pewarnaan objek. Toolbox juga

menyediakan piranti untuk memperbesar dan memperkecil

tampilan lembar kerja atau stage (Zoom). Perhatikan

tampilan Toolbox seperti pada Gambar 1.2.


Gambar 1.2. Toolbox

Lasso

Subselection

Subselection

Subselection

Text

Rectangle

Subselection

Brush

Subselection

Paint Bucket

Eraser

Subselection

Zoom

Selection

Subselection

Line

Subselection

Pen

Subselection

Oval

Subselection

Pencil

Subselection

Fill Transform Free Transform

Ink Bottle

Eyedropper

Subselection

Hand

Subselection

Stroke color

Fill Color

Black and White Swap Color

Option pendukung dari tombol yang terpilih


Timeline

Jendela Timeline berisi Layer, Frame, Blank Keyframe dan

Keyframe untuk mengatur pembuatan animasi. Perhatikan

Gambar 1.3.

Gambar 1.3. Timeline

Stage

Stage juga dapat disebut sebagai lembar kerja untuk

menempatkan objek-objek animasi.

Gambar 1.4. Stage atau lembar kerja.

Stage


Properties Inspectore

Dengan panel ini, Anda dapat mengatur properties dan

tampilan dari objek terpilih.

Gambar 1.5. Properties Inspectore

Actions

Dalam jendela Actions, Anda dapat menuliskan perintah

ActionScript untuk pembuatan sebuah animasi interaktif.

Gambar 1.6. Jendela Actions

Components

Panel Components menyediakan komponen-komponen yang

sudah diatur parameternya oleh program Flash sehingga

Anda tinggal menggunakan komponen tersebut ke dalam

Stage.


Gambar 1.7. Jendela Components

Color Mixer

Panel Color Mixer digunakan untuk mengolah warna pada

sebuah objek terpilih.

Gambar 1.8. Jendela Color Mixer

Library

Panel Library menampung simbol yang pernah dibuat di

dalam stage, seperti simbol Graphic, Button dan Movie Clip.

Perhatikan gambar 1.9.


Gambar 1.9. Jendela Library

1.6. Menyiapkan Lembar kerja

Gunakan langkah berikut untuk menyiapkan lembar kerja

baru atau stage:

1. Klik menu File ► New sehingga akan ditampilkan kotak

dialog New Document.

Gambar 1.10. Kotak dialog New Document


2. Di dalam tabulasi General, pastikan terpilih Flash

Document.

3. Klik OK.

1.7. Mengatur Stage

Setelah membuat stage, Anda dapat mengatur ukuran dan

warna background dari stage tersebut. Gunakan langkah

berikut untuk mengatur stage:

1. Klik menu Modify ► Document, atau tekan Ctrl + J

sehingga akan ditampilkan kotak dialog Document

Properties.

Gambar 1.11. Kotak dialog Document Properties.

2. Tentukan lebar (width) dan tinggi (height) stage pada

pilihan Dimensions.

3. Untuk mengubah warna latar belakang stage, gunakan

pilihan Background Color.

4. Untuk mengubah kecepatan frame, gunakan pilihan


Frame rate.

5. Tentukan satuan ukuran stage pada pilihan Ruler units.

6. Akhiri dengan OK.

1.8. Menampilkan Ruler

Dengan menggunakan fasilitas ruler, akan mempermudah

Anda untuk membuat objek dengan ukuran dan bentuk

yang tepat. Penggunaan ruler akan dibarengi dengan

penggunaan guides sehingga juga dapat mempermudah

meletakkan objek di dalam stage. Untuk menampilkan

ruler, klik menu View ► Rulers.

Gambar 1.12. Tampilan Rulers dalam stage

1.9. Menggunakan Guides

Gunakan langkah berikut untuk menggunakan guides di

dalam stage:

1. Pastikan ruler dalam kondisi ditampilkan di dalam

jendela stage.

2. Letakkan pointer mouse pada ruler horisontal untuk


membuat guide horisontal dan letakkan pointer mouse

pada ruler vertikal untuk membuat guide vertikal.

3. Selanjutnya geser pointer mouse ke dalam stage di posisi

yang diinginkan untuk meletakkan guides. Perhatikan

Gambar 1.8.

4. Untuk menghapus guides, geser guides tersebut keluar

dari stage.

Gambar 1.13. Menggunakan guides


Macromedia Flash Profesional 8 memberikan kemudahan

bagi Anda untuk menciptakan berbagai objek seni dengan

menggunakan Peranti menggambar. Penggunaan Peranti

yang sangat mudah dan fleksibel sehingga dapat

membentuk objek seni yang diinginkan.

Peranti menggambar

Berikut ini beberapa Peranti yang dapat Anda gunakan

untuk membuat dan memodifikasi objek seni.

Tombol Keterangan

Selection Tool digunakan untuk menyeleksi objek.

Line Tool digunakan untuk menggambar garis lurus.

Pen Tool digunakan untuk menggambar objek path.

Oval Tool digunakan untuk menggambar objek

lingkaran.

Rectangle Tool digunakan untuk menggambar objek

kotak.

PolyStar Tool digunakan untuk menggambar objek

Membuat

Objek Seni


Tombol Keterangan

polygon dan bintang.

Pencil Tool digunakan untuk menggambar dengan

bentuk coretan pensil.

Brush Tool digunakan untuk menggambar dan

mewarna dengan bentuk polesan kuas.

Free Transform Tool digunakan untuk mengubah

ukuran dan memutar objek dengan bebas.

Fill Transform Tool digunakan untuk mengubah dan

memutar warna dasar objek terutama untuk warna

gradasi.

Paint Bucket Tool digunakan untuk mewarnai bidang

objek tertutup.

Eraser Tool digunakan untuk menghapus objek.

Stroke Color digunakan untuk menentukan warna garis

pada objek.

Fill Color digunakan untuk menentukan warna dasar

pada bidang objek.

Object Drawing Mode

Fasilitas Object Drawing merupakan salah satu

fasilitas baru dari Macromedia Flash Profesional 8.

Dengan mengaktifkan Object Drawing. Anda dapat

membuat beberapa objek seni sekaligus di dalam satu frame

tanpa mempengaruhi objek-objek lainnya. Object Drawing

hanya berlaku pada Line Tool, Oval Tool, Rectangular Tool,

PolyStar Tool, Pen Tool, Pencil Tool dan Brush Tool. Berikut

ini salah satu contoh menggambar objek seni dengan

mengaktifkan Object Drawing:

1. Gunakan salah satu peranti untuk membuat objek seni.

Sebagai contoh Oval Tool.

2. Aktifkan Object Drawing pada toolbox option.


3. Buat dua buah objek lingkaran yang saling

bersinggungan dengan cara drag pointer di dalam stage.

4. Perhatikan hasilnya pada Gambar 2.1. meskipun dua

objek lingkaran saling bersinggungan, kedua objek

tersebut tidak akan saling memotong.

Gambar 2.1. Objek seni dengan Drawing Object

Menggambar Objek Seni

Berikut ini akan dijelaskan cara membuat objek seni dengan

menggunakan beberapa Peranti menggambar yang

disediakan program Flash Profesional 8.

Menggambar Objek Lingkaran Gunakan langkah berikut:

1. Klik Oval Tool.

2. Tentukan warna garis (Stroke Color) dan warna dasar

(Fill Color) dari objek yang akan dibuat.

3. Selanjutnya drag pointer mouse di dalam stage untuk

membuat bentuk lingkaran. Tekan Shift untuk membuat

objek lingkaran dengan bentuk yang proporsional.

Perhatikan hasilnya seperti pada Gambar 2.2.

Hasil Objek seni tanpa mengaktifkan Oject Drawing

Hasil Objek seni dengan mengaktifkan Oject Drawing


Gambar 2.2. Objek lingkaran

Menggambar Objek Kotak Gunakan langkah berikut:

1. Klik Rectangle Tool.

2. Tentukan warna garis (Stroke Color) dan warna

dasar (Fill Color) untuk objek yang akan dibuat.

3. Klik Round Rectangle Radius pada toolbox untuk

membuat objek kotak dengan sudut lengkung dan

akan ditampilkan kotak dialog Rectangle Settings

seperti nampak pada Gambar 2.3. Ketikkan sebuah nilai

untuk mengatur kelengkungan sudut pada pilihan

Corner radius. Klik OK untuk mengakhiri.

Gambar 2.3. Kotak dialog Rectangle Settings

4. Selanjutnya drag pointer mouse di dalam stage untuk

membuat bentuk kotak yang diinginkan. Perhatikan

hasilnya seperti pada Gambar 2.4.


Gambar 2.4. Objek kotak

Menggambar Objek PolyStar Gunakan langkah berikut:

1. Klik PolyStar Tool.

2. Tentukan warna garis (Stroke Color) dan warna dasar

(Fill Color).

3. Klik tombol Option pada Properties

Inspectore sehingga ditampilkan kotak

dialog Tool Settings seperti pada Gambar 2.5.

Gambar 2.5. Kotak dialog Tool Settings

4. Tentukan bentuk objek Polygon atau Star pada pilihan

Style.


5. Tentukan jumlah sisi pada pilihan Number of Sides,

akhiri dengan OK.

6. Selanjutnya drag pointer mouse dalam stage untuk

membentuk objek. Perhatikan hasilnya seperti pada

Gambar 2.6.

Gambar 2.6. Objek Polygon dan Star

Apabila Anda ingin membuat objek tanpa

memberikan warna dasar, klik tombol No

Color pada saat menentukan warna dasar (fill color) sehingga yang terbentuk hanya garis luar (outline)

dari objek tersebut.. Perhatikan Gambar 2.7.

Gambar 2.7. Objek tanpa warna dasar

Menggambar Garis Lurus Gunakan langkah berikut:

1. Klik Line Tool.

2. Tentukan warna garis (Line Color).

3. Drag pointer mouse dalam stage untuk membentuk

garis. Perhatikan hasilnya seperti pada Gambar 2.8.


Gambar 2.8. Objek garis

Menggambar Garis Lengkung Untuk membuat garis lengkung, Anda dapat

menggunakan bentuk dasar garis lurus dan

mengeditnya hingga membentuk garis lengkung.

Gunakan langkah berikut:

1. Buat garis lurus horisontal dengan Line Tool.

2. Klik Selection Tool dan arahkan pointer mouse di antara

titik awal dan titik akhir dari garis lurus hingga pointer

mouse berubah bentuk. Klik dan geser ke arah yang

diinginkan hingga garis lurus tersebut berubah menjadi

garis lengkung. Perhatikan Gambar 2.9.

Titik Awal Titik Awal

Aktifkan Selection Tool, arahkan pointer mouse di antara titik awal dan titik akhir hingga pointer mouse berubah bentuk (anak panah dengan garis lengkung). Klik tahan dan geser ke arah yang diinginkan untuk membentuk

garis lengkung


Gambar 2.9. Membuat garis lengkung dari garis lurus

Catatan: proses ini dapat diterapkan pada objek

Lingkaran, Kotak, Polygon, Star dan objek garis lainnya.

Menggambar dengan Pen Tool Dengan menggunakan Pen Tool, Anda dapat membuat

gambar bidang dengan garis lurus atau garis

lengkung. Gunakan langkah berikut:

1. Aktifkan Pen Tool.

2. Arahkan pointer mouse pada area kerja. Klik sekali

untuk menentukan posisi titik awal, selanjutnya geser

pointer mouse ke arah tertentu sesuai bentuk yang akan

dibuat dan klik sekali lagi untuk menentukan titik

kedua. Lakukan proses tersebut beberapa kali sesuai

bentuk objek yang diinginkan.

Gambar 2.10. Gambar Pen Tool dengan bentuk garis lurus

3. Untuk membuat gambar garis lengkung dengan Pen

Tool, perhatikan penjelasan pada Gambar 2.11.

Hasil garis lengkung


Gambar 2.11. Menggambar garis lengkung dengan Pen Tool

Menggunakan Pencil Tool

Pencil Tool digunakan untuk membuat bentuk bebas

dengan beberapa pilihan Pencil Mode seperti

Straighten untuk membentuk garis lurus, Smooth dan

Ink untuk membentuk garis halus. Gunakan langkah

berikut untuk membuat bentuk bebas :

1. Aktifkan Pencil Tool.

2. Tentukan Pencil Mode seperti Straighten, Smooth

atau Ink.

3. Tentukan ketebalan garis dengan mengubah nilai Stroke

Height pada panel Properties.

4. Arahkan pointer mouse pada area kerja, klik dan geser

untuk membuat bentuk yang diinginkan. Perhatikan

Gambar 2.12.

Klik pada titik awal dan geser ke arah kanan.

Klik pada titik kedua dan geser ke arah kiri.

Klik pada titik ketiga dan geser

ke arah kanan.


Gambar 2.12. Membuat bentuk dengan Pencil Tool

Mengimport Gambar Anda dapat mengimport gambar ke dalam stage dengan cara

berikut:

1. Klik menu File ► Import ► Import to Stage atau tekan

Ctrl + R.

2. Selanjutnya ditampilkan kotak dialog Import, pilih

nama file gambar yang akan dimport dan klik Open.

Gambar 2.13. Hasil mengimport gambar

Straighten Smooth Ink

Stage

Gambar hasil Import


Dalam bab ini akan dibahas beberapa perintah untuk

mengolah objek seni yang pernah dibuat.

3.1. Menyeleksi Komponen Objek Seni

Gunakan Selection Tool untuk menyeleksi komponen

objek. Perhatikan Gambar 3.1. untuk menyeleksi

komponen yang terdapat pada objek seni.

Klik pada bidang untuk menyeleksi bidang gambar.

Klik pada garis untuk menyeleksi garis

(outline) gambar.

Mengolah

Objek Seni


Gambar 3.1. Menyeleksi Komponen Objek Seni

3.2. Mengubah Ketebalan Garis

Anda dapat mengatur ketebalan garis objek (outline) dengan

menggunakan piranti Stroke Height. Gunakan langkah

berikut:

1. Aktifkan Selection Tool.

2. Klik pada garis yang akan ditebalkan hingga terseleksi.

3. Ketikkan sebuah nilai untuk mengatur ketebalan yang

diinginkan pada kotak Stroke Height yang terdapat

dalam Properties Inspectore atau geser slider yang ada

untuk memperoleh ketebalan yang diinginkan.

Perhatikan Gambar 3.2.

Klik dua kali untuk menyeleksi bidang gambar (Fill Color) dan garis objek (Outline)

Gunakan selection tool dan klik pada garis yang akan diubah ketebalannya

Stroke Height dalam

properties inspectore


Gambar 3.2. Mengubah ketebalan garis

3.3. Mengubah Bentuk Garis

Gunakan langkah berikut untuk mengubah bentuk garis:

1. Seleksi garis yang akan diubah bentuknya.

2. Klik tombol Stroke Style pada properties inspectore dan

pilih salah satu bentuk garis yang diinginkan.

Gambar 3.3. Mengubah bentuk garis

Garis dengan ketebalan 1 point

Garis dengan ketebalan 10 point

Garis yang sudah diubah Stroke Style


3.4. Mengubah Warna Bidang


1. Seleksi bidang gambar yang akan diubah.

2. Klik Fill Color sehingga ditampilkan palet warna. Pilih

salah satu warna yang diinginkan.

Gambar 3.4. Mengubah warna bidang

3.5. Transparansi Warna Objek


1. Pilih objek yang akan diolah.

2. Klik pada warna bidang objek. Perhatikan gambar 3.5.

Klik pada bidang objek Fill Color Pilihan warna gradasi


Gambar 3.5. Klik warna bidang objek

3. Klik Fill Color dan pilih salah satu warna, selanjutnya

ubah nilai Alpha untuk mengatur transparansi warna.

Palet Warna

Klik pada warna bidang objek

Ubah nilai Alpha untuk mengatur trasparansi warna


Gambar 3.6. Mengatur transparansi warna

3.6. Mengubah ukuran Objek


1. Pilih objek yang akan diubah ukurannya.

2. Selanjutnya atur ukuran objek dengan menggunakan

panel properties inspectore. Perhatikan Gambar 3.7.

Gambar 3.7. Mengubah ukuran objek dengan properties

Pilih objek yang akan diubah ukurannya.

Gunakan properties untuk mengubah lebar (W) dan tinggi (H) objek

Objek dengan transparansi warna 25%


3. Selain menggunakan perintah tersebut, gunakan

Free Transform Tool untuk mengubah bentuk

objek secara bebas. Aktifkan Free Transform Tool

dan klik pada objek. Perhatikan keterangan pada

Gambar 3.8.

Gambar 3.8. Menggunakan Free Transform Tool

3.7. Menggambar Variasi Objek Seni

Berikut ini akan diberikan satu contoh menggambar objek

seni dengan menggunakan Pencil dan Line Tool. Sebagai

contoh kita akan menggambar “si jamur”.

1. Buat bentuk lingkaran tanpa warna dasar sebagai

bentuk dasar dengan menggunakan Oval Tool.


Geser handle ini untuk mengubah tinggi objek.

Geser handle ini untuk

mengubah lebar objek.

Arahkan pointer mouse diluar handle sudut dan putar ke arah yang diinginkan untuk memutar objek.

Geser handle sudut untuk mengubah lebar dan tinggi objek secara bersamaan. Tekan Shift untuk perubahan yang porposional.


Gambar 3.9. Bentuk lingkaran

2. Buat garis lurus memotong objek lingkaran dengan

menggunakan Line Tool. Perhatikan Gambar 3.10.

Gambar 3.10. Membuat garis lurus memotong lingkaran

3. Aktifkan Selection Tool. Selanjutnya klik pada garis

objek yang tidak terpakai dan tekan Delete untuk

menghapus garis tersebut. Perhatikan Gambar 3.11.

Stroke Color = Hitam Stroke Height = 3 Stroke Style = Solid Fill Color = No Color


Gambar 3.11. Menghapus garis

4. Buat garis lurus seperti pada Gambar 3.12.

Gambar 3.12. Menambahkan garis lurus

5. Dengan teknik yang sama, hapus garis yang tidak perlu

sehingga hasilnya nampak seperti pada Gambar 3.13.

Gambar 3.13. Hasil setelah dihapus

Gunakan Selection Tool. Klik pada garis objek yang tidak terpakai dan tekan Delete.

Setelah dihapus


6. Aktifkan Selection Tool. Arahkan pointer mouse di

tengah garis lurus hingga pointer berubah menjadi anak

panah dengan garis lengkung, klik dan geser ke bawah,

sehingga garis lurus berubah menjadi garis lengkung.

Gambar 3.14. Mengubah garis lurus menjadi garis lengkung

7. Selanjutnya buat garis lurus untuk membentuk batang

jamur seperti pada Gambar 3.15.

Gambar 3.15. Membuat batang jamur

8. Hapus garis-garis yang tidak perlu sehingga hasilnya

seperti pada Gambar 3.16.

Klik dan geser ke bawah untuk

melengkungkan garis. Hasil


Gambar 3.16. Hasil penghapusan garis

9. Selanjutnya lengkungkan garis pada batang jamur

sehingga hasilnya seperti pada Gambar 3.17.

Gambar 3.17. Hasil batang jamur setelah dilengkungkan

10. Buat garis lengkung pada batang jamur. Gunakan

Pencil Tool dengan pilihan Smooth. Perhatikan Gambar

3.18.


Gambar 3.18. Garis lengkung pada batang jamur

11. Selanjutnya sempurnakan gambar jamur tersebut

dengan menggunakan Oval Tool dan hapus garis-garis

yang tidak diperlukan. Ubah bentuk garis (stroke style)

sesuai selera. Perhatikan hasilnya seperti pada Gambar

3.19.

Gambar 3.19. Hasil akhir gambar jamur

Dari langkah di atas, dapat disimpulkan bahwa Flash

Pro 8 memberi kemudahan kita untuk membuat

berbagai bentuk objek seni dengan menggunakan

gabungan dari bentuk dasar. Semakin terampil Anda

menggunakan mouse dan piranti menggambar yang

Pencil Tool Smooth Garis lengkung dengan pencil tool


tersedia, maka semakin bervariasi gambar seni yang

dapat Anda ciptakan.

3.8. Mewarnai Bidang Gambar

Masih menggunakan hasil dari gambar “si jamur”.

Langkah selanjutnya memberikan warna pada bidang

gambar.

1. Aktifkan Paint Bucket Tool.

2. Tentukan pilihan warna yang diinginkan (Fill Color).

3. Tentukan option sesuai bidang gambar yang akan

diwarnai dengan ketentuan sebagai berikut:

Don‟t Close Gaps digunakan untuk mewarnai bidang

gambar dengan garis (outline) tertutup.

Close Small Gaps digunakan untuk mewarnai

bidang gambar dengan garis (outline) yang

mempunyai celah kecil.

Close Small Gaps digunakan untuk mewarnai


mempunyai celah sedang.

Close Large Gaps digunakan untuk mewarnai


mempunyai celah besar. Perhatikan Gambar 3.20.

Gambar 3.20. Option untuk Paint Bucket Tool

4. Dalam contoh ini menggunakan pilihan Close Medium

Gaps.


5. Selanjutnya klik pada bidang gambar yang akan diberi

warna. Perhatikan hasilnya seperti pada Gambar 3.21.

Gambar 3.21. Hasil gambar setelah pewarnaan

6. Aktifkan Selection Tool dan pilih semua objek yang

membentuk gambar jamur, atau klik pada keyframe di

mana objek berada. Selanjutnya tekan Ctrl + G.

Langkah ini digunakan untuk mengelompokkan

beberapa objek menjadi satu dan tekan Ctrl + Shift + G

untuk melepas grup.

3.9. Warna Gradasi

Selain menyediakan warna-warna dasar, Flash MX 2004

juga menyediakan pewarnaan gradasi. Sebagai contoh, kita

akan membuat objek lingkaran dengan warna gradasi:

1. Aktifkan Oval Tool.

2. Tentukan warna garis objek (Stroke Color).

3. Tentukan warna dasar objek (Fill Color) dengan memilih

bentuk warna gradasi. Perhatikan Gambar 3.22.


Gambar 3.22. Memilih warna gradasi

4. Selanjutnya buat bentuk lingkaran dalam lembar kerja

dan perhatikan hasilnya seperti pada Gambar 3.23.

Gambar 3.23. Hasil warna gradasi pada objek lingkaran

5. Anda dapat juga mengatur warna gradasi pada sebuah

objek dengan menggunakan Fill Color yang terdapat di

dalam palet properties.

Fill Color

Pilihan warna gradasi


Mengatur Warna Gradasi Macromedia Flash Pro 8 memberikan satu fasilitas

baru untuk pengaturan warna gradasi khususnya

untuk warna gradasi tipe radial. Gunakan langkah

berikut:

1. Buat objek lingkaran dengan warna gradasi radial.

Gambar 3.24. Objek lingkaran dengan gradasi linear

2. Aktifkan Fill Transform Tool dan klik pada bidang

warna dasar objek yang sudah dibuat.

Gambar 3.25. Fill Transform pada bidang warna objek.


3. Selanjutnya lakukan perubahan bentuk warna gradasi

dengan menggunakan fill transform yang ditampilkan.

Center Point Klik dan geser untuk mengatur titik tengah

gradasi.

Focal Point Klik dan geser untuk mengatur fokal gradasi.

Focal Point hanya berlaku untuk gradasi tipe

radial.

Width Klik dan geser untuk mengatur lebar bidang

gradasi.

Size Klik dan geser untuk mengatur ukuran bidang

gradasi.

Rotation Klik dan geser untuk memutar bidang gradasi.

Gambar 3.26. Mengatur Fill Transform

Center Point

Width

Rotation

Size

Focal Point


3.10. Menggunakan Color Mixer


1. Aktifkan panel Color Mixer dengan cara klik menu

Window ► Design Panels ► Color Mixer atau tekan

Shift + F9.

2. Untuk menggunakan Color Mixer, perhatikan

penjelasan pada Gambar 3.27.

Gambar 3.27. Tampilan Color Mixer untuk warna gradasi

3. Jika Anda menggunakan bentuk warna dasar Linear

atau Radial (untuk warna gradasi) perhatikan Gambar

3.28.

Warna garis dan warna dasar

Mengatur kombinasi warna Red

(R), Green (G) dan Blur (B)

Slider pengaturan warna

Mengatur transparansi warna

Mengatur kombinasi warna gradasi hingga 16 warna

Mengatur bentuk warna dasar (Fill Style). Terdiri dari None (tanpa warna), Solid, Linear, Radial dan Bitmap.

Warna default (Black and White), Tanpa warna (No Color) dan membalik warna (Swap Color)


Gambar 3.28. Menggunakan warna dasar gradasi

4. Untuk mengganti warna, klik point warna dan tentukan

warna yang sesuai menggunakan Fill Color atau slider

warna.

3.11. Mengatur Posisi Objek

Anda dapat mengatur posisi sebuah objek terhadap objek

lainnya dengan cara berikut:

1. Buat tiga buah objek yang berbeda dalam satu

frame jangan lupa mengatifkan pilihan Object

Drawing. Atur posisi ketiga objek seperti pada Gambar

3.29.

Pilih bentuk warna Linear atau Radial.

Klik pada point warna. Gunakan kotak dan slider warna untuk memilih warna yang sesuai

Klik pada batang warna untuk menambahkan point warna

Geser point warna ke bawah untuk menghapusnya.

Kotak pilihan warna

Slider mengatur gelap terang warna


Gambar 3.29. Posisi ketiga objek

2. Gunakan Selection Tool dan pilih objek Lingkaran.


Gambar 3.30. Memilih objek Lingkaran

3. Selanjutnya klik menu Modify ► Arrange, pilih perintah

yang diinginkan untuk mengatur posisi objek dengan

penjelasan sebagai berikut:

Bring to Front menempatkan objek di posisi paling

atas dari objek lainnya.

Bring Forward menempatkan objek satu tingkat di

atas objek lainnya.

Objek lingkaran, terpilih.


Send Backward menempatkan objek satu tingkat di

bawah objek lainnya.

Send to Back menempatkan objek di posisi paling

bawah dari objek lainnya.

Lock mengunci objek terpilih sehingga tidak dapat

diedit.

Unlock All melepas kunci semua objek.

3.12. Mengatur Perataan Objek

Gunakan langkah berikut untuk mengatur perataan objek

terhadap objek lainnya:

1. Pilih beberapa objek yang akan diatur perataannya.


Gambar 3.31. Objek yang akan diatur perataannya

2. Selanjutnya klik menu Modify ► Align, pilih perataan

yang diinginkan dengan penjelasan sebagai berikut:

Left mengatur objek-objek terpilih menjadi rata kiri.

Horizontal Center mengatur objek-objek terpilih

menjadi rata tengah secara horisontal.

Right mengatur objek-objek terpilih menjadi rata

kanan.

Top mengatur objek-objek terpilih menjadi rata atas.

Vertical Center mengatur objek-objek terplih

menjadi rata tengah secara vertikal.


Bottom mengatur objek-objek terpilih menjadi rata

bawah.

3. Perhatikan beberapa bentuk perataan objek seperti pada

Gambar 3.32.

Gambar 3.32. Hasil perataan objek.

3.13. Mengatur Jarak Antar Objek

Anda dapat mengatur jarak antar objek menjadi sama

dengan cara berikut:

1. Buat objek dengan jarak yang tidak sama. Perhatikan

Gambar 3.33.

Gambar 3.33. Objek yang akan diatur jaraknya

Align - Top

Align - Top

Align – Center Vertical


2. Seleksi objek tersebut.

3. Klik menu Modify ► Align, pilih pengaturan jarak objek

dengan penjelasan sebagai berikut

Distribute Widths mengatur objek mempunyai jarak

yang sama secara horisontal.

Distribute Heights mengatur objek mempunyai jarak

yang sama secara vertikal. Perhatikan hasilnya


Gambar 3.34. Memberikan jarak Distribute Widths pada objek

3.14. Menyamakan Ukuran Objek

Anda dapat mengatur ukuran beberapa objek menjadi sama,

yaitu dengan cara berikut:

1. Buat objek dengan ukuran yang tidak sama.

Gambar 3.35. Objek dengan ukuran tidak sama

2. Pilih objek yang akan diatur ukurannya.

3. Klik menu Modify ► Align, pilih perintah untuk

menyamakan ukuran objek dengan ketentuan sebagai

berikut:

Make same Width menyamakan ukuran objek

berdasarkan lebar.


Make same Height menyamakan ukuran objek

berdasarkan tinggi.

Make same Width

Make same Height

Gambar 3.36. Menyamakan ukuran objek

3.15. Mengolah Objek Bitmap

Macromedia Flash Pro 8 mengijinkan Anda untuk mengolah

objek bitmap menjadi objek vektor dalam lembar kerja flash.


1. Import salah satu objek bitmap ke dalam lembar kerja

flash.

2. Pilih objek bitmap klik menu Modify Bitmap

Trace Bitmap, tampil kotak dialog Trace Bitmap seperti

nampak pada Gambar 3.37.


Gambar 3.37. Kotak dialog Trace Bitmap

3. Atur beberapa parameter dengan keterangan sebagai

berikut:

Color threshold Mengatur jumlah pemecahan

bidang warna. Ketikkan nilai 1

sampai 500. semakin kecil nilai

threshold maka semakin banyak

bidang pemecahan warna,

semakin besar nilai threshold

maka semakin sedikit atau

sederhana bidang pemecahan

warna.

Minimum area Mengatur jumlah piksel pada

masing-masing bidang

pemecahan warna.

Ketikkannilai 1 sampai 1000.

Curve fit Mengatur sisi halus pada


pemecahan warna.

Corner threshold Mengatur sisi tajam pada


pemecahan warna.

4. Hasil Trace Bitmap nampak seperti pada Gambar 3.38.


Sebelum Trace Bitmap

Sesudah Trace Bitmap

Gambar 3.38. Hasil Trace Bitmap

5. Objek Bitmap yang sudah mengalami tracing akan

terpecah menjadi beberapa bidang warna yang terbaca

sebagai objek vektor. Anda dapat mengubah warna

masing-masing objek dengan warna yang diinginkan.


Macromedia Flash Pro 8 menyediakan satu peranti yang

digunakan untuk membuat objek teks. Dalam bab ini akan

dibahas cara membuat dan mengolah objek teks.

MENGETIKKAN TEKS

Gunakan langkah berikut untuk mengetikkan teks:

1. Aktifkan Text Tool.

2. Atur beberapa parameter dalam jendela propertis.


Gambar 4.1. Mengatur pilihan format teks.

3. Selanjutnya klik pada lembar kerja dan ketikkan teks

yang diinginkan. Perhatikan Gambar 4.2.

Membuat

Objek Teks


Gambar 4.2. Mengetikkan teks

4. Klik di luar kotak teks untuk mengakhiri pengetikkan.

5. Anda juga dapat mengetikkan teks dalam bentuk

paragraf dengan menekan Enter setiap kali ingin

berpindah paragraf. Perhatikan Gambar 4.3.

Gambar 4.3. Teks paragraf

MENGOLAH TEKS

Berikut ini beberapa perintah yang digunakan untuk

mengolah objek teks

Menentukan Tipe Teks Macromedia Flash Pro 8 menyediakan tiga jenis teks dengan

penjelasan sebagai berikut:

Static Text

Adalah jenis teks yang mempunyai sifat statis tidak

mengalami perubahan isi teks pada saat dijalankan,

akan tetapi teks ini dapat juga dianimasikan.

Geser handel untuk memperbesar atau memperkecil bingkai teks.


Dynamic Text

Adalah jenis teks yang dapat berubah secara

dinamis pada saat dijalankan.

Input Text

Adalah jenis teks yang digunakan untuk proses

input data yang dikaitkan dengan perintah script

tertentu.

Gunakan jendela properties untuk menentukan jenis teks.


Gambar 4.4. Menentukan jenis teks

Mengedit Teks


1. Aktifkan Selection Tool.

2. Klik dua kali pada teks yang akan diedit.

3. Selanjutnya ketikkan teks yang diinginkan. Perhatikan

Gambar 4.5.

Gambar 4.5. Teks dalam kondisi diedit

4. Anda dapat juga mengedit teks menggunakan Text Tool

dengan cara klik sekali di dalam teks yang akan diedit.

I-beam menandakan posisi pengeditan teks.


Mengatur Properties Teks

Setelah Anda mengetikkan sebuah teks, suatu saat Anda

akan melakukan perubahan pada teks tersebut seperti

mengubah bentuk huruf, ukuran atau warna dari teks

tersebut. Gunakan langkah berikut untuk mengatur ulang

teks:

1. Aktifkan Selection Tool dan klik pada teks yang akan

diatur ulang. Perhatikan Gambar 4.6.

Gambar 4.6. Teks Terpilih

2. Selanjutnya gunakan jendela properties untuk mengatur

ulang teks Anda.

Gambar 4.7. Properties inspectore untuk teks


Mengatur Bentuk Karakter

Gunakan peranti Font dalam jendela propertis untuk

mengatur bentuk karakter.

Gambar 4.8. Mengatur bentuk karakter

Mengatur Ukuran Teks

Gunakan peranti Font Size untuk mengatur ukuran teks.


Gambar 4.9. Mengatur ukuran teks

Mengatur Tampilan Teks

Anda dapat jugamengatur tampilan teks seperti warna, efek

cetak tebal dan cetak miring. Perhatikan gambar 4.10.


Gambar 4.10. Mengatur tampilan teks

Mengatur Posisi Karakter

Gunakan peranti Font Position untuk mengatur posisi

karakter terhadap karakter lainnya. Perhatikan gambar

4.11.

Gambar 4.11. Mengatur tampilan teks

Mengatur Arah Pengetikan Teks

Anda dapat mengatur arah pengetikan teks dengan

menggunakan peranti Change orientation of text.

Perubahan arah pengetikan akan terbentuk pada saat kita

menekan Enter untuk berpindah paragraf. Perhatikan

gambar 4.12

Superscript

Subscript


Vertical, Left to Right. Pengetikan secara vertikal dengan arah pengetikan dari kiri ke kanan. Pada saat menekan enter maka paragraf baru akan diletakkan di sisi kanan dari paragraf sebelumnya.

Horisontal. Pengetikan secara horisontal dimulai dari arah kiri ke kanan. Pada saat menekan Enter, paragraf baru akan

diletakkan di bawah paragraf sebelumnya.


Gambar 4.12. Mengatur arah pengetikan teks

Mengatur Jarak Antar Karakter


1. Aktifkan teks yang akan diatur jarak karakternya.

2. Selanjutnya gunakan Character Spacing pada properties

inspector untuk mengatur jarak antar karakter.


Gambar 4.13. Mengatur jarak antar karakter

Character Spacing

Vertical, Right to Left. Pengetikan secara vertikal dengan arah pengetikan dari kanan ke kiri. Pada saat menekan enter maka paragraf baru akan diletakkan di sisi kiri dari paragraf sebelumnya.


Memformat Teks Paragraf


1. Aktifkan teks paragraf yang akan diformat.


Gambar 4.14. Teks paragraf yang akan diformat

2. Atur perataan paragraf, gunakan tombol perataan pada

properties inspectore. Perhatikan Gambar 4.15.

Gambar 4.16. Tombol perataan

3. Selanjutnya klik tombol Format yang terdapat di dalam

properties inspectore sehingga akan ditampilkan kotak

dialog Format Options seperti pada Gambar 4.17.


Gambar 4.17. Kotak dialog Format Options

4. Atur beberapa pilihan yang ada dengan ketentuan

sebagai berikut:

Indent memberikan jarak indentasi untuk baris

pertama (First Line) atau baris kedua sampai

dengan baris terakhir (Hanging) dari sebuah

paragraf. Untuk membuat indentasi First Line

berikan nilai positif pada kotak Indent dan berikan

nilai negatif untuk membuat indentasi Hanging.

Line Spacing memberikan jarak antar baris.

Left Margin memberikan jarak antara batas bingkai

teks sebelah kiri dengan teks.

Right Margin memberikan jarak antara batas

bingkai teks sebelah kanan dengan teks.

5. Klik OK dan perhatikan hasilnya seperti pada Gambar

4.18.


Gambar 4.18. Hasil format paragraf

Free Transform Tool

Free Transform Tool juga dapat Anda gunakan untuk

mengubah bentuk teks. Gunakan langkah berikut:

1. Aktifkan Free Transform Tool.

2. Klik pada teks hingga menampilkan handel.

3. Lakukan perubahan yang diinginkan dengan penjelasan


Indent (First Line)

Left Indent Right Indent

Line Spacing


Gambar 4.19. Menggunakan Free Transform pada teks

Memecah Teks

Sebuah teks dapat Anda pecah menjadi beberapa karakter

dengan cara pilih teks yang akan dipecah, selajutnya tekan

Ctrl + B. jika Anda menekan Ctrl + B sebanyak dua kali,

maka teks tersebut akan menjadi sebuah objek. Perhatikan

Gambar 4.20.

Gambar 4.13. Memecah teks

Geser handel untuk mengubah lebar teks.

Geser handel untuk mengubah tinggi teks.

Geser handel untuk mengubah tinggi dan lebar teks secara bersamaan. Tekan Shift untuk perubahan lebar dan tinggi secara porposional.

Geser bingkai teks untuk memiringkan teks secara horisontal atau vertikal.

Ctrl + B, satu kali

Ctrl + B, dua kali


Menggunakan Filter Pada Teks

Macromedia Flash Pro 8 menyediakan fasilitas baru berupa

filter untuk objek teks. Dengan fasilitas ini Anda dapat

memberikan efek tampilan yang menarik pada sebuah teks,

seperti efek Blur, Glow, Bevel, Drop Shadow dan beberapa

filter lainnya. Anda cukup mengaktifkan teks yang akan

diberi filter, selanjutnya aktifkan jendela Filters dan

tambahkan bentuk filter yang diinginkan. Perhatikan

gambar 4.14.

Gambar 4.14. Filter pada teks

Blur

Glow

Bevel

Propertis filter Glow

Klik Add Filter untuk menambahkan filter pada teks terpilih

Klik Remove Filter untuk menghapus filter terpilih

Atur parameter sesuai dengan filter yang terpilih


Layer dapat diibaratkan sebagai lembar kerja yang

transparant dengan posisi yang saling bertumpuk dengan

layer lainnya. Layer berfungsi menampung objek dalam

lembar kerja. Disarankan Anda meletakkan objek yang

berbeda ke dalam layer yang berbeda pula. Hal ini akan

mempermudah Anda pada saat mengedit sebuah objek

dalam layer tanpa mempengaruhi objek yang berada dalam

layer lainnya.

Gambar 5.1. Layer.

Layer 1 berisi teks

“Flash Pro 8”

Layer 2 berisi tiga

objek lingkaran

Bekerja dengan

Layer


MENGOLAH LAYER

Flash memberikan kesempatan pada Anda untuk mengolah

layer dalam pembuatan animasi mulai dari menambah

layer, mengganti nama, menghapus, memindah urutan,

menyembunyikan atau menampilkan layer dan mengunci

layer.

Menambah Layer

Gunakan salah satu perintah berikut untuk

menambahkan layer:

Klik menu Insert ► Timeline ► Layer.

Klik tombol New Layer yang terdapat di bawah layer

pada jendela Timeline.

Sehingga layer baru akan diletakkan di atas layer aktif.

Memberi Nama Layer

Secara default, layer akan diberi nama sesuai dengan

urutan layer tersebut seperti Layer 1, Layer 2, Layer 3 dan

seterusnya. Untuk memberikan kemudahan dalam

mengolah layer, ada baiknya memberikan nama pada

masing-masing layer sesuai dengan objek yang terdapat

dalam layer tersebut. Gunakan langkah berikut untuk

memberi nama layer:

1. Klik dua kali pada layer yang akan diberi nama.

2. Ketikkan nama yang diinginkan dan akhiri dengan

Enter. Perhatikan Gambar 5.2.


Gambar 5.2. Memberi nama layer.

Mengatur Posisi Layer

Urutan layer berpengaruh pada posisi objek di dalam layer

terhadap objek lainnya. Gunakan langkah berikut utnuk

mengatur urutan layer:

1. Pilih nama layer yang akan diatur urutannya.

2. Selanjutnya geser nama layer tersebut ke atas atau ke

bawah sesuai urutan yang diinginkan.

Mengunci Layer

Sebuah layer dapat Anda kunci untuk melindungi objek di

dalam layer agar tidak dapat diedit. Perhatikan penjelasan

untuk mengunci layer pada Gambar 5.3.

Gambar 5.3. Mengunci layer

Aktifkan layer yang akan dikunci.

Klik disini untuk

mengunci layer aktif.

Klik ikon Lock All Layers untuk mengunci semua

Layer.

Klik dua kali dan ketikkan nama yang diinginkan.


Menyembunyikan Layer

Suatu saat apabila Anda bekerja dengan banyak layer, Anda

dapat menyembunyikan layer tertentu untuk

mempermudah pengeditan layer lainnya. Perhatikan

penjelasan pada Gambar 5.4. untuk menyembunyikan layer.

Gambar 5.4. Menyembunyikan layer

Layer dalam kondisi disembunyikan.

Aktifkan layer yang akan disembunyikan.

Klik disini untuk menyembunyikan layer.

Klik ikon Hide All Layers untuk menyembunyikan semua Layer.


Menghapus Layer

Gunakan salah satu perintah berikut:

Klik kanan layer yang akan dihapus, pilih Delete

Layer.

Klik layer yang akan dihapus, selajutnya klik tombol

Delete Layer yang terdapat di bawah layer pada jendela

Timeline.

Membuat Folder

Semakin bervariasi animasi yang Anda buat maka semakin

banyak layer yang digunakan. Disarankan mengelompokkan

layer yang terkait ke dalam sebuah folder untuk

mempermudah pengolahan. Gunakan langkah berikut

untuk membuat folder di dalam timeline:

1. Perhatikan layer yang terpilih. Pada saat Anda

membuat folder maka folder baru akan disisipkan di

atas layer aktif.

2. Klik tombol Insert Layer Folder yang terdapat di sisi

bawah timeline. Perhatikan gambar 5.5.

Gambar 5.5. Menyisipkan folder

Klik Insert Layer Folder untuk membuat folder baru

Folder


3. Untuk mengganti nama folder, Anda cukup klik dua kali

pada folder dan ketikkan nama yang diinginkan,

selanjutnya akhiri dengan enter.

Memasukkan Layer ke Dalam folder


1. Pilih layer yang akan dimasukkan ke dalam folder.


Gambar 5.6. Memilih layer

2. Selanjutnya klik dan geser layer terpilih ke dalam

folder. Perhatikan gambar 5.7.

Pilih layer yang akan dimasukkan dalam folder


Gambar 5.7. Memasukkan layer ke dalam folder

3. Secara otomatis layer akan dimasukkan ke dalam folder

seperti nampak pada Gambar 5.8.

Gambar 5.8. Hasil layer dalam folder

Catatan :

Untuk menghapus folder, gunakan cara yang sama

seperti menghapus layer.

Pada saat menghapus folder, maka layer yang

berada di dalamnya ikut terhapus.

Klik dan geser layer terpilih ke dalam folder


Animasi dasar terbagi menjadi tiga yaitu Gerak, Skala dan

Putar. Animasi gerak yaitu menggerakkan objek dari posisi

satu ke posisi lainnya. Animasi Skala yaitu mengubah skala

atau ukuran sebuah objek. Animasi Putar atau Rotasi yaitu

animasi di mana sebuah objek mempunyai gerak berputar

pada titik poros yang ditentukan. Ketiga animasi dasar

tersebut bisa berdiri sendiri atau digabung satu sama

lainnya hingga menjadi animasi yang komplek.

Macromedia Flash Pro 8 menyediakan dua teknik

pembuatan Animasi, frame by frame dan tweened animation.

Animasi Tween adalah jalan yang efektif untuk membuat

gerakan dan mengatur waktu sambil mengecilkan ukuran

file. Dalam animasi tween, Flash hanya menyimpan jumlah

perubahan antar frame. Dalam animasi frame-by-frame,

Flash menyimpan setiap gerakan objek pada masing-masing

frame.

GAMBARAN ANIMASI DALAM TIMELINE

Flash membedakan animasi tween dengan animasi frame-

by-frame dalam Timeline sebagai berikut:

Animasi


Keyframes Tween : Motion ditunjukkan dengan sebuah

titik hitam dan mempunyai panah hitam dengan

background warna biru terang.

Keyframe Tween : Shape ditunjukkan dengan sebuah

titik hitam dan mempunyai panah hitam dengan

background warna hijau terang.

Sebuah garis putus-putus (dashed line) menunjukkan

akhir animasi.

Sebuah keyframe tunggal ditunjukkan dengan sebuah

titik hitam. Frame berwarna abu-abu setelah keyframe

tunggal diisi dengan objek dan mempunyai sebuah

kotak kosong pada akhir frame.

Sebuah huruf a kecil menunjukkan bahwa frame telah

diberi sebuah aksi dengan panel Actions.

Sebuah bendera merah menunjukkan bahwa frame

berisi sebuah label atau keterangan.

MEMBUAT KEYFRAME

Keyframe adalah sebuah frame di mana Anda menetapkan

perubahan di dalam animasi. Ketika Anda membuat

animasi frame-by-frame, setiap frame adalah sebuah

keyframe. Di dalam keyframe animasi tween, Anda


menetapkan keyframe pada titik penting dalam animasi dan

membiarkan Flash membuat isi frame pada jarak tersebut.

Flash menampilkan frame tambahan dari animasi tween

seperti light blue atau green dengan gambar panah antara

frame tersebut.

Keyframe ditampilkan di dalam timeline: sebuah keyframe

yang terisi ditampilkan dengan warna abu-abu dan titik

hitam, dan sebuah keyframe yang kosong ditampilkan

dengan sebuah titik kosong. Frame yang ditambahkan pada

layer yang sama akan mempunyai isi yang sama seperti

keyframe.

Langkah untuk membuat sebuah keyframe adalah :

Pilih sebuah frame dalam timeline dan pilih perintah

menu Insert Timeline ► Keyframe.

Klik kanan pada frame dalam timeline dan pilih Insert

Keyframe.

LAYER DALAM ANIMASI

Setiap scene dalam sebuah flash movie dapat terdiri dari

beberapa layer. Anda dapat menggunakan layer untuk

mengatur bagian dari serangkaian animasi sehingga tidak

terpisah dengan animasi yang lain. Jika Anda ingin

menjalankan gerakan beberapa grup atau simbol sekaligus,

masing-masing objek harus berada pada layer yang berbeda.

Gambar 6.1. Beberapa layer yang terisi beberapa keyframe.

Lingkaran hitam tanda sebuah keyframe


KECEPATAN FRAME

Kecepatan frame yang terlalu pelan akan membuat sebuah

animasi tampak patah-patah; dan kecepatan frame yang

terlalu cepat akan mengaburkan tampilan dari animasi itu

sendiri. Kecepatan frame dari 12 frame per detik biasanya

memberikan hasil animasi yang lebih baik pada halaman

Web. Kerumitan dari animasi dan kecepatan komputer pada

animasi yang ditampilkan mempengaruhi kehalusan dari

gerak animasi. Uji animasi Anda dengan berbagai macam

merk komputer untuk menentukan frame rata-rata yang

optimum. Sebaiknya Anda mengatur kecepatan frame dulu

sebelum Anda mulai membuat animasi.

Cara mengatur kecepatan frame adalah sebagai berikut:

1. Klik pada background layar yang kosong.

2. Pada panel Properties, Tentukan kecepatan gerak frame

pada kotak teks Frame rate. Jika panel Properties belum

tampil tekan tombol Ctrl-F3 untuk menampilkannya.

Gambar 6.2. Tampilan panel Properties

MEMPERPANJANG FRAME

Saat Anda membuat sebuah background untuk animasi,

sering diperlukan langkah untuk memperpanjang beberapa

frame. Tambahkan frame baru (bukan keyframe) pada layer

untuk memperpanjang isi dari keyframe pada semua frame

baru.

Kotak teks Frame rate


Langkah untuk memperpanjang frame adalah sebagai

berikut :

1. Buat sebuah image dalam keyframe awal dari sebuah

rangkaian animasi.

Gambar 6.3. Tampilan layer 1 hanya satu frame yang aktif

2. Klik sebuah frame di sebelah kanan, untuk mengakhiri

jarak yang ingin Anda tambahkan, misalnya frame 20.

3. Pilih perintah menu Insert ► Timeline ► Frame atau

klik kanan pilih Insert Frame.

Gambar 6.4. Memperpanjang frame

TWEENED ANIMATION

Teknik Tweened Animation mempunyai dua tipe animasi

yaitu, Motion Tween dan Shape Tween. Animasi motion

tween biasa digunakan untuk membuat animasi objek

Klik kanan – Insert Frame


bergerak (dari posisi satu ke posisi lain), berputar dan

perubahan ukuran (skala). Motion Tween dapat diterapkan

pada objek instance (symbol), grup dan teks. Sedangkan

animasi Shape Tween merupakan animasi perubahan

bentuk sebuah objek, misalnya dari bentuk kotak berubah

menjadi bentuk lingkaran. Shape tween dapat diterapkan

pada objek shape (Rectangle, Oval dan Pencil tool).

Berikut ini akan dibahas pembuatan animasi dasar dengan

menggunakan motion tween.

Animasi Gerak

Gunakan langkah berikut ini:

1. Buat objek polygon pada frame 1. Aktifkan Object

Drawing pada saat membuat objek polygon.


Gambar 6.5. Objek lingkaran dalam pada frame 1

2. Langkah selanjutnya kita akan menggerakkan objek

lingkaran dari frame 1 sampai dengan frame 20.

3. Klik kanan pada frame 20, pilih Insert Keyframe.


Objek polygon Posisi awal objek polygon pada frame 1


Gambar 6.6. Menyisipkan keyframe 20

4. Pastikan frame 15 aktif, geser objek polygon ke kanan di

posisi yang diinginkan.

Gambar 6.7. Posisi objek lingkaran pada frame 20

5. Selanjutnya klik di antara frame 1 sampai dengan frame

20. Perhatikan Gambar 6.8.

Klik kanan frame 20, pilih Insert Keyframe.

Posisi objek lingkaran pada frame 1

Posisi objek lingkaran pada frame 20


Gambar 6.8. Aktif di antara frame 1 sampai dengan 20

6. Buka jendela Properties dan pada pilihan Tween pilih

Motion.

Gambar 6.9. Motion Tween pada jendela properties

7. Setelah memberikan motion tween, maka tampilan

timeline akan nampak seperti pada Gambar 6.10.

Gambar 6.10. Timeline untuk motion tween

Klik diantara frame 1 sampai dengan 20.

Animasi Motion Tween


8. Selain menggunakan perintah Tween dalam jendela

propertis, Anda dapat juga memberikan perintah klik

kakan diantara frame 1 sampai dengan 10, selanjutnya

pilih Create Motion Tween.

9. Tekan Ctrl + Enter untuk menjalankan animasi dan

perhatikan hasilnya. Tekan Ctrl + W untuk kembali ke

lembar kerja (stage).

Animasi Putar


1. Buat objek bintang pada frame 1. Aktifkan peranti

Object Drawing pada saat pembuatan objek bintang.

Gambar 6.11. Objek kotak dalam pada frame 1

2. Langkah selanjutnya kita akan memutar objek kotak

dari frame 1 sampai dengan frame 20.


Gambar 6.12. Menyisipkan keyframe 20

Objek lingkaran Posisi awal objek lingkaran pada frame 1

Klik kanan frame 20 – pilih Insert Keyframe.


4. Selanjutnya klik kanan diantara frame 1 sampai dengan

frame 20 – pilih Create Motion Tween.

Gambar 6.13. Aktif di antara frame 1 sampai dengan 20

5. Dalam jendela propertis pada pilihan Rotate, pilih salah

satu bentuk perputaran yang diinginkan. CW digunakan

untuk memutar objek searah jarum jam, sedangkan

CCW digunakan untuk memutar objek berlawanan arah

jarum jam. Sebagai contoh pilih CW.

Gambar 6.14. Mengatur bentuk perputaran objek

6. Tekan Ctrl + Enter untuk menjalankan animasi dan

perhatikan hasilnya.

Animasi Skala


1. Buat objek lingkaran pada frame 1 dengan

mengaktifkan peranti Object Drawing. Perhatikan

Gambar 6.15.

Klik kanan diantara frame 1 sampai dengan 20.


Gambar 6.15. Objek lingkaran pada frame 1

2. Klik kanan frame 15, pilih Insert Keyframe.

3. Klik kanan di antara frame 1 sampai 15 – pilih Create

Motion Tween.

4. Klik frame 15 dan perbesar ukuran objek lingkaran

dengan menggunakan Free Transform Tool.

Gambar 6.16. Mengubah skala objek pada frame 15

5. Jalankan animasi dan perhatikan hasilnya.

Ukuran objek lingkaran

pada frame 1

Ukuran objek lingkaran

pada frame 15


Animasi Warna

Berikut ini akan dibahas langkah membuat animasi

warna dengan mengatur nilai transparansi warna:

1. Buat objek kotak pada frame 1 dan tentukan juga warna

untuk objek tersebut. Pastikan mengaktifkan peranti

Object Drawing.

2. Selanjutnya klik kanan frame 20, pilih Insert keyframe.

Gambar 6.17. Menyisipkan keyframe pada frame 20

3. Klik kanan diantara frame 1 sampai dengan frame 20 –

pilih Create Motion Tween

4. Aktifkan frame 1 dan klik pada objek kotak. Selanjutnya

ubah pilihan Color Style yang terdapat dalam jendela

properties menjadi Alpha dan ubah nilai Alpha Amount menjadi 0% sehingga objek kotak menjadi tidak nampak

atau transparan.

Gambar 6.18. Mengatur Alpha color

5. Selanjutnya lakukan proses yang sama pada objek kotak

terdapat pada frame 20. Dengan mengubah Color Style

menjadi Alpha dengan nilai Alpha amount 100%.

Color Style Alpha Amount

Klik kanan frame 20 – insert keyframe



Catatan : Animasi warna Alpha dapat Anda terapkan

pada objek teks dengan mengubah terlebih dahulu objek

teks menjadi symbol graphic.

Animasi Gabungan 1

Berikut ini akan dijelaskan contoh membuat animasi

gabungan dengan menggunakan Motion Tween.

1. Buat sebuah objek bintang pada frame 1. Aktifkan

peranti Object Drawing pada saat membuat objek

bintang.


3. Klik kanan di antara frame 1 sampai dengan frame 20 –


4. Ubah pilihan Rotate menjadi CW (objek berputar searah

jarum jam).

Gambar 6.19. Motion Tween dan Rotate pada jendela properties

5. Klik frame 20 dan geser objek bintang ke sebelah kanan.

Gambar 6.20. Memindah posisi objek bintang pada frame 20

Posisi objek pada frame 1 Posisi objek pada frame 20


6. Pada posisi frame 20, ubah ukuran objek bintang

sehingga menjadi lebih besar dari ukuran semula.

Gunakan Free Transform Tool untuk mengubah ukuran

objek bintang.

Gambar 6.21. Perubahan objek bintang pada frame 20.


Animasi Gabungan 2

Pada animasi gabungan 2 hampir sama dengan animasi

gabungan yang pertama. Hanya saja dalam animasi

gabungan 2, setiap animasi akan diletakkan pada frame

yang berbeda. Gunakan langkah berikut:

1. Siapkan lembar kerja baru dengan kondisi default.

2. Buat sebuah objek kotak pada frame 1. Seperti di

awal pembahasan animasi, setiap objek yang akan

dianimasikan dibuat dengan mengaktifkan peranti

Object Drawing. Hal ini dilakukan supaya Anda tidak

perlu mengubah objek menjadi symbol graphic.

3. Letakkan posisi objek di sisi kiri lembar kerja.


5. Klik kanan diantara frame 1 sampai dengan frame 10,


6. Pada posisi frame 10, geser objek ke sisi tengah lembar

kerja.

Ukuran objek bintang pada

posisi frame 1

Ukuran objek bintang pada posisi frame 20



8. Klik diantara frame 10 sampai dengan frame 20.

9. Ubah pilihan Tween pada jendela properties menjadi

Motion dan ubah pilihan Rotate menjadi CW.

Gambar 6.22. Tween Motion dan Rotate CW untuk frame 10 sampai dengan frame 20




12. Klik frame 30 dan ubah ukuran objek kotak lebih besar

dari ukuran semula. Gunakan Free Transform Tool

untuk mengubah ukuran objek.




15. Klik pada frame 40.

16. Klik pada objek kotak yang berada pada frame 40.

17. Ubah pilihan Color pada jendela properties menjadi

Alpha dengan nilai 0%.

Gambar 6.23. Alpha 0% untuk objek kotak pada frame 40

18. Tampilan timeline akan nampak seperti pada Gambar

6.24.


Gambar 6.24. Tampilan timeline animasi gabungan 2


ANIMASI MOTION SHAPE

Berikut ini akan dibahas pembuatan animasi dasar dengan

menggunakan Motion Shape atau animasi perubahan

bentuk.

Shape 1

Pada animasi shape 1, kita akan membuat animasi

perubahan bentuk dari objek lingkaran menjadi objek kotak.


1. Siapkan lembar kerja baru dengan tampilan default.

2. Buat objek lingkaran pada frame 1.

Animasi perpindahan posisi / gerak

Animasi Putar Animasi Skala Animasi warna / alpha


Gambar 6.25. Objek lingkaran pada frame 1

3. Klik kanan frame 20, pilih Insert Blank Keyframe

sehingga tampilan timeline nampak seperti pada

Gambar 6.26.

Gambar 6.26. Blank Keyframe pada frame 20

4. Klik pada frame 20 dan buat objek bintang dengan posisi

yang berbeda dari objek lingkaran. Perhatikan Gambar

6.27.

Blank Keyframe


Gambar 6.27. Objek kotak pada frame 20

5. Klik diantara frame 1 sampai dengan frame 20.


Shape. Perhatikan Gambar 6.28.

Gambar 6.28. Shape Tween pada jendela Properties

7. Jalankan animasi dan perhatikan perubahan bentuk

objek nampak seperti pada Gambar 6.29.


Gambar 6.29. Hasil animasi perubahan bentuk

Shape 2

Animasi perubahan bentuk berikutnya akan kita terapkan

pada objek teks. Gunakan langkah berikut:


2. Buat objek teks “Animasi Shape” pada frame 1.

Gambar 6.30. Teks “Animation Graphic” pada frame 1



4. Klik pada frame 15 dan ganti teks “Animasi Shape”

menjadi “Flash Pro 8”.

Gambar 6.31. Teks “Flash Pro 8” pada frame 15

5. Untuk pembuatan animasi perubahan bentuk pada

objek teks, maka teks tersebut harus diubah menjadi

sebuah shape (objek biasa).

6. Klik frame 1 dan tekan Ctrl + B sebanyak dua kali

sehingga objek teks “Animasi Shape” akan nampak


Gambar 6.32. Teks “ Animasi Shape” menjadi shape


7. Klik frame 15 dan tekan Ctrl + B sebanyak dua kali

sehingga teks “Flash Pro 8” berubah menjadi shape.

Gambar 6.33. Teks “Flash Pro 8” menjadi shape

8. Klik di antara frame 1 sampai dengan frame 15.


Shape.


ANIMASI SHAPE HINT

Pada saat Anda membuat animasi perubahan bentuk

dengan menggunakan Shape Tween, ada kemungkinan

perubahan bentuk yang terjadi tidak sesuai dengan apa

yang diinginkan. Flash Pro 8 menyediakan fasilitas Shape

Hint, sehingga perubahan bentuk dapat diatur sesuai

keinginan. Gunakan langkah berikut utnuk membuat

animasi dengan Shape Hint:

1. Siapkan lembar kerja dengan kondisi default.

2. Dalam Layer 1, buat objek kotak pada frame 1.

Letakkan objek kotak di sisi kiri atas dari lembar kerja


100

Mahir Macromedia Flash Profesional 8

Gambar 6.34. Posisi objek kotak pada frame 1

3. Klik kanan frame 20, pilih Insert Blank Keyframe untuk

menyisipkan keyframe kosong.

4. Selanjutnya buat objek Kotak pada frame 20 dan

letakkan objek kotak di sisi kanan bawah lembar kerja.

Gambar 6.35. Posisi objek kotak pada frame 20

5. Dengan menggunakan Selection Tool, ubah garis lurus

pada objek kotak menjadi garis lengkung sehingga

nampak seperti pada Gambar 6.36.


Gambar 6.36. Bentuk objek kotak pada frame 20

6. Klik di antara frame 1 sampai dengan frame 20.

7. Ubah pilihan pada kotak Tween dalam jendela

properties menjadi Shape.

Gambar 6.37. Shape Tween pada jendela properties

8. Langkah selanjutnya memberikan Shape Hint pada

objek kotak.

9. Klik frame 1 untuk memilih objek kotak pertama.

10. Klik menu Modify ► Shape, pilih Add Shape Hint atau

tekan Ctrl + Shift + H sehingga muncul Shape Hint pertama dengan bentuk lingkaran merah dengan huruf

a.

11. Geser dan letakkan shape hint pertama seperti pada

Gambar 6.38.

102


Gambar 6.38. Posisi shape hint pertama

12. Tambahkan tiga shape hint dan atur posisinya seperti


Gambar 6.39. Posisi shape hint pada objek kotak pertama

13. Selanjutnya klik frame 20 sehingga objek kotak kedua

terpilih.

14. Atur shape hint pada kotak kedua seperti pada Gambar

6.40.


Gambar 6.40. Posisi shape hint pada objek kotak kedua

15. Jalankan animasi dan perhatikan perubahan bentuk

yang dihasilkan seperti pada Gambar 6.41.

Gambar 6.41. Hasil gerakan animasi Shape Hint

ANIMASI MOTION GUIDE

Motion Guide adalah animasi yang bergerak menyusuri

sebuah lintasan atau alur. Gunakan langkah berikut :

1. Buat lembar kerja baru dengan tampilan default

2. Klik kanan Layer 1 ► pilih Add Motion Guide.


104


Gambar 6.42. Menambahkan Motion Guide pada layer 1

3. Tampilan layer motion guide nampak seperti pada

Gambar 6.43.

Gambar 6.43. Tampilan Motion Guide pada layer 1

4. Buat objek garis lengkung pada frame 1 dalam Guide :

Layer 1. Perhatikan Gambar 6.44.

Klik kanan layer 1


Gambar 6.44. Membuat garis lengkung dalam frame 1, Guide:Layer1

5. Masih di dalam Guide:Layer 1, klik kanan frame 30 ►

pilih Insert frame. Langkah ini digunakan untuk

memperpanjang tampilan objek garis lengkung hingga

frame 30.

Gambar 6.45. Memperpanjang frame 30

6. Aktifkan Layer 1.

7. Buat objek lingkaran dalam frame 1, Layer 1. Aktifkan

peranti Object Drawing pada saat membuat objek

lingkaran. Letakkan posisi objek lingkaran di sisi kiri

garis lengkung. Perhatikan Gambar 6.46.

Klik kanan frame 30 – Insert Frame

106


Gambar 6.46. Objek lingkaran pada Layer 1

8. Selanjutnya klik kanan frame 30 ► pilih Insert

Keyframe.

Gambar 6.47. Menyisipkan keyframe 30 pada Layer 1

9. Pada frame 30, geser posisi objek lingkaran diujung

kanan garis lengkung. Perhatikan Gambar 6.48.

Posisi objek lingkaran pada frame 1, Layer 1.

Klik kanan frame 30 – Insert Keyframe



10. Di dalam Layer 1, klik kanan di antara frame 1 sampai

dengan 30 ► pilih Create Motion Tween.

Gambar 6.49. Motion Tween pada layer 1


Gambar 6.50. Alur animasi Motion Guide

108


ANIMASI MASKING

Prinsip kerja dari animasi masking adalah menampilkan

bidang yang tertutup dan menyembunyikan bidang yang

terbuka. Berikut ini contoh sederhana animasi dengan

menggunakan masking :

1. Buat lembar kerja default.

2. Tambahkan sebuah layer sehingga di dalam timeline

terdapat dua buah layer yaitu Layer 1 dan Layer 2.

3. Ganti nama layer 1 menjadi “Teks” dan layer 2 menjadi

“Blok Masking”.

Gambar 6.51. Layer dalam timeline

4. Buat teks “Flash Profesional 8” di dalam frame 1, layer

“Teks”.

Gambar 6.52. Membuat teks “Flash Profesional 8”


5. Perpanjang teks “Flash Profesional 8” hingga frame 25

dengan cara klik kanan frame 25 ► pilih Insert Frame.


Gambar 6.53. Memperpanjang frame

6. Selanjutnya klik pada frame 1 dalam layer “Blok

Masking”.

7. Buah objek lingkaran dan letakkan posisi objek seperti


Gambar 6.54. Membuat objek lingkaran

8. Klik frame 25 ► pilih Insert Keyframe dan geser posisi

objek lingkaran seperti nampak pada Gambar 6.55.

110



9. Di dalam layer “Blok Masking” Klik kanan diantara

frame 1 sampai dengan frame 25 ► pilih Create Motion

Tween.

Gambar 6.56. Motion Tween dalam layer “Blok Masking”

10. Selanjutnya membuat masking pada layer “Blok

Masking”.

11. Klik kanan di dalam layer “Blok Masking” ► pilih Mask.



Gambar 6.57. Masking pada layer “Blok Masking”


Klik kanan – pilih Mask

112


ANIMASI FRAME PER FRAME

Pada animasi frame per frame, setiap perubahan gerak atau

bentuk sebuah objek diletakkan pada setiap urutan frame.

Semakin banyak frame yang digunakan untuk menampung

setiap detil gerakan sebuah benda, maka animasi yang

dihasilkan akan semakin halus.

Animasi Warna

Dalam animasi warna frame per frame berikut, kita akan

menganimasikan perubahan warna pada sebuah objek

lingkaran. Gunakan langkah berikut:


2. Buat objek lingkaran dengan warna dasar merah pada

frame 1.

3. Tekan F6 sekali untuk menambahkan keyframe pada

frame 2. perintah ini digunakan untuk menambahkan

keyframe dengan objek yang sama.

Animasi

Frame per Frame


4. Tekan F6 beberapa kali hingga frame 5. Tampilan

timeline akan nampak seperti pada Gambar 7.1.

Gambar 7.1. Penambahan keyframe hingga frame 5

5. Klik frame 2.

6. Ubah warna dasar pada objek lingkaran (posisi frame 2)

menjadi warna kuning.

7. Klik frame 3.

8. Ubah warna dasar pada objek lingkaran (posisi frame 3)

menjadi warna Biru.

9. Lakukan proses yang sama pada objek lingkaran frame

4 dan 5 dengan memberikan warna dasar yang berbeda.

10. Sehingga dari perintah diatas, masing-masing objek

lingkaran pada frame 1 sampai dengan frame 5 memiliki

warna yang berbeda.


Animasi Teks

Objek teks dapat juga digunakan untuk membuat animasi

frame per frame. Gunakan langkah berikut:


2. Buat objek teks dengan mengetikkan angka “1” pada

frame 1. Perhatikan Gambar 7.2.

114


Gambar 7.2. Teks “1” pada frame 1

3. Tekan F6 untuk menambahkan keyframe hingga frame

10 sehingga tampilan timeline seperti pada Gambar 7.3.

Gambar 7.3. Tampilan timeline setelah penambahan keyframe

4. Klik frame 2 dan ubah teks pada frame tersebut menjadi

angka “5” dengan cara klik dua kali pada teks tersebut

dan ketikkan teks yang diinginkan.


angka “8”.


angka “2”. Perhatikan Gambar 7.4.


Gambar 7.4. Teks angka “2” pada frame 4

7. Selanjutnya ganti teks angka pada frame 5 sampai

dengan frame 10 menjadi angka yang berbeda secara

acak.


Animasi Gerak

Berikut ini contoh animasi dari gerakan lari binatang

berkaki empat:

1. Buat lembar kerja dengan tampilan default.

2. Selanjutnya buat objek gerakan pada masing-masing

frame. Jumlah frame menyesuaikan dengan jumlah

gerakan. Perhatikan Gambar 7.5.

3. Posisikan masing-masing gerakan dalam tiap frame

pada posisi yang sama.


116


Frame 1 Frame 2

Frame 3 Frame 4

Frame 5 Frame 6

Frame 7

Gambar 7.5. Gerakan pada tiap frame


8.1 Menyisipkan Sound dalam Animasi

Animasi akan lebih menarik apabila Anda memasukkan

sound dalam animasi tersebut. Dalam hal ini sound dapat

digunakan sebagai backsound atau pengiring setiap gerakan

pada sebuah objek yang dianimasikan. Berikut ini

penggunaan suara dalam sebuah animasi.

1. Gunakan file animasi teks dari pembahasan Bab 8.

2. Tampilan timeline nampak seperti pada Gambar 8.1.

Gambar 8.1. Timeline untuk animasi teks

SOUND

118


3. Langkah selanjutnya menyisipkan suara untuk animasi

teks tersebut.

4. Klik menu File ► Import ► Import to Library dan

tampil kotak dialog Import to Library seperti pada

Gambar 8.2.

Gambar 8.2. Kotak dialog Import to Library

5. Klik salah satu nama file suara yang akan digunakan,

selanjutnya klik Open.

6. Tekan F11 untuk menampilkan jendela Library.



Gambar 8.3. Jendela Library

7. Tambahkan layer baru (layer 2).

8. Selanjutnya menyisipkan sound ke dalam layer 2.

9. Klik frame 1 dalam layer 2, pilih file sound di dalam

pilihan Sound pada jendela properties. Perhatikan

penjelasan Gambar 8.4.

Gambar 8.4. Menyisipkan sound dalam frame

Klik frame – pilih nama sound pada pilihan Sound Name dalam jendela properties.

Digunakan untuk pengulangan

120


10. Untuk pengulangan sound, Anda dapat menggunakan

pilihan Repeat atau Loop dengan penjelasan sebagai

berikut:

Loop : Sound akan diulang sepanjang frame

yang ada.

Repeat : Sound akan diulang sebanyak nilai yang

ditentukan.


12. Apabila Anda menggunakan sebuah file suara untuk

keperluan backsound animasi, maka jumlah frame harus

disesuaikan dengan panjang file suara.


Symbol merupakan sebuah objek dari sebuah objek seni,

teks, gambar, file sound, font, tombol dan movie clip yang

disimpan dalam Library. Sebuah symbol dapat digunakan

berulang kali dan tidak akan memperbesar ukuran file. Hal

ini dikarenakan symbol disimpan hanya sekali meskipun

digunakan berulang kali.

Setiap symbol yang digunakan di dalam stage dinamakan

instance. Pengeditan pada sebuah symbol akan berpengaruh

pada instance yang bersangkutan. Pengeditan pada sebuah

instance tidak akan mengubah symbol sebagai objek

sumber.

TIPE SYMBOL

Macromedia Flash Pro 8 mempunyai tiga tipe symbol yang

dapat digunakan yaitu:

Movie Clip merupakan symbol yang berisi animasi atau

mini movie dalam movie flash.

Graphic merupakan symbol yang berisi objek seni.

Button merupakan symbol yang berfungsi sebagai

tombol navigasi dalam movie flash.

Symbol dan Library

122


MEMBUAT SYMBOL

Pembuatan symbol dapat dilakukan dengan dua cara yaitu

membuat symbol baru atau mengkonversi sebuah objek

menjadi symbol.

Membuat Symbol Baru


1. Klik menu Insert ► New Symbol atau tekan Ctrl + F8

sehingga akan ditampilkan kotak dialog Create New

Symbol seperti pada Gambar 9.1.

Gambar 9.1. Kotak dialog Create New Symbol

2. Pada kotak Name ketikkan sebuah nama symbol yang

akan dibuat.

3. Tentukan tipe symbol yang akan dibuat pada pilihan

Behavior.

4. Akhiri dengan OK.

5. Selanjutnya buat objek seni dalam jendela pengeditan

sesuai dengan tipe symbol yang Anda buat.

Mengkonversi Objek Menjadi Symbol


1. Pilih Objek yang akan dikonversi menjadi sebuah

symbol. Perhatikan Gambar 9.2.


Gambar 9.2. Objek yang dikonversi menjadi symbol

2. Klik menu Modify ► Convert to Symbol atau tekan F8

sehingga akan ditampilkan kotak dialog Convert to


Gambar 9.3. Kotak dialog Convert to Symbol

3. Ketikkan sebuah nama untuk symbol yang akan dibuat

pada kotak Name.

4. Tentukan tipe symbol pada pilihan Behavior.

5. Klik OK untuk mengkonversi objek menjadi symbol.

PANEL LIBRARY

Panel Library menampung semua symbol atau objek seni

hasil import yang pernah dibuat dalam movie flash. Dengan

menggunakan panel Library, Anda dapat mengelola symbol-

symbol yang terdapat di dalamnya.

124


Menyalin Symbol


1. Tampilkan panel Library dengan cara klik menu

Window ► Library.

2. Klik kanan pada symbol yang akan disalin, pilih

Duplicate. Perhatikan Gambar 9.4.

Gambar 9.4. Menyalin symbol

3. Ditampilkan kotak dialog Duplicate Symbol seperti pada

Gambar 9.5.

Klik kanan symbol yang akan disalin,

pilih Duplicate.


Gambar 9.5. Kotak dialog Duplicate Symbol

4. Selanjutnya tentukan nama dan tipe symbol hasil

salinan.

5. Akhiri dengan OK dan perhatikan hasilnya seperti pada

Gambar 9.6.

Gambar 9.6. Hasil menyalin symbol

Mengganti Nama Symbol


1. Klik dua kali pada symbol yang akan diganti namanya

atau pilih symbol dan tekan F2.

2. Ketikkan nama baru yang diinginkan.

3. Akhiri dengan Enter.

Hasil salinan

126


Menghapus Symbol


1. Pilih symbol yang akan dihapus.

2. Klik tombol Delete yang terdapat di bawah panel

Library.

3. Pilih Yes untuk menyetujui penghapusan symbol.

MENGATUR SYMBOL DALAM FOLDER

Sebaiknya Anda mengatur symbol-symbol yang pernah

dibuat berdasarkan tipenya dengan membuat folder dalam

panel library untuk masing-masing tipe symbol, sehingga

Anda akan lebih mudah untuk menggunakan symbol

tersebut.

Membuat Folder


1. Klik tombol New Folder di bawah panel Library

sehingga akan dibuat sebuah folder baru seperti pada

Gambar 9.7.

Gambar 9.7. Membuat Folder baru

2. Ketikkan sebuah nama folder dan akhiri dengan Enter.

Folder baru

New Folder


Memasukkan Symbol ke dalam Folder

Untuk memasukkan symbol ke dalam folder, geser sebuah

nama symbol ke arah folder yang dituju. Untuk

menguraikan isi folder, klik dua kali pada folder tersebut.

Gambar 9.8. Memasukkan symbol ke dalam folder

Memasukkan Symbol ke dalam Stage

Untuk memasukkan simbol ke dalam stage, Anda cukup

klik dan geser symbol dari library ke dalam stage.

Gambar 9.9. Menyisipkan symbol ke dalam stage

Geser symbol ke arah folder yang dituju.

Klik symbol dan geser ke dalam stage

128


Movie clip adalah sebuah symbol yang menampung animasi

Flash atau disebut juga sebagai mini movie. Movie clip akan

tersimpan di dalam jendela Library sehingga dapat

dipergunakan berulang kali. Movie clip dapat dijalankan di

dalam movie utama hanya dengan menggunakan satu buah

frame.

MEMBUAT MOVIE CLIP

Berikut ini langkah membuat movie clip:

1. Siapkan lembar kerja default.

2. Selanjutnya kita akan membuat animasi putar pada

objek bintang yang diletakkan di dalam movie clip.

3. Klik menu Insert ► pilih New Symbol atau tekan Ctrl +

F8 sehingga akan ditampilkan kotak dialog Create New



Movie Clip


4. Ketikkan “Bintang” pada kotak Name, untuk memberi

nama movie clip.

5. Pilih Movie Clip pada pilihan Behavior.

6. Akhiri dengan OK sehingga secara otomatis, Anda akan

aktif di dalam tampilan lembar kerja movie clip

“Bintang”.

Gambar 10.2. Lembar kerja movie clip “Bintang”

7. Selanjutnya membuat animasi pada objek bintang.

8. Di dalam layer 1, buat objek bintang pada frame 1


Gambar 10.3. Objek bintang pada frame 1

Movie clip

“Bintang”

130



10. Klik kanan diantara frame 1 sampai dengan 20, pilih

Create Motion Tween.

11. Ubah pilihan Rotate dalam jendela properties menjadi

CW. Pilihan CW merupakan perputaran searah jarum

jam.

Gambar 10.4. Perputaran CW objek bintang

12. Animasi sudah dibuat, selanjutnya kembali ke lembar

kerja movie utama. Untuk kembali ke movie utama,

perhatikan Gambar 10.5.

Gambar 10.5. Kembali ke movie utama

13. Selanjutnya memasukkan symbol movie clip “Bintang”

dari library ke dalam movie utama (layer 1 – frame 1).


15. Geser movie clip “Bintang” dari jendela library ke dalam

lembar kerja movie utama. Perhatikan Gambar 10.6.

Klik Scane 1 untuk kembali ke movie

utama.

Rotate = CW


Gambar 10.6. Tampilan timeline movie utama

16. Selanjutnya perhatikan tampilan timeline layer 1 pada

movie utama seperti pada Gambar 10.7. Di dalam Frame

1, berisi movie clip “Bintang”.

Gambar 10.7. Timeline layer 1, movie utama

Klik movie clip “Bintang” dan geser ke dalam lembar kerja movie utama.

Frame 1 berisi symbol Movie Clip “Lingkaran”

132


17. Jalankan animasi dan perhatikan hasilnya. Animasi

lingkaran akan dijalankan meskipun hanya menempati

satu buah frame.

18. Simpan file Anda dengan nama Movie Clip.fla.

MENGOLAH MOVIE CLIP

Movie clip yang pernah Anda buat dapat diolah seperti

halnya pada sebuah symbol. Berikut ini akan dijelaskan

cara mengolah movie clip.

Menyisipkan Movie Clip

Gunakan langkah berikut utnuk menyisipkan movie clip ke

dalam lembar kerja:

1. Pastikan Anda aktif di dalam tampilan lembar kerja

movie utama..


3. Aktifkan layer dan frame yang digunakan untuk

menempatkan movie clip.

4. Dari jendela Library, klik nama movie clip yang akan

disisipkan dan geser ke dalam lembar kerja movie

utama. Perhatikan Gambar 10.8.


Gambar 10.8. Menyisipkan movie clip ke dalam movie utama

Menyalin Instance Movie Clip

Movie clip yang sudah disisipkan ke dalam lembar kerja

disebut sebagai Instance. Anda dapat menyalin sebuah

instance movie clip dengan menggunakan perintah Copy

(CTRL + C) dan Paste (CTRL + V). Anda dapat menyalin

instance movie clip dalam satu layer ataupun antar layer.

Menyalin Movie Clip dalam Library

Movie clip yang terapat di dalam jendela library dapat Anda

salin dengan cara klik kanan pada movie clip yang akan

disalin pilih Duplicate. Gunakan perintah Raname untuk

mengganti nama movie clip.

Pilih movie clip – geser ke dalam stage atau movie utama

134


Merotasi Instance Movie Clip

Instance movie clip dapat Anda rotasi seperti halnya pada

objek. Gunakan langkah berikut untuk merotasi movie clip:

1. Pilih movie clip yang akan diolah di dalam lembar kerja.

2. Klik menu Modify ► Transform pilih :

Rotate 90o CW memutar objek 90o searah jarum jam.

Rotate 90o CCW memutar objek 90o berlawanan arah

jarum jam.

3. Anda dapat juga merotasi objek dengan menekan tombol

Ctrl + T sehingga akan ditampilkan jendela Transform

seperti pada Gambar 10.9. Ketikkan nilai derajat

perputaran pada kotak Rotate.

Gambar 10.9. Jendela Transform

Mengubah Ukuran Instance Movie Clip

Gunakan langkah berikut untuk mengubah ukuran instance

movie clip:

1. Pilih movie clip yang akan diolah.

2. Tekan Ctrl + T untuk menampilkan jendela Transform.

3. ketikkan nilai lebar (width) dan tinggi (height) untuk

mengubah ukuran instance movie clip. Nilai width dan

height ditampilkan dalam bentuk persentase.

Kotak Rotate


4. Aktifkan kotak periksa Constrain untuk menghasilkan

perubahan ukuran yang sama antara lebar dan tinggi.

Jika menginginkan ukuran yang berbeda, matikan kotak

periksa Constrain.

Gambar 10.10. Mengubah ukuran dengan jendela Transform

BLEND MODE

Blend Mode merupakan mode pencampuran warna dari dua

buah objek yang saling menumpuk. Fasilitas blend mode

sama fungsinya dengan blending mode yang terdapat di

dalam program Adobe Photoshop. Blend Mode merupakan

fasilitas baru yang disediakan flash Pro 8 yang hanya

diterapkan pada movie clip dan button.

Gunakan langkah berikut untuk menggunakan blend mode

pada objek movie clip:

1. Buat 2 buah objek movie clip dan letakkan movie clip

tersebut di dalam stage dengan posisi saling menumpuk.

Dalam contoh ini movie clip dibuat dari sebuah file jpg

yang diimport ke dalam library. Perhatikan gambar

10.11.

2. Pilih movie clip pertama (movie clip yang berada di

posisi atas daripada movie clip lainnya).

3. Selanjutnya gunakan pilihan Blend dalam jendela

properties dan tentukan jenis blend mode yang

diinginkan. Perhatikan gambar 10.12.

136


4. Perhatikan hasilnya dengan membandingkan masing-

masing tipe blending yang disediakan.

Perhatikangambar 10.13.

Gambar 10.11. Dua movie clip yang saling menumpuk

Gambar 10.12. Blend dalam jendela properties

Movie Clip 1

Movie Clip 2

Pilih jenis blend mode yang diinginkan

Pilih Color Alpha sehingga Anda dapat mengatur transparansi Blend Mode yang terpilih


Darken

Multiply

Lighten

Screen

Overlay

Hard Light

Add

Difference

Gambar 10.13. Hasil Blend Mode

138


Symbol Button dapat digunakan sebagai tombol navigasi

dalam sebuah animasi atau movie yang dihasilkan program

Flash Pro 8. Di dalam sebuah symbol button terdapat empat

bagian dengan penjelasan sebagai berikut:

Up, merupakan tampilan awal tombol pada saat tidak

disentuh oleh pointer mouse.

Over, merupakan tampilan pada saat pointer mouse

menyentuh atau berada di atas tombol.

Down, merupakan tampilan pada saat tombol diklik

dengan mouse.

Hit, merupakan area klik pada tombol.

Symbol Button pada Flash Pro 8 akan berfungsi dengan

menambahkan perintah action script yang akan dibahas

pada bab berikutnya.

MEMBUAT SYMBOL BUTTON

Semua objek yang dibuat di dalam Flash Pro 8 dapat

digunakan sebagai symbol button. Berikut kita akan

membuat symbol button dari sebuah objek teks:


Symbol Button


2. Klik menu Insert New Symbol sehingga tampil kotak

dialog Create New Symbol seperti pada Gambar 11.1.


3. Ketikkan “Tombol” untuk memberi nama symbol button

pada kotak Name.

4. Pilih Button pada pilihan Behavior dan akhiri dengan

OK.

5. Secara otomatis, Anda akan aktif di dalam tampilan

lembar kerja symbol button Tombol. Perhatikan

tampilan timeline seperti pada Gambar 11.2.

Gambar 11.2. Tampilan timeline symbol button “Tombol”

6. Dalam timeline terdapat empat frame yaitu Up, Over,

Down dan Hit.

7. Klik pada frame Up dan buat objek teks “Tombol”

dengan warna Hitam. Perhatikan gambar 11.3.

140


Gambar 11.3. Teks “Tombol” pada frame Up

8. Selanjutnya membuat tampilan Over pada tombol.

9. Klik kanan frame Over ► pilih Insert Keyframe

sehingga di dalam frame Over disisipkan keyframe

dengan objek teks yang sama dengan frame Up.

10. Ubah warna teks pada frame Over menjadi Merah dan

perbesar ukuran teks sehingga pada saat pointer mouse

berada di atas tombol, maka tombol akan berubah

menjadi warna merah dan berubah ukuran.

Gambar 11.4. Objek teks pada frame Over

11. Klik kanan frame Down ► pilih Insert Keyframe.


12. Ubah ukuran teks “Tombol” seperti pada frame Up

dengan posisi teks yang sama sehingga pada saat tombol

diklik akan mengecil.

Gambar 11.5. Objek teks pada frame Down

13. Untuk membuat frame Hit, klik kanan pada frame Hit

► Insert KeyFrame sehingga isi dari frame Hit sama

dengan frame Down. Frame hit digunakan untuk

menentukan area klik pada tombol. Area klik pada

tombol menyesuaikan dengan bentuk dan ukuran

tombol. Tampilan timeline tombol akan nampak seperti

pada Gambar 11.6.

Gambar 11.6. Tampilan timeline tombol

14. Setelah selesai membuat tombol, klik Scane 1 untuk

kembali ke lembar kerja movie utama.

142


15. Selanjutnya menyisipkan symbol button dari library ke

dalam lembar kerja movie utama.

16. Tekan F11 untuk menampilkan jendela Library. Klik

nama symbol button “Tombol” dan geser ke dalam

lembar kerja movie utama.

17. Jalankan animasi. Pada saat tombol tidak ditunjuk,

tombol berwarna hitam. Pada saat pointer mouse berada

di atas tombol, maka berubah menjadi warna merah dan

membesar, selanjutnya pada saat diklik maka tombol

mengecil ke ukuran semula.

Catatan : Anda dapat membuat symbol graphic atau

movie clip pada masing-masing frame button sehingga

tampilan tombol semakin menarik.

Dari contoh pembuatan tombol sederhana di atas, dapat

disimpulkan bahwa pada masing-masing frame button,

Anda dapat membuat beragam perubahan tampilan

tombol pada saat tidak ditunjuk (Up), ditunjuk (Over)

dan pada saat tombol diklik (Down).

COMMOM LIBRARIES BUTTONS

Selain dapatmembuat tombol sendiri, Macromedia Flash Pro

8 menyediakan fasilitas tombol yang siap digunakan tanpa

membuat sendiri melalui sebuah symbol. Gunakan langkah

berikut untuk menggunakan tombol dalam jendela Library

Button:

1. Klik menu Windows ► Other Panels ► Common

Libraries ► Buttons.

2. Di dalam jendela Library Buttons, klik dua kali pada

folder button yang tersedia. Masing-masing tombol

dipisahkan dalam folder berbeda sesuai dengan fungsi

tombol tersebut. Perhatikan Gambar 11.7.


Gambar 11.7. Jendela Library Buttons

3. Selanjutnya, klik pada nama tombol yang diinginkan

dan geser ke dalam lembar kerja.

MENYISIPKAN SUARA DALAM TOMBOL

Sebuah tombol akan sangat menarik jika terdapat suara di

dalamnya. Gunakan langkah berikut untuk menyisipkan

suara dalam tombol:

1. Buat sebuah symbol button atau gunakan sebuah tombol

dari jendela Library Buttons.

2. Klik dua kali pada tombol tersebut sehingga aktif di

dalam tampilan timeline button. Perhatikan Gambar

11.8.

Folder Button

144


Gambar 11.8. Timeline tombol

3. Tambahkan layer baru di dalam timeline tombol.

Gambar 11.9. Menyisipkan layer baru

4. Selanjutnya, Anda harus menentukan di frame mana

suara akan disisipkan. Sebagai contoh, suara akan

disisipkan pada frame Over.

5. Klik kanan pada frame Over, pilih Insert Blank

Keyframe sehingga pada frame Over akan disisipkan

keyframe kosong.

6. Klik pada frame Over. Perhatikan gambar 11.10.

Insert new layer


Gambar 11.10. Blank Keyframe pada frame Over, layer 2

7. Langkah berikutnya mengimport file suara ke dalam

jendela library.

8. Klik menu File ► Import ► Import to Library sehingga

tampil kotak dialog Import to Library seperti pada

Gambar 11.11.

Gambar 11.11. Kotak dialog Import to Library

9. Pilih salah satu nama file suara yang akan digunakan

dan klik Open.

10. Dari perintah di atas, maka file suara (SOUND16.MAV)

akan dimasukkan ke dalam jendela Library.

146


11. Pastikan masih aktif pada frame Over.

12. Gunakan jendela properties untuk memasukkan suara

ke dalam frame Over.

Gambar 11.12. File suara dalam jendela properties

13. Berikan juga suara untuk frame Down. Gunakan file

suara yang berbeda agar tombol anda lebih bervariasi.

Gambar 11.13. Suara pada frame Down

14. Jalankan animasi dan perhatikan hasilnya. Pada saat

tombol tidak ditunjuk, maka tombol diam. Pada saat

tombol ditunjuk, akan menampilkan suara dan pada

saat di klik akan menampilkan suara yang berbeda.

File sound dalam frame Over

File sound dalam jendela properties


Action Script adalah suatu perintah yang menghasilkan

suatu aksi atau gerakan pada objek. Perintah Action Script

digunakan untuk membuat animasi yang lebih komplek dan

interaktif.

Dalam bab ini akan dibahas tentang bagian-bagian dari

jendela Action Script dan cara menggunakannya.

FUNGSI PANEL ACTION SCRIPT

Panel Action Script digunakan untuk memberikan perintah

action pada sebuah frame, objek tombol atau movie clip

instance.

Langkah untuk membuka jendela Actions adalah dengan

menekan tombol F9 atau klik menu Windows ►

Development Panels ► Actions. Gambar 12.1. adalah

bagian-bagian dari jendela Actions.

Action Script

148


Gambar 12.1. Jendela Action Script

Tombol-tombol perintah yang dapat digunakan dalam

jendela Actions antara lain :

Add a New Item to the Script

Digunakan untuk memberi / menambah perintah

Action Script.

Contoh:

1. Klik frame atau objek yang akan diberi script.

2. Klik tombol Add a New Item to the Script ► Global

Functions ► Browser / Network ► Loadmovie.

Daftar kelompok perintah script Tempat penulisan perintah Action Script


Gambar 12.2. Penggunaan tombol Add

Find

Digunakan untuk mencari kata atau karakter yang terdapat

pada perintah Action Script.

Replace

Digunakan untuk mengganti kata atau karakter yang

terdapat pada perintah Action Script.

Insert a Target Path

Digunakan untuk menyisipkan target atau sasaran yang

akan diberi perintah Action Script. Contoh penggunaan

tombol Insert a target path.

1. Buat gambar objek bola di layar dengan tombol

Oval .

2. Klik Arrow Tool dan pilih gambar objek bola

tersebut.

3. Tekan tombol F8 untuk mengubah objek Bola menjadi

objek Button.

150


Gambar 12.3 Kotak dialog Convert to Symbol

4. Pada bagian Name, ketik Bola, pada Behavior, pilih

Button kemudian tekan OK.

5. Klik bagian Instance Name, kemudian beri nama Bola.

Gambar 12.4. Lokasi pemberian nama instance

6. Tekan tombol F9 untuk menampilkan jendela Actions.

7. Klik tombol Add a new Item to the Script ► Global

Functions ► Movie Clip Control ► On, maka tampil

perintah script seperti nampak pada Gambar 12.5.

Klik dan ketik Bola untuk memberi nama instance

Klik Name dan ketik Bola

Klik Behavior : Button


Gambar 12.5. Tampilan perintah setelah memilih perintah On

8. Klik dua kali perintah Press sehingga terbentuk

perintah script berikut :

on (press) {

}

9. Klik di belakang tanda kurung kurawal buka "{"

kemudian tekan tombol Enter untuk memberi jarak

baris.

10. Klik tombol Add a new Item to the Script ► Global

Functions ► Movie Clip Control ► StartDrag, sehingga

terbentuk perintah script berikut:

on (press) {

startDrag( );

}

152


11. Klik tombol Insert a target path maka tampil

kotak dialog Insert Target Path seperti Gambar

12.6.

Gambar 12.6. Kotak dialog Insert Target Path

12. Klik nama instance objek yaitu bola yang berada di

dalam kotak dialog Insert Target Path kemudian tekan

tombol OK, sehingga terbentuk perintah script berikut :

on (press) {

startDrag(this);

}

13. Klik di belakang kurung kurawal yang bawah kemudian

tekan tombol Enter untuk memberi jarak baris.

14. Klik tombol Plus ► Global Functions ► Movie Clip

Control ► On.

15. Klik dua kali perintah release, sehingga terbentuk

perintah script berikut:

on (release) {

}

16. Klik di belakang kurung kurawal yang atas kemudian

tekan tombol Enter untuk memberi jarak baris.

17. Klik tombol plus ► Actions ► Movie Clip Control ►

stopDrag, agar objek bola dapat digeser dan dilepaskan

Klik nama Instance bola kemudian tekan tombol

OK


di posisi yang lain. Perintah script akan terlihat seperti perintah

berikut :

on (press) {

startDrag(this);

}

on (release) {

stopDrag();

}

18. Tekan tombol Ctrl + Enter untuk menguji perintah di

atas.

Check Syntax

Digunakan untuk memeriksa apakah perintah Action Script

yang dituliskan tersebut benar atau tidak.

Contoh 1.

1. Tampilkan jendela Actions dengan menekan F10.

2. Ketikkan perintah: gotoAndPlay(1);

3. Tekan tombol Check Syntax, maka tampil komentar

This script contains no errors, berarti tidak ada

kesalahan dalam penulisan script Anda.

Gambar 12.7. Komentar tidak ada kesalahan

Contoh 2.

154


1. Tampilkan jendela Actions dengan menekan F10.

2. Ketikkan perintah: gotoAndStop(

Tekan tombol Check Syntax, sehingga tampil komentar

This script contains errors, The errors encountered are

listed in the Output Window, berarti ada kesalahan

dalam script Anda.

Gambar 12.8. Komentar jika perintah script ada kesalahan

Autoformat

Digunakan untuk mengatur format pada perintah

Script yang telah dimasukkan, sesuai dengan format

yang telah diatur oleh program Flash MX.

Contoh :

Dalam jendela Actions ketik perintah script di bawah ini:

function f(x) {

if (x<=0) {

return 1;

} else {

return x*f(x-1);

}

}

Perhatikan posisi penulisan perintah script khususnya

kurung kurawal, else dan spasi.

Selanjutnya klik tombol di sebelah kanan atas dari jendela

Actions seperti yang terlihat pada Gambar 10.9, sehingga


tampil kotak dialog Auto Format Options seperti Gambar

10.10.

Gambar 12.9. Perintah Auto Format Options

Gambar 12.10. Kotak dialog Auto Format Options

Berikut ini adalah perintah yang terdapat dalam kotak

dialog Auto Format Options :

Klik tombol menu pop-up di sudut kanan atas jendela Actions kemudian pilih Auto

Format Options

156


‟{„ on line after if, for, switch, while, etc.

Jika pilihan ini dipilih maka tanda kurung kurawal ( { )

setelah fungsi IF akan ditempatkan pada baris

bawahnya.

if (x<=0) {

„{„ on line after function and interface keywords

Jika pilihan ini dipilih maka tanda kurung kurawal ( { )

setelah perintah Functions akan ditempatkan pada

baris bawahnya.

function f(x) {

Don‟t cuddle „}‟ and else

Jika pilihan ini dipilih maka perintah else dan tanda

kurung kurawal ( { ) setelah perintah else akan

ditempatkan pada baris bawahnya.

} else {

Space after function name in function calls

Jika pilihan ini dipilih maka ditambahkan spasi setelah

nama fungsi. Contoh disini yaitu memberi spasi antara

nama fungsi

f dengan (x) {.

function f(x) {

Spaces around operators


Jika pilihan ini dipilih maka ditambahkan spasi

sebelum dan sesudah tanda operator. Contoh disini

yaitu memberi spasi sebelum dan sesudah operator <=.

if (x<=0) {

Untuk contoh pilih semua pilihan di atas kemudian tekan

tombol OK.

Selanjutnya tekan tombol Auto Format, maka

perintah script di atas akan tampak seperti pada

script berikut :

function f (x)

{

if (x <= 0)

{

return 1;

}

else

{

return x * f (x - 1);

}

}

Show Code Hint

Digunakan untuk menampilkan kode penunjuk untuk

membantu Anda dalam menuliskan perintah yang benar.

Contoh : Pada jendela Actions, ketikkan rumus stop( maka

tampil keterangan yang menunjukkan bagaimana

seharusnya rumus stop tersebut diketik.

158


.

Jika keterangan tersebut tidak muncul tekan tombol Show

Code Hint untuk memunculkannya.

Debug Options

Digunakan untuk menampilkan atau menghapus tanda

breakpoint.

Contoh :

1. Ketik perintah berikut pada jendela Actions:

onClipEvent (enterFrame) {

if (Key.isDown(Key.DOWN)) {

this._Y=_y+30;

this._rotation=0;

}

}

2. Klik baris ke-4 dari perintah tersebut yaitu lurus dengan

rumus this._rotation=0;

3. Klik tombol Debug Options maka muncul 3 perintah

yaitu :

Set Breakpoint: untuk menampilkan tanda break

point.

Remove Breakpoint: untuk menghapus tanda break

point.

Remove All Breakpoints: untuk menghapus semua

tanda break point.

4. Klik pilihan Set Breakpoint, maka tampil tanda break

point di sebelah kiri perintah baris ke-4.

Rumus stop yang benar


Gambar 12.11. Tampilan tanda Breakpoint

View Options

Digunakan untuk menampilkan perintah berikut:

Gambar 12.12. Tampilan View Option

Klik tombol View Option sehingga tampil 3 perintah sebagai

berikut :

View Esc Shortcut Key

Digunakan untuk menampilkan Shortcut Key pada

perintah script.

Gambar 12.13. Tampilan tanda Breakpoint

View Line Numbers

Digunakan untuk menampilkan nomor baris.

shortcut key

Tiga perintah pada tombol

View Options

Break point.

160


Gambar 12.14. Tampilan nomor baris

Word Wrap

Digunakan untuk mengatur perintah script agar dapat

melipat ke bawah jika perintah tersebut sampai akhir

batas kanan jendela Actions.

Script Assist

Peranti ini digunakan untuk mengolah

perintah secript tertentu sehingga

mempermudah kita untuk mengatur parameter dari script

tersebut.

Gambar 12.15. Script Assist untuk script goto

nomor baris


MEMBERI ACTION PADA TOMBOL

Action adalah sebuah perintah yang akan dibaca atau

dijalankan saat playhead melewati keyframe yang diberi

perintah Action tersebut. Playhead adalah garis penunjuk

yang bergerak dari satu frame ke frame yang lain.

Gambar 13.1. Tampilan Playhead

Langkah untuk memberi perintah actions adalah :

1. Tampilkan jendela Library – Buttons dengan memilih

menu Window ► Other Panels ► Common Libraries ►

Buttons.

Action Script

dalam Tombol

Playhead

162


2. Tarik salah satu bentuk tombol dari jendela Library –

Buttons ke layar, dan letakkan tombol tersebut pada

frame ke-1. Perhatikan gambar berikut :

Gambar 13.2. Proses menggeser tombol ke dalam stage

3. Klik kanan frame 20 Insert Blank Keyframe untuk

membuat keyframe kosong.

Gambar 13.3. Blank Keyframe pada frame 20

4. Tambahkan satu buah tombol lagi ke dalam frame 20.

5. Selanjutnya klik tombol yang berada pada frame 1.

6. Tampilkan jendela Actions dengan menekan tombol F9.

7. Ketik perintah script berikut :

on (press) {

gotoAndStop(20);

}


Pengertian dari perintah di atas adalah jika tombol

tersebut diklik maka akan menuju frame 20.

8. Klik tombol yang berada pada frame 20.

9. Ketik perintah script berikut pada jendela Actions :

on (press) {

gotoAndStop(1);

}


tersebut diklik maka akan menuju frame 1.

10. Klik frame 1 kemudian ketik perintah script berikut

pada jendela Actions:

stop( );

Pengertian dari perintah di atas adalah saat movie

dijalankan maka akan berhenti dulu pada frame 1.

11. Untuk menguji perintah di atas, tekan tombol Ctrl +

Enter.

MENGGUNAKAN ACTION GOTO

Perintah Action Goto digunakan untuk berpindah atau

menuju ke suatu frame atau ke sebuah scene. Langkah

untuk menggunakan perintah action Goto adalah sebagai

berikut:

1. Buat lembar kerja baru dengan tampilan default. Perlu

diperhatikan saat ini Anda aktif di dalam scene 1.


3. Tampilkan Panel Library-Buttons dan sisipkan sebuah

tombol.

4. Dalam scene 1, buat teks “Halaman 1”. Perhatikan

gambar 13.4.

164


Gambar 13.4. Tampilan scene 1

5. Tambahkan Scene baru yaitu Scene 2 dengan perintah

menu Insert ► Scene. Dalam Scene 2, tambahkan

sebuah tombol dan teks "Halaman 2" .

Gambar 13.5. Tampilan scene 2

Scene 1

Teks

Tombol

Scene 1

Teks

Tombol


6. Selanjutnya klik tombol Edit Scene dan pilih Scene 1

untuk menuju ke HALAMAN 1.

Gambar 13.6. Tombol Edit Scene

7. Pilih tombol dalam scene 1. Tampilkan jendela Actions

dengan menekan tombol F9 dan ketik perintah berikut

pada jendela Actions.

on (press) {

gotoAndStop("Scene 2",1);

}


tersebut diklik maka akan menuju ke Scene 2 frame 1.

8. Klik frame 1 Scene 1 dan berikan perintah stop( );.

Perintah stop ini berfungsi saat movie dijalankan untuk

yang pertama kali, dan movie akan berhenti pada Scene

1 frame 1.

9. Berikutnya klik tombol Edit Scene dan pilih Scene 2.

Pilih tombol yang berada pada Scene 2 dan tampilkan

jendela Actions.

10. Pilih tombol pada scene 2. Tampilkan jendela Actions

dengan menekan tombol F9 dan ketik perintah berikut

pada jendela Actions.

on (release) {

gotoAndStop("Scene 1", 1);

}

Edit Scene

166



tersebut diklik maka akan menuju ke Scene 1 frame 1.

11. Tekan tombol Ctrl + Enter untuk menguji movie

tersebut.

MENGGUNAKAN ACTION LOADMOVIE

Perintah Action LoadMovie digunakan untuk menjalankan

file yang telah dipublikasikan (publish), misalnya file yang

berakhiran .SWF. Berikut ini adalah contoh yang

menggunakan perintah LoadMovie.

1. Sisipkan sebuah tombol dari jendela Library – Buttons

ke frame 1.

2. Klik tombol tersebut dan tampilkan jendela Actions

dengan menekan tombol F9.

3. Ketikkan perintah berikut dalam jendela Actions:

on (release) {

loadMovie("C:/Animasi/Masked.swf",0);

}


tersebut diklik maka akan menjalankan file Masked.swf

yang berada pada drive C: di folder Animasi.

4. Uji perintah tersebut dengan menekan tombol Ctrl +

Enter.

MENGGUNAKAN ACTION UNLOADMOVIE

Perintah action UnloadMovie ini kebalikan dari LoadMovie.

Jika LoadMovie digunakan untuk membuka atau

menjalankan file yang berakhiran .swf maka UnloadMovie

digunakan untuk menutup file yang dibuka oleh action

LoadMovie.


Langkah untuk menggunakan perintah UnloadMovie adalah

sebagai berikut:

1. Sisipkan sebuah tombol di sebelah kanan tombol yang

telah diberi perintah LoadMovie.

Gambar 13.7. Tampilan tombol LoadMovie dan UnloadMovie

2. Klik tombol yang baru disisipkan dan tampilkan jendela

Actions.

3. Ketikkan perintah script pada jendela Actions:

on (release) {

unloadMovie(0);

}


tersebut diklik maka akan menutup layar yang sedang

dibuka.

4. Uji movie dengan menekan tombol Ctrl + Enter.

MENGGUNAKAN ACTION GOTOANDPLAY

Perintah gotoAndPlay dapat digunakan untuk menuju ke

sebuah label frame dan menjalankan frame tersebut.


1. Buat lembar kerja baru dengan tampilan default.

168


2. Buat objek kotak dan tiga buah tombol di dalam frame 1,

layer 1. Gunakan pilihan tombol yang tersedia dari

menu Windows ► Other Panels ► Common Libraries ►

Buttons.

Gambar 13.8. Objek kotak dan tombol

3. Selanjutnya klik kanan frame 2, pilih Insert Keyframe.



6. Klik kanan frame 60, pilih Insert Frame. Perhatikan

hasilnya pada tampilan timeline seperti pada Gambar

13.13.

Gambar 13.9. Tampilan frame 2, 20, 40 dan 6


8. Buat teks “BELAJAR” dengan menggunakan Text Tool.

Perhatikan hasilnya pada Gambar 13.10.


Gambar 13.10. Teks “BELAJAR” pada frame 2

9. Klik frame 20.

10. Buat teks “Flash Pro 8” dan perhatikan hasilnya pada

Gambar 13.11.

Gambar 13.11. Teks “Flash Pro 8” pada frame 20


12. Buat teks “OK” seperti pada Gambar 13.12.

170


Gambar 13.12. Teks “OK” pada frame 40

13. Langkah selanjutnya memberikan label frame pada

frame 2, 20 dan 40.

14. Klik frame 2.

15. Ketikkan sebuah nama label frame “Tampilan 1” pada

jendela properties. Perhatikan Gambar 13.13.

Gambar 13.13. Membuat nama label pada frame 2

16. Pada frame 2 akan diberi ikon bendera dengan warna

merah yang menandakan frame tersebut mempunyai

label. Perhatikan Gambar 13.14.

Label frame


Gambar 13.14. Tampilan label pada frame 2

17. Selanjutnya berikan nama label “Tampilan 2” pada

frame 20 dan “Tampilan 3” pada frame 40. Gunakan

cara yang sama sewaktu membuat nama label pada

frame 2. Aktifkan terlebih dahulu frame yang akan

diberi nama label. Perhatikan hasilnya pada Gambar

13.15.

Gambar 13.15. Hasil label pada frame 2, 20 dan 40

18. Selanjutnya memberikan perintah script pada frame 1,

2, 20, 40 dan masing-masing tombol.

19. Klik frame 1.

20. Aktifkan jendela Action Script atau tekan F9.

21. Di dalam jendela action script, ketikkan perintah script

seperti nampak pada Gambar 13.16.

172


Gambar 13.16. Perintah script untuk frame 1

22. Dengan cara yang sama, berikan perintah script Stop

pada frame 2, 20 dan frame 40.

23. Klik Tombol pertama.

24. Ketikkan perintah script berikut ini:

On (release) {

gotoAndPlay (“Tampilan 1”) ;

}

25. Dari perintah script di atas, apabila tombol pertama

diklik, maka akan menuju ke label frame “Tampilan1”

(frame2) dan menjalankan isi dari frame tersebut.

26. Selanjutnya memberikan perintah script pada tombol

kedua dan ketiga dengan perintah sebagai berikut:

Script tombol kedua:

On (release) {


}

Script tombol ketiga:

On (release) {


}


27. Jalankan animasi dan klik pada masing-masing tombol

untuk melihat hasilnya. Pada saat tombol pertama

diklik, maka akan menuju ke frame label “Tampilan 1”

dan pada saat diklik tombol kedua atau ketiga akan

menuju ke frame label “Tampilan 2” atau “Tampilan 3”.

TIMELINE CONTROL

Berikut ini beberapa script untuk mengatur timeline yang

dapat diterapkan pada sebuah tombol:

Script Fungsi

gotoAndPlay Menuju ke frame atau scene tertentu

dan menjalankan isi dari frame atau

scene tersebut.

gotoAndStop Menuju ke frame atau scene tertentu

dan berhenti pada frame atau scene

terpilih.

nextFrame Menuju ke frame selanjutnya.

nextScene Menuju ke scene selanjutnya.

Play Menjalankan frame.

prevFrame Menuju ke frame sebelumnya.

prevScene Menuju ke scene sebelumnya.

stop Menghentikan frame.

stopAllSound Menghentikan semua file suara

dalam frame.

174


MENCARI DAN MENGGANTI TEKS DALAM JENDELA ACTION SCRIPT

Saat Anda menuliskan perintah script dalam jendela

Action Script, mungkin terdapat kesalahan yang perlu

diganti. Jika yang diganti satu perintah tapi jumlahnya

banyak, sebaiknya Anda menggunakan fasilitas tombol

Replace.

Langkah untuk mencari dan sekaligus mengganti teks

dalam script adalah:

1. Tampilkan jendela Actions dengan menggunakan

tombol F10.

2. Klik tombol Replace untuk membuka kotak dialog

Replace seperti pada Gambar 14.1.

Mengolah

Action Script


Gambar 14.1. Kotak dialog Replace

Tombol Find Next digunakan untuk memulai atau

melanjutkan proses pencarian.

Tombol Replace digunakan untuk mengganti teks

yang ditemukan.

Tombol Replace All digunakan untuk mengganti

semua teks yang sama dengan yang ditulis pada

bagian Find What dengan teks yang ditulis pada

bagian Replace With (dalam contoh ini adalah kata

Stop diganti dengan Play).

3. Pada bagian Find What, ketik teks yang akan diganti

misalnya Stop.

4. Pada bagian Replace What, ketik teks pengganti

misalnya Play.

5. Beri tanda centang pada Bagian Match case jika Anda

menghendaki agar pada proses penggantian teks bentuk

penulisan teks disesuaikan dengan teks yang diketik

pada bagian Find What.

6. Klik tombol Close untuk menutup kotak dialog Replace.

Teks yang diganti

Teks pengganti

176


MENGEKSPOR PERINTAH SCRIPT

Perintah-perintah script yang dibuat dalam jendela Actions

dapat diekspor ke program pengolah kata diantaranya

adalah Word, Notepad, atau Wordpad.

Tujuan dari perintah Export ini berfungsi saat Anda ingin

mempelajari perintah script yang berada di suatu program

movie yang sudah jadi. Langkah untuk mengekspor script

adalah sebagai berikut :

1. Buka file yang mempunyai perintah script.

2. Buka jendela Actions kemudian klik tombol pop-up

panel Action, kemudian pilih Export Script…,

Perhatikan Gambar 14.2., sehingga akan ditampilkan

kotak dialog Save seperti pada Gambar 14.3.

Gambar 14.2. Tampilan saat menekan pop-up panel Action

Klik tombol menu pop-up dan pilih

Export Script…


Gambar 14.3. Kotak dialog Save As

3. Pada bagian Save in, tentukan lokasi untuk menyimpan

perintah script tersebut.

4. Pada bagian File name, ketikkan nama file untuk

menyimpan perintah script tersebut, misalnya Script.

5. Tekan tombol Save untuk mengakhiri proses ekspor

script dan Anda dapat membuka hasil ekspor melalui

program Word, Notepad atau Wordpad.

MENGIMPOR PERINTAH SCRIPT

Selain mengekspor script, Anda juga dapat mengimpor

script dari aplikasi lain. Langkah mengimpor script adalah

sebagai berikut :

1. Buka jendela Actions dengan tombol F10.

2. Klik tombol pop-up panel Action, kemudian pilih Import

Script … untuk membuka kotak dialog Open seperti

Gambar 14.4.

178


Gambar 14.4. Tampilan saat menekan pop-up panel Action

3. Pilih file yang akan diimpor, misalnya Actions Script

dan kemudian tekan tombol Open, maka isi file yang

diimpor akan diletakkan pada jendela Actions.

Gambar 14.5. Kotak dialog Open

Klik tombol menu pop-up dan pilih

Import Script…


Keistimewaan Flash yang dipublikasikan adalah dapat

didesain untuk keperluan presentasi pada sebuah animasi

halaman Web. Perintah Publish akan menyisipkan file Flash

Player (SWF) dan dokumen HTML ke dalam jendela

browser.

Perintah Export Movie mengijinkan Anda membuat isi

Flash yang dapat disunting dalam aplikasi yang lain dan

mengekspor sebuah movie langsung ke dalam format

tunggal. Sebagai contoh, Anda dapat mengekspor movie

seperti file Flash Player; rangkaian image bitmap; frame

tunggal atau file image; dengan berbagai variasi format,

termasuk GIF, JPEG, PNG, BMP, PICT, QuickTime, dan

AVI.

MENGUJI HASIL MOVIE

Untuk menemukan di mana sebuah movie yang mungkin

berhenti selama download, Anda dapat menguji sebuah

scene atau seluruh movie dengan menggunakan perintah

Test Scene atau Test Movie, atau Anda dapat membuka file

SWF yang aktif.

Publikasi

Flash Pro 8

180


Langkah untuk menguji hasil movie adalah :

1. Lakukan salah satu perintah berikut :

Pilih perintah menu Control Test Scene atau

Control Test Movie.

Pilih menu File Open, dan pilih sebuah file SWF.

2. Dalam menu View Download Settings, pilih

kecepatan download dengan pilihan : 14.4 (1.2 Kb/s),

28.8 (2.3 Kb/s), 56K 4.7 Kb/s), dan lain-lain. Untuk

mengatur tatanan Anda sendiri, pilih View Download

Settings Customize.

3. Dalam Flash Player, pilih perintah menu View

Bandwidth Profiler untuk menampilkan hasil dari

download sebuah grafik:

Pada bagian kiri dari profiler menampilkan

informasi movie, tatanan dan bagiannya. Bagian

movie menunjukkan ukuran, kecepatan frame,

ukuran dalam KB dan bytes, durasi, dan lain-lain.

Pada bagian kanan dari profiler menampilkan

timeline header dan grafik. Dalam grafik, setiap

bagian mewakili sebuah individu frame dari movie.

4. Klik sebuah batang dalam grafik untuk menampilkan

tatanan frame dalam jendela sebelah kiri dan

menghentikan movie.

5. Atur tampilan grafik sesuai dengan yang Anda

inginkan:

Pilih menu View Streaming Graph untuk

menampilkan frame yang akan dihentikan

sementara.

Pilih menu View Frame by Frame Graph untuk

menampilkan ukuran dari setiap frame.


Gambar 15.1. Tampilan saat movie dijalankan

Langkah untuk menghasilkan daftar laporan data saat

Flash Player yang dimainkan berakhir :

1. Pilih menu File Publish Settings.

2. Pilih tab Flash dan pilih kotak periksa Generate Size

Report.

3. Klik tombol Publish, kemudian tekan tombol OK.

Flash akan menghasilkan sebuah file teks dengan nama

yang sama seperti hasil ekspor movie.txt.

4. Buka file tersebut dengan program NotePad / Microsoft

Word. Perhatikan gambar 15.2.

182


Gambar 15.2. Format laporan yang tampil setelah animasi selesai

MEMPUBLIKASIKAN FLASH MOVIE

Untuk mempublikasikan Flash movie pada Web, Anda dapat

menggunakan dua langkah proses. Pertama, siapkan semua

file yang diperlukan untuk melengkapi aplikasi Flash

dengan perintah Publish Settings. Kemudian konversikan

file movie beserta isinya dengan perintah Publish. Langkah

dalam menentukan pilihan untuk file flash movie adalah :

Buat sebuah animasi sesuai dengan selera Anda dan simpan animasi

tersebut dengan nama : Design.fla pada folder Animasi.

Pilih menu File Publish Settings, sehingga tampil kotak dialog

Publish Settings seperti pada Gambar 15.3.


Gambar 15.3. Kotak dialog Publish Settings

Pilih tipe yang ingin Anda hasilkan pada pilihan kotak periksa Type,

yaitu: .swf, .html, .gif dan lain sebagainya.

Format HTML otomatis terpilih, karena file HTML

dibutuhkan untuk menampilkan Flash movie Anda ke

dalam browser. Jika format yang dipilih mempunyai sub

perintah, maka akan ditampilkan tabulasi yang sejajar

dengan tabulasi HTML.

Klik pada kotak periksa type yang ingin dihasilkan.

184


Pada bagian File, pilih salah satu perintah berikut :

Gunakan nama file default yang sudah ada, jadi

Anda tidak perlu mengetik nama file baru.

Hapus nama file default, kemudian masukkan nama

file baru.

Anda dapat menentukan di mana Anda akan

mempublikasikan file tersebut pada lokasi yang berbeda.

(Sebagai contoh, jika Anda ingin menyimpan file SWF ke

dalam satu lokasi dan file HTML ke dalam lokasi yang

lain). Dalam kotak teks, gunakan backslash ( \ ) untuk

menyusun urutan penulisan directory, folder, dan file.

Sebagai contoh, D:\Folder\filename.swf di mana C:

adalah nama drive, \Folder adalah nama folder, dan

filename.swf adalah nama filenya.

Gambar 15.4. Kotak dialog Publish Settings

Untuk membuat sebuah file yang berakhiran .exe, pilih pilihan


Windows Projector.

Masukkan sebuah nama file baru, atau pilih Use Default Name agar

setiap file menggunakan nama file default.

Tekan tombol Publish untuk menjalankan pilihan di atas dan klik OK

untuk menutup kotak dialog Publish Settings.

PUBLIKASI FLASH PLAYER MOVIE

Saat menampilkan sebuah Flash Player movie, Anda dapat

mengatur pilihan kompresi image dan sound, dan pilihan ini

digunakan untuk memproteksi movie yang diimpor.

Gunakan kontrol dalam panel Flash dari kotak dialog

Publish Settings untuk mengubah tatanan publikasi.

Langkah untuk mempublikasikan sebuah flash player movie

adalah:

1. Pilih menu File Publish Settings, kemudian klik tab

Flash.

2. Pilih pilihan pada bagian Load Order untuk mengatur

urutan movie yang akan ditampilkan: Bottom Up atau

Top Down.

3. Pilih Generate Size Report untuk menghasilkan sebuah

laporan data pada akhir animasi / publikasi / publish.

4. Pilih pilihan berikut jika Anda menginginkanya:

Omit Trace Actions, pilihan ini menyebabkan Flash

mengabaikan penjiplakan dalam file SWF yang

aktif. Jika Anda memilih pilihan ini, informasi dari

penjiplakan file tidak ditampilkan dalam panel

Output.

Protect from Import digunakan untuk memberi kata

sandi / password saat file diimpor. Pasanglah

password untuk menghindari pemakaian oleh pihak

yang tidak berkepentingan.

Debugging Permitted digunakan untuk

mengaktifkan kotak dialog Debugger dan

menampilkan perintah debug pada Flash movie.

186


Jika Anda memilih pilihan ini, Anda dapat

memasang password pengaman pada file movie

Anda.

Untuk mengontrol kompresi bitmap, atur slider

JPEG Quality atau masukkan nilai pada kotak teks

Quality.

Kualitas image yang lebih rendah menghasilkan file

yang lebih kecil. Kualitas image yang lebih besar

menghasilkan file yang lebih besar.

Gambar 15.5. Tampilan Tabulasi Flash

5. Untuk mengatur nilai dan kompresi pada sound pilih


sebuah pilihan berikut:

Klik tombol Set pada perintah Audio Stream untuk

mengatur pengeksporan file dan kompresi untuk

semua movie sounds; kemudian gunakan kotak

dialog Sound Properties untuk mengatur audio

stream.

Klik tombol Set pada perintah Audio Event untuk

mengatur pengeksporan file dan kompresi semua

movie sound; kemudian gunakan kotak dialog Sound

Properties untuk mengatur tatanan audio.

Pilih Override Sound Settings untuk mengabaikan

tatanan yang terpasang pada kotak dialog Sound

Properties.

6. Pilih versi Flash yang akan digunakan pada bagian

Version.

7. Tekan tombol Publish untuk menjalankan pilihan di

atas dan klik OK untuk menutup kotak dialog Publish

Settings.

MEMPUBLIKASIKAN HTML DENGAN FILE FLASH PLAYER

Memainkan sebuah Flash movie dalam browser Web

memerlukan sebuah dokumen HTML yang aktif pada movie

dan spesifik dari tatanan browser. Dokumen ini dihasilkan

otomatis dengan perintah Publish, dari parameter HTML

dalam dokumen template.

Langkah untuk mempublikasikan html dan untuk

menampilkan file flash adalah :

1. Pilih menu File Publish Settings, maka tampil kotak

dialog Publish Settings seperti Gambar 15.6.

188


Gambar 15.6. Tampilan tabulasi HTML

2. Masukkan nama baru pada kotak teks File, misalnya

D:\Flash\latihan1.html.

3. Klik panel HTML untuk menampilkan nilai tatanannya

sehingga tampil seperti Gambar 15.7.

4. Pilih template yang akan digunakan dari menu pop-up

Template; klik tombol Info di sebelah kanan jendela

untuk menampilkan keterangan dari template yang

dipilih.

5. Pilih pilihan dari bagian Dimensions untuk mengatur

nilai dari bagian Width dan Height :

Pilih Match Movie (default) untuk menggunakan

ukuran movie default.

Pilih Pixels untuk memasukkan jumlah pixel

dalam bagian Width dan Height.

6. Pilih Percent untuk menggunakan persentase pada

jendela browse. Pilih pilihan Playback untuk

mengontrol movie yang dimainkan sebagai berikut :


Gambar 15.7. Tampilan tabulasi HTML

Paused at Start, digunakan untuk menghentikan

movie sampai pemakai mengklik sebuah tombol

dalam movie atau memilih Play dari menu

shortcut.

Loop, digunakan untuk mengaktifkan atau

mematikan pengulangan movie saat movie

mencapai akhir frame.

Display Menu, digunakan untuk menampilkan

shortcut menu saat pemakai menekan klik kanan

movie.

Device Font, digunakan untuk mengaktifkan atau

mematikan font default saat font yang digunakan

tidak ter-install pada sistem komputer Anda.

190


7. Pilih Quality untuk mengatur kualitas objek setiap

setiap frame sebelum di-publish.

8. Pilih pilihan pada Window Mode untuk mengatur

atribut objek pada layer.

Window, untuk tidak meletakkan atribut apa saja di

dalam objek. Background dari objek adalah buram

dan menggu-nakan warna background HTML.

HTML tidak dapat mengu-bah di atas / bawah objek.

Window adalah pilihan default.

Opaque Windowless, digunakan untuk mengatur

background objek menjadi kabur, atau mengaburkan

objek-objek di bawah objek yang aktif.

Transparent Windowless, digunakan untuk

mengatur background objek menjadi transparan.

9. Pilih pilihan pada HTML Alignment untuk menentukan

posisi jendela Flash movie dalam jendela browser:

Default, untuk menengahkan objek di dalam jendela

browser dan memotong sisi layar jika jendela

browser lebih kecil dari layar Flash.

Left, Right, Top, atau Bottom mengatur perataan file

SWF sesuai dengan tepi jendela browser dan

memotong sisa sisi yang diperlukan.

10. Pilih sebuah pilihan pada bagian Scale untuk

menempatkan movie dalam batas-batas khusus, saat

Anda mengubah ukuran objek yang asli.

Default (Show All), untuk menampilkan seluruh

dokumen dalam area yang ditetapkan tanpa ada

gangguan / distorsi dan mempertahankan aspek

rasio file SWF yang asli.

No Border, untuk mengubah ukuran dokumen untuk

mengisi area yang ditetapkan dan tetap

mempertahankan aspek rasio file SWF yang asli

atau tanpa ada faktor gangguan / distorsi.

Exact Fit, untuk menampilkan seluruh dokumen


dalam area yang ditetapkan dan mengabaikan aspek

rasio asli dokumen.

No Scale, untuk mempertahankan ukuran dokumen

dari skala saat jendela Flash Player diubah

ukurannya.

11. Pilih pilihan pada bagian Flash Alignment untuk

mengatur perataan objek movie.

12. Pilih Show Warning Messages untuk menampilkan

pesan error jika ada kesalahan pada tatanan tersebut.

13. Tekan tombol Publish untuk menjalankan pilihan

tatanan di atas dan klik OK untuk menutup kotak

dialog Publish Settings.

MEMBUAT FILE GIF

File GIF menyediakan kemudahan bagi Anda untuk

mengekspor gambar dan animasi sederhana dalam halaman

Web. Flash akan mengekspor frame pertama dalam movie

sebagai file GIF, kecuali Anda menandai keyframe dengan

memasukkan label frame #Static. Flash mengekspor semua

frame dalam movie yang aktif ke sebuah animasi GIF

kecuali Anda menandai frame dengan memasukkan label

frame #First dan #Last dalam keyframe.

Langkah untuk membuat sebuah file gif dari file Flash

adalah :

1. Pilih menu File Publish Settings, sehingga tampil

kotak dialog Publish Settings.

2. Klik tipe GIF Image. Masukkan sebuah nama file pada

bagian File, atau pilih Use Default Name untuk

menghasilkan nama file ditambah ekstensi .gif.

3. Klik tabulasi GIF untuk menampilkan tatanan file

seperti yang tampak pada Gambar 15.8.

4. Pada bagian Dimensions, masukkan nilai pixel image

bitmap pada Width dan Height, atau pilih Match Movie

192


untuk membuat GIF dengan ukuran yang sama seperti

Flash Movie.

5. Pilih pilihan pada bagian Playback untuk menentukan

apakah Flash membuat tampilan image tetap / statis

(Static) atau berbentuk animasi GIF (Animated). Jika

Anda memilih Animated, pilih Loop Continuously atau

masukkan jumlah / angka pengulangannya.

Gambar 15.8. Tampilan tabulasi GIF

6. Pilih pilihan pada bagian Options untuk mengatur

tampilan range yang diekspor :

Optimize Colors, untuk menghapus warna-warna

yang tidak digunakan dari file GIF.

Interlace, untuk membuat file yang diekspor

ditampilkan dalam sebuah browser.

Smooth, untuk memperhalus warna bitmap yang

diekspor sehingga menghasilkan tampilan dengan


kualitas yang tinggi dan memperbaiki kualitas

tampilan teks.

Dither Solids, untuk menggunakan warna padat

atau solid sebagai gradasi. Lihat langkah no 8.

Remove Gradients, untuk mematikan pilihan

default, dan mengubah semua warna gradasi dalam

movie ke warna padat / solid dengan menggunakan

warna pertama dalam gradient. Gradient ini

meningkatkan ukuran GIF dan sering menghasilkan

kualitas yang rendah.

7. Pilih pilihan pada bagian Transparent untuk

menentukan transparansi background movie yang akan

diekspor :

Opaque, untuk membuat agar background tampil

dengan warna solid.

Transparent, untuk membuat agar background

tampil dengan tampilan transparan.

Alpha, untuk mengatur transparansi warna. Anda

dapat memasukkan nilai antara 0% sampai dengan

100%.

8. Pilih pilihan pada bagian Dither untuk mengatur pixel

dari warna yang tersedia dikombinasikan dengan warna

yang tidak tersedia dalam palette. Dithering dapat

digunakan untuk memperbaiki kualitas warna, tetapi

menambah kapasitas file. Pilih dari pilihan berikut :

None, untuk mematikan dither dan mengganti

warna yang tidak tersedia dalam tabel warna

dengan warna solid.

Ordered, untuk memberikan dither dengan kualitas

yang baik dan sedikit menambah kapasitas file.

Diffusion, untuk memberikan dither dengan kualitas

yang baik, menambah kapasitas file dan memakan

waktu yang lama dibanding dengan pilihan Ordered.

Pilihan ini hanya bekerja dengan Web 216 warna

194


palette yang terpilih.

9. Pilih pilihan dari bagian Palette Type untuk mengatur

warna palette image:

Web 216, menggunakan warna Standard yaitu 216

warna, browser menggunakan palet warna untuk

membuat image GIF, kualitas image yang baik dan

proses lebih cepat di dalam server.

Adaptive, menganalisa warna di dalam image dan

membuat sebuah tabel warna yang unik untuk

digunakan pada file GIF.

Web Snap Adaptive, pilihan ini sama dengan pilihan

Adaptive kecuali jika file diubah ke ukuran yang

sangat kecil dalam web 216 warna.

Custom, digunakan untuk menentukan sendiri

sebuah palet yang akan digunakan untuk image

yang dipilih. Pilihan Custom diproses sama cepat

seperti palet web 216 warna.

10. Jika Anda memilih Adaptive atau Web Snap Adaptive

pada nomor 9, masukkan nilai pada Max Colors untuk

mengatur nilai warna yang digunakan dalam GIF

image.



Settings.

MEMBUAT FILE JPEG

Format JPEG memungkinkan Anda untuk menyimpan

image seperti mengkompres file. Secara umum, format GIF

akan lebih baik untuk mengekspor objek garis, dan format

JPEG akan lebih baik untuk image seperti photographi,

gradasi, atau bitmap. Flash mengekspor frame pertama

dalam file SWF sebagai JPEG, kecuali kalau Anda

menandai keyframe dengan memasukkan label frame

#Static.


Langkah untuk membuat sebuah file jpeg dari file Flash

adalah :

1. Pilih perintah menu File Publish Settings, sehingga

tampil kotak dialog Publish Settings.

2. Pilih tipe JPEG Image kemudian klik tabulasi JPEG

untuk menampilkan tatanan tipe JPEG, seperti yang

tampak pada Gambar 15.9.

Gambar 15.9. Kotak dialog Publish Settings - tabulasi JPEG

3. Pada bagian Dimensions, masukkan nilai pixel pada

Width dan Height untuk image bitmap yang diekspor,

atau pilih Match Movie untuk membuat ukuran file

JPEG sama dengan Flash movie.

4. Pada bagian Quality, geser slider atau masukkan nilai

untuk mengatur kualitas file JPEG yang digunakan.

5. Klik kotak periksa Progressive untuk menampilkan

Progressive JPEG dalam browser Web, untuk membuat

image tampil lebih cepat saat di-load.

6. Tekan tombol Publish untuk menggunakan tatanan

pilihan di atas dan klik OK untuk menutup kotak dialog

Publish Settings.

196


MEMBUAT FILE PNG

PNG adalah format bitmap yang mendukung proses

transparansi gambar (Channel Alpha). Flash mengekspor

frame pertama dalam movie sebagai sebuah PNG, kecuali

Anda menandai keyframe dengan label frame #Static.

Langkah mempublikasikan sebuah file png dari file Flash

adalah :

1. Pilih perintah menu File Publish Settings.

2. Pilih tipe PNG Image. Masukkan nama khusus pada

bagian File, atau pilih Use Default Name untuk

membuat nama file Flash dengan ekstensi .png.

3. Klik tabulasi PNG untuk menampilkan sub perintahnya

sehingga tampak seperti Gambar 15.10.

Gambar 15.10. Tampilan tabulasi PNG


Pilihan-pilihan yang sama dengan pilihan pada tab GIF,

lihat langkah pembuatan file GIF.

4. Pada bagian Dimensions, masukkan nilai pixel pada

bagian Width dan Height untuk image bitmap yang

diekspor, atau pilih Match Movie untuk membuat

ukuran file PNG yang sama dengan Flash movie.

5. Pilih Bit Depth untuk mengatur jumlah bit per pixel dan

warna yang digunakan untuk membuat image:

Pilih 8-bit untuk menggunakan pilihan 256-warna.

Pilih 24-bit untuk menggunakan pilihan ribuan

warna.

Pilih 24-bit dengan Alpha untuk ribuan warna

dengan transparansi (32 bits).

Semakin tinggi bit depth, semakin besar kapasitas file.

6. Pilih pilihan dari bagian Options untuk mengatur

tampilan PNG yang diekspor:

Optimize Colors

Interlace

Smooth

Dither Solids

7. Pada bagian Filter Options, pilih metode penyaringan

baris per baris untuk membuat file kompresi PNG.

Pilihan metode penyaringan adalah sebagai berikut :

None, untuk mematikan fungsi penyaringan atau

filter.

Sub, untuk menampilkan perbedaan antara masing-

masing byte dengan nilai dari byte pixel sebelumnya.

Up, untuk menampilkan perbedaan antara masing-

masing byte dan nilai byte yang sesuai dengan pixel

di atasnya.

Average, untuk menggunakan rata-rata dari dua

198


pixel pada bagian kiri dan atas untuk memprediksi

nilai pixel.

Path, untuk memperhitungkan fungsi yang

berhubungan dari tiga pixel pada bagian kiri, atas,

dan kiri atas, dan memilih prediksi untuk

menentukan sebuah nilai pixel.

Adaptive, untuk menganalisa warna image dan

membuat tabel warna yang unik pada file PNG yang

dipilih. Pilihan ini lebih baik untuk sistem yang

menampilkan ribuan atau jutaan warna. Pilihan ini

membuat warna yang akurat untuk image tetapi

menghasilkan ukuran file yang lebih besar dari pada

sebuah file PNG yang dibuat dengan palet web 216.

Anda dapat mengecilkan ukuran file PNG yang

dibuat dengan palet Adaptive dengan mengurangi

jumlah warna dalam palet.



Settings.

MEMBUAT FILE EXE

Anda dapat membuat file yang berakhiran EXE dengan

memilih pilihan tipe Windows Projector (.EXE). Langkah

untuk menghasilkan file EXE, lakukan perintah di bawah

ini :

1. Pilih menu File ► Publish Settings, sehingga tampil

kotak dialog Publish Settings seperti nampak pada

Gambar 15.11.

2. Pilih tipe Windows Projector (.exe).

3. Masukkan nama khusus pada bagian File, atau pilih

Use Default Name untuk membuat nama file .exe sama

dengan nama file .fla.


Gambar 15.11. Tampilan tabulasi Format



Settings.

Lihat hasil dari perintah di atas pada folder di mana

Anda menyimpan file tersebut.

200


MENAMPILKAN FORMAT DAN TATANAN DALAM PUBLISHING

Untuk menampilkan movie Flash dengan format publishing,

Anda dapat menggunakan perintah Publish Preview.

Perintah ini untuk mengekspor file dan membuka tampilan

sementara / preview dalam default browser. Jika Anda mem-

preview sebuah movie QuickTime, maka Publish Preview

akan menampilkan QuickTime Movie Player.

Gunakan salah satu perintah untuk menentukan pilihan

dalam mengekspor file dengan kotak dialog Publish Settings

berikut:

Pilih menu File ► Publish Preview, kemudian pilih

format file yang ingin Anda tampilkan.

Tekan F12 untuk mengekspor dan menampilkan format

default.

Mengolah Movie


MENGGUNAKAN PLAYER STAND-ALONE

Player stand-alone memainkan movie Flash Player dalam

sebuah aplikasi Web browser atau sebuah ActiveX.

Anda dapat mengatur movie dalam player stand-alone

menggunakan perintah menu dan action FScommand.

Sebagai contoh, untuk membuat player stand-alone, berikan

action FScommand pada sebuah frame atau tombol dan

kemudian pilih perintah FullScreen dengan argumen True.

Untuk mengontrol movie dari player stand-alone, pilih

pilihan berikut:

Buka sebuah file baru atau file yang sudah jadi dengan

memilih perintah menu File ► New atau File ► Open.

Ubah tampilan movie Anda dengan memilih menu View

► Magnification, dan dari submenu pilih Show All,

Zoom In, Zoom Out, atau 100%.

Atur playback movie dengan memilih menu Control ►

Play, Rewind, Loop, Step Forward atau Step Backward.

MENGEKSPOR MOVIE DAN IMAGE

Perintah Export Movie digunakan untuk mengekspor

sebuah Flash movie ke format still-image dan membuat file

image untuk setiap frame dalam movie. Anda juga dapat

menggunakan Export Movie untuk mengekspor efek suara

dalam movie ke sebuah file WAV.

Untuk mengekspor isi frame yang aktif atau image yang

terpilih salah satu format image, gunakan perintah Export

Image.

Saat Anda mengekspor image Flash sebagai file vector-

graphic (dalam format Adobe Illustrator), informasi

vector akan disimpan. Anda dapat mengedit file ini ke

dalam program lain, tetapi Anda tidak dapat mengimpor

202


image ini ke dalam program pengolah kata (word-

processing).

Saat Anda menyimpan sebuah image Flash sebagai

sebuah file bitmap GIF, JPEG, PICT atau BMP,

informasi vector image hilang dan hanya disimpan

dengan informasi pixel. Anda dapat menyunting Flash

image yang diekspor sebagai bitmap dalam image editor

seperti Adobe Photoshop.

Langkah untuk mengekspor sebuah movie atau image

adalah :

1. Jika Anda mengekspor sebuah image, pilih frame atau

image dari movie yang aktif yang ingin di-export.

2. Pilih menu File ► Export Movie, sehingga tampil kotak

dialog Export Movie seperti Gambar 16.1. Anda juga

dapat menggunakan perintah File ► Export Image

untuk mengekspor Image.

3. Tentukan lokasi penyimpanan untuk file output dan

nama file pada bagian File Name. Misalnya Animasi1.

4. Pilih tipe file dari menu pop-up Save as type, misalnya

Animated GIF (*.gif) kemudian klik tombol Save,

sehingga tampil kotak dialog Export GIF seperti Gambar

16.2.

5. Tentukan aturan-aturan yang tampil sebagai berikut :

Resolution, digunakan untuk menentukan resolusi

file yang diekspor.

Animation, digunakan untuk menentukan jumlah

pengulangan animasi. Jika Anda memberikan nilai

0, maka animasi akan diulang secara terus-menerus.

Colors, digunakan untuk menentukan jumlah warna

yang akan digunakan saat mengekspor file tersebut.


Gambar 16.1. Kotak dialog Export Movie

Gambar 16.2. Kotak dialog Export GIF

6. Klik Tombol OK untuk mengakhiri proses.

Macromedia Flash 8

Documents

Transcript of Macromedia Flash 8