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
Mahir Macromedia Flash Profesional 8 3
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
4 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 5
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
6 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 7
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
8 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 9
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
10 Mahir Macromedia 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.
Mahir Macromedia Flash Profesional 8 11
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.
12 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 13
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.
14 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 15
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
16 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 17
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.
18 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 19
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
20 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 21
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
22 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 23
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
24 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 25
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
26 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 27
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.
28 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 29
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
30 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 31
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.
32 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 33
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
34 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 35
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
36 Mahir Macromedia Flash Profesional 8
3.4. Mengubah Warna Bidang
Gunakan langkah berikut:
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
Gunakan langkah berikut:
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
Mahir Macromedia Flash Profesional 8 37
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
38 Mahir Macromedia Flash Profesional 8
Gambar 3.6. Mengatur transparansi warna
3.6. Mengubah ukuran Objek
Gunakan langkah berikut:
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%
Mahir Macromedia Flash Profesional 8 39
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.
Perhatikan Gambar 3.9.
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.
40 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 41
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
42 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 43
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.
44 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 45
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
bidang gambar dengan garis (outline) yang
mempunyai celah sedang.
Close Large Gaps digunakan untuk mewarnai
bidang gambar dengan garis (outline) yang
mempunyai celah besar. Perhatikan Gambar 3.20.
Gambar 3.20. Option untuk Paint Bucket Tool
4. Dalam contoh ini menggunakan pilihan Close Medium
Gaps.
46 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 47
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
48 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 49
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
50 Mahir Macromedia Flash Profesional 8
3.10. Menggunakan Color Mixer
Gunakan langkah berikut:
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)
Mahir Macromedia Flash Profesional 8 51
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
52 Mahir Macromedia Flash Profesional 8
Gambar 3.29. Posisi ketiga objek
2. Gunakan Selection Tool dan pilih objek Lingkaran.
Perhatikan Gambar 3.30.
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.
Mahir Macromedia Flash Profesional 8 53
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.
Perhatikan Gambar 3.31.
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.
54 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 55
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
seperti pada Gambar 3.34.
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.
56 Mahir Macromedia Flash Profesional 8
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.
Gunakan langkah berikut:
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.
Mahir Macromedia Flash Profesional 8 57
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
masing-masing bidang
pemecahan warna.
Corner threshold Mengatur sisi tajam pada
masing-masing bidang
pemecahan warna.
4. Hasil Trace Bitmap nampak seperti pada Gambar 3.38.
58 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 59
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.
Perhatikan Gambar 4.1.
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
60 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 61
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.
Perhatikan gambar 4.4.
Gambar 4.4. Menentukan jenis teks
Mengedit Teks
Gunakan langkah berikut:
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.
62 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 63
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.
Perhatikan gambar 4.9.
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.
64 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 65
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.
66 Mahir Macromedia Flash Profesional 8
Gambar 4.12. Mengatur arah pengetikan teks
Mengatur Jarak Antar Karakter
Gunakan langkah berikut:
1. Aktifkan teks yang akan diatur jarak karakternya.
2. Selanjutnya gunakan Character Spacing pada properties
inspector untuk mengatur jarak antar karakter.
Perhatikan Gambar 4.13.
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.
Mahir Macromedia Flash Profesional 8 67
Memformat Teks Paragraf
Gunakan langkah berikut:
1. Aktifkan teks paragraf yang akan diformat.
Perhatikan Gambar 4.14.
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.
68 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 69
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
seperti pada Gambar 4.19.
Indent (First Line)
Left Indent Right Indent
Line Spacing
70 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 71
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
72 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 73
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.
74 Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 75
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.
76 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 77
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
Gunakan langkah berikut:
1. Pilih layer yang akan dimasukkan ke dalam folder.
Perhatikan gambar 5.6.
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
78 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 79
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
80 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 81
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
82 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 83
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
84 Mahir Macromedia Flash Profesional 8
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.
Perhatikan Gambar 6.5.
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.
Perhatikan Gambar 6.6.
Objek polygon Posisi awal objek polygon pada frame 1
Mahir Macromedia Flash Profesional 8 85
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
86 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 87
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
Gunakan langkah berikut:
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.
3. Klik kanan pada frame 20, pilih Insert Keyframe.
Gambar 6.12. Menyisipkan keyframe 20
Objek lingkaran Posisi awal objek lingkaran pada frame 1
Klik kanan frame 20 – pilih Insert Keyframe.
88 Mahir Macromedia Flash Profesional 8
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
Gunakan langkah berikut:
1. Buat objek lingkaran pada frame 1 dengan
mengaktifkan peranti Object Drawing. Perhatikan
Gambar 6.15.
Klik kanan diantara frame 1 sampai dengan 20.
Mahir Macromedia Flash Profesional 8 89
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
90 Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 91
6. Jalankan animasi dan perhatikan hasilnya.
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.
2. Klik kanan frame 20, pilih Insert Keyframe.
3. Klik kanan di antara frame 1 sampai dengan frame 20 –
pilih Create Motion Tween.
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
92 Mahir Macromedia Flash Profesional 8
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.
7. Jalankan animasi dan perhatikan hasilnya.
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.
4. Klik kanan frame 10, pilih Insert Keyframe.
5. Klik kanan diantara frame 1 sampai dengan frame 10,
pilih Create Motion Tween.
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
Mahir Macromedia Flash Profesional 8 93
7. Klik kanan frame 20, pilih Insert Keyframe.
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
10. Klik kanan frame 30, pilih Insert Keyframe.
11. Klik kanan diantara frame 20 sampai dengan frame 30,
pilih Create Motion Tween.
12. Klik frame 30 dan ubah ukuran objek kotak lebih besar
dari ukuran semula. Gunakan Free Transform Tool
untuk mengubah ukuran objek.
13. Klik kanan frame 40, pilih Insert Keyframe.
14. Klik kanan diantara frame 30 sampai dengan frame 40,
pilih Create Motion Tween.
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.
94 Mahir Macromedia Flash Profesional 8
Gambar 6.24. Tampilan timeline animasi gabungan 2
19. Jalankan animasi dan perhatikan hasilnya.
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.
Gunakan langkah berikut:
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
Mahir Macromedia Flash Profesional 8 95
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
96 Mahir Macromedia Flash Profesional 8
Gambar 6.27. Objek kotak pada frame 20
5. Klik diantara frame 1 sampai dengan frame 20.
6. Ubah pilihan Tween pada jendela properties menjadi
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.
Mahir Macromedia Flash Profesional 8 97
Gambar 6.29. Hasil animasi perubahan bentuk
Shape 2
Animasi perubahan bentuk berikutnya akan kita terapkan
pada objek teks. Gunakan langkah berikut:
1. Siapkan lembar kerja baru dengan tampilan default.
2. Buat objek teks “Animasi Shape” pada frame 1.
Gambar 6.30. Teks “Animation Graphic” pada frame 1
98 Mahir Macromedia Flash Profesional 8
3. Klik kanan frame 15, pilih Insert Keyframe.
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
seperti pada Gambar 6.32.
Gambar 6.32. Teks “ Animasi Shape” menjadi shape
Mahir Macromedia Flash Profesional 8 99
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.
9. Ubah pilihan Tween pada jendela properties menjadi
Shape.
10. Jalankan animasi dan perhatikan hasilnya.
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
seperti pada Gambar 6.34.
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.
Mahir Macromedia Flash Profesional 8 101
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
Mahir Macromedia Flash Profesional 8
Gambar 6.38. Posisi shape hint pertama
12. Tambahkan tiga shape hint dan atur posisinya seperti
nampak pada Gambar 6.39.
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.
Mahir Macromedia Flash Profesional 8 103
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.
Perhatikan Gambar 6.42.
104
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 105
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 107
Gambar 6.48. Posisi objek lingkaran pada frame 30
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
11. Jalankan animasi dan perhatikan hasilnya.
Gambar 6.50. Alur animasi Motion Guide
108
Mahir Macromedia Flash Profesional 8
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”
Mahir Macromedia Flash Profesional 8 109
5. Perpanjang teks “Flash Profesional 8” hingga frame 25
dengan cara klik kanan frame 25 ► pilih Insert Frame.
Perhatikan Gambar 6.53.
Gambar 6.53. Memperpanjang frame
6. Selanjutnya klik pada frame 1 dalam layer “Blok
Masking”.
7. Buah objek lingkaran dan letakkan posisi objek seperti
nampak pada Gambar 6.54.
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
Mahir Macromedia Flash Profesional 8
Gambar 6.55. Posisi objek lingkaran pada frame 25
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.
Perhatikan Gambar 6.57.
Mahir Macromedia Flash Profesional 8 111
Gambar 6.57. Masking pada layer “Blok Masking”
12. Jalankan animasi dan perhatikan hasilnya.
Klik kanan – pilih Mask
112
Mahir Macromedia Flash Profesional 8
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:
1. Siapkan lembar kerja baru dengan tampilan default.
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
Mahir Macromedia Flash Profesional 8 113
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.
11. Jalankan animasi dan perhatikan hasilnya.
Animasi Teks
Objek teks dapat juga digunakan untuk membuat animasi
frame per frame. Gunakan langkah berikut:
1. Siapkan lembar kerja baru dengan tampilan default.
2. Buat objek teks dengan mengetikkan angka “1” pada
frame 1. Perhatikan Gambar 7.2.
114
Mahir Macromedia Flash Profesional 8
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.
5. Klik frame 3 dan ubah teks pada frame tersebut menjadi
angka “8”.
6. Klik frame 4 dan ubah teks pada frame tersebut menjadi
angka “2”. Perhatikan Gambar 7.4.
Mahir Macromedia Flash Profesional 8 115
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.
8. Jalankan animasi dan perhatikan hasilnya.
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.
4. Jalankan animasi dan perhatikan hasilnya.
116
Mahir Macromedia Flash Profesional 8
Frame 1 Frame 2
Frame 3 Frame 4
Frame 5 Frame 6
Frame 7
Gambar 7.5. Gerakan pada tiap frame
Mahir Macromedia Flash Profesional 8 117
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
Mahir Macromedia Flash Profesional 8
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.
Perhatikan Gambar 8.3.
Mahir Macromedia Flash Profesional 8 119
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
Mahir Macromedia Flash Profesional 8
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.
11. Jalankan animasi dan perhatikan hasilnya.
12. Apabila Anda menggunakan sebuah file suara untuk
keperluan backsound animasi, maka jumlah frame harus
disesuaikan dengan panjang file suara.
Mahir Macromedia Flash Profesional 8 121
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
Mahir Macromedia Flash Profesional 8
MEMBUAT SYMBOL
Pembuatan symbol dapat dilakukan dengan dua cara yaitu
membuat symbol baru atau mengkonversi sebuah objek
menjadi symbol.
Membuat Symbol Baru
Gunakan langkah berikut:
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
Gunakan langkah berikut:
1. Pilih Objek yang akan dikonversi menjadi sebuah
symbol. Perhatikan Gambar 9.2.
Mahir Macromedia Flash Profesional 8 123
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
Symbol seperti pada Gambar 9.3.
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
Mahir Macromedia Flash Profesional 8
Menyalin Symbol
Gunakan langkah berikut:
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.
Mahir Macromedia Flash Profesional 8 125
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
Gunakan langkah berikut:
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
Mahir Macromedia Flash Profesional 8
Menghapus Symbol
Gunakan langkah berikut:
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
Gunakan langkah berikut:
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
Mahir Macromedia Flash Profesional 8 127
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
Mahir Macromedia Flash Profesional 8
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
Symbol seperti pada Gambar 10.1.
Gambar 10.1. Kotak dialog Create New Symbol
Movie Clip
Mahir Macromedia Flash Profesional 8 129
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
seperti pada Gambar 10.3.
Gambar 10.3. Objek bintang pada frame 1
Movie clip
“Bintang”
130
Mahir Macromedia Flash Profesional 8
9. Klik kanan pada frame 20, pilih Insert Keyframe.
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).
14. Tekan F11 untuk menampilkan jendela Library.
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
Mahir Macromedia Flash Profesional 8 131
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
Mahir Macromedia Flash Profesional 8
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..
2. Tekan F11 untuk menampilkan jendela Library.
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.
Mahir Macromedia Flash Profesional 8 133
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 135
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 137
Darken
Multiply
Lighten
Screen
Overlay
Hard Light
Add
Difference
Gambar 10.13. Hasil Blend Mode
138
Mahir Macromedia Flash Profesional 8
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:
1. Siapkan lembar kerja baru dengan tampilan default.
Symbol Button
Mahir Macromedia Flash Profesional 8 139
2. Klik menu Insert New Symbol sehingga tampil kotak
dialog Create New Symbol seperti pada Gambar 11.1.
Gambar 11.1. Kotak dialog Create New Symbol
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
Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 141
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
Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 143
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 145
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 147
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 149
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 151
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 153
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 155
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
Mahir Macromedia Flash Profesional 8
‟{„ 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
Mahir Macromedia Flash Profesional 8 157
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
Mahir Macromedia Flash Profesional 8
.
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
Mahir Macromedia Flash Profesional 8 159
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 161
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
Mahir Macromedia Flash Profesional 8
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);
}
Mahir Macromedia Flash Profesional 8 163
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);
}
Pengertian dari perintah di atas adalah jika tombol
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.
2. Klik pada frame 1.
3. Tampilkan Panel Library-Buttons dan sisipkan sebuah
tombol.
4. Dalam scene 1, buat teks “Halaman 1”. Perhatikan
gambar 13.4.
164
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 165
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);
}
Pengertian dari perintah di atas adalah jika tombol
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
Mahir Macromedia Flash Profesional 8
Pengertian dari perintah di atas adalah jika tombol
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);
}
Pengertian dari perintah di atas adalah jika tombol
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.
Mahir Macromedia Flash Profesional 8 167
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);
}
Pengertian dari perintah di atas adalah jika tombol
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.
Gunakan langkah berikut:
1. Buat lembar kerja baru dengan tampilan default.
168
Mahir Macromedia Flash Profesional 8
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.
4. Klik kanan frame 20, pilih Insert Keyframe.
5. Klik kanan frame 40, 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
7. Klik pada frame 2.
8. Buat teks “BELAJAR” dengan menggunakan Text Tool.
Perhatikan hasilnya pada Gambar 13.10.
Mahir Macromedia Flash Profesional 8 169
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
11. Klik pada frame 40.
12. Buat teks “OK” seperti pada Gambar 13.12.
170
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 171
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
Mahir Macromedia Flash Profesional 8
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) {
gotoAndPlay (“Tampilan 2”) ;
}
Script tombol ketiga:
On (release) {
gotoAndPlay (“Tampilan 3”) ;
}
Mahir Macromedia Flash Profesional 8 173
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 175
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
Mahir Macromedia Flash Profesional 8
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…
Mahir Macromedia Flash Profesional 8 177
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
Mahir Macromedia Flash Profesional 8
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…
Mahir Macromedia Flash Profesional 8 179
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
Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 181
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
Mahir Macromedia Flash Profesional 8
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.
Mahir Macromedia Flash Profesional 8 183
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 185
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 187
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
Mahir Macromedia Flash Profesional 8
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 :
Mahir Macromedia Flash Profesional 8 189
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 191
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 193
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
Mahir Macromedia Flash Profesional 8
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.
11. Tekan tombol Publish untuk menjalankan pilihan di
atas dan klik OK untuk menutup kotak dialog Publish
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.
Mahir Macromedia Flash Profesional 8 195
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
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 197
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
Mahir Macromedia Flash Profesional 8
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.
8. Tekan tombol Publish untuk menjalankan pilihan di
atas dan klik OK untuk menutup kotak dialog Publish
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.
Mahir Macromedia Flash Profesional 8 199
Gambar 15.11. Tampilan tabulasi Format
4. Tekan tombol Publish untuk menjalankan pilihan di
atas dan klik OK untuk menutup kotak dialog Publish
Settings.
Lihat hasil dari perintah di atas pada folder di mana
Anda menyimpan file tersebut.
200
Mahir Macromedia Flash Profesional 8
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
Mahir Macromedia Flash Profesional 8 201
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
Mahir Macromedia Flash Profesional 8
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.
Top Related