MACROMEDIA FLASH
Macromedia
Flash adalah program aplikasi yang bisa digunakan untuk membuat sebuah animasi
sederhana sampai sebuah aplikasi web interaktif yang kompleks, seperti sebuah
toko online. Anda dapat membuat media aplikasi Flash anda diperkaya dengan
gambar/foto, sound, dan video. Flash memiliki banyak fitur yang membuatnya
powerful tapi mudah digunakan, seperti komponen user interface yang
draganddrop, ActionScript untuk membuat aplikasi menjadi interaktif, dan
efekefek khusus yang dapat ditambahkan ke obyek.
Saat anda
menggunakan Flash, anda membuat dokumen Flash, disebut movie, file yang
tersimpan dengan ekstensi .fla. Saat anda menyelesaikan dokumen anda, anda
perlu merubahnya ke format lain, disebut Shockwave, file dengan ekstensi .swf.
File SWF ini dijalankan oleh Flash Player, yang secara default telah terinstall
saat anda menginstall Flash. Adanya Flash Player ini memastikan movie anda bisa
dijalankan pada banyak perangkat, dan browser. Anda bisa memperoleh player
terbaru dari Macromedia Flash Player Download Center
(http://www.macromedia.com/go/getflashplayer).
Versi
Macromedia Flash
Pada saat
buku ini ditulis, terdapat dua versi terbaru Macromedia Flash: Flash MX 2004
dan Flash MX Professional 2004. Untuk memastikan versi mana yang sedang anda
gunakan, pilih menu Help > About Flash saat anda sudah menjalankan program.
Perbedaan dari dua versi Flash ini adalah: terdapat tambahan fasilitas baru
pada Flash MX Professional 2004, khususnya perangkat projectmanagement untuk
mengoptimalkan kerja dalam kelompok, misal antar anggota web team yang terdiri
dari designers dan developers.
Persiapan
Bekerja dengan Flash Pada saat anda membuka aplikasi Macromedia Flash untuk
pertama kali, anda akan diberikan beberapa pilihan pada halaman pembukanya.
Pilihan itu
meliputi:
· Open a
Recent Item Untuk membuka file – file yang pernah dibuat/dikerjakan sebelumnya.
· Open
Membuka file yang telah disimpan. Format file yang dipergunakan pada Macromedia
Flash adalah *.fla (Flash document), format ini menampung data – data asli pada
saat pembuatan sebuah movie.
· Create New
Membuat file baru.
· Create
from Template Membuat sebuah halaman baru dengan desain layout dasar mengacu
pada desain yang telah disediakan. Keuntungan membuat dokumen dari file
template adalah sudah disediakan desain layout dan sudah diberikan script –
script yang dibutuhkan.
Bidang Kerja
Macromedia Flash Secara umum tampilan window Macromedia Flash dapat dilihat
sebagai berikut : Keterangan :
a) Timeline
Timeline berguna untuk mengatur waktu tampilan sebuah obyek, selain itu dalam
beberapa kondisi khusus dapat diergunakan untuk meletakan action script.
b) Toolbox
Berisi tools yang dapat anda pergunakan untuk membuat / mengolah tampilan.
c) Stage
Stage adalah bidang kerja, pada stage dapat anda perhatikan adanya warna putih
dan warna abu–abu. Daerah putih adalah bidang kerja yang ditampilakan sedangkan
daerah abu–abu tidak akan ditampilkan pada hasil.
d)
Properties Memuat berbagai macam atribut obyek terpilih, dan bisa dimodifikasi
e) Docking
area Dipergunakan untuk mengumpulkan panelpanel
Fungsi tool
pada toolbox
a. Selection
tool Tool ini dipergunakan untuk memilih dan juga bisa dipergunakan untuk
menggeser sebuah obyek, dan memodifikasi bentuk garis luar (stroke).
b. Sub
Selection Tool ini dipergunakan untuk memilih node (titik) di dalam sebuah
obyek shape yang masih saling berhubungan. Dapat pula dipergunakan untuk
mengatur sudut shape.
c. Line Tool
Membuat sebuah garis dalam mode vector. Bila menggunakan tool ini shape yang
dibuat tidak dapat dilengkungkan secara langsung (dalam pembuatannya)
d. Lasso
Tool Dipergunakan untuk memilih area tertentu dalam obyek berbasis vector untuk
diolah secara terpisah.
e. Pen Tool
Dipergunakan untuk membuat shape / kurva secara langsung dalam pembuatannya.
f. Text Tool
Untuk membuat obyek berupa text yang dapat di set sesuai dengan kebutuhan.
g. Oval Tool
Membuat obyek berupa lingkaran, terbagi dalam 2 buah obyek yaitu garis luar dan
bagian dalam(berwarna)
h. Rectangle
Tool Membuat obyek berupa kotak, terbagi dalam 2 buah obyek yaitu garis luar
dan bagian dalam(berwarna)
i. Pencil
Tool Hampir sama dengan line tool, dalam tool ini dapat dipilih tingkat
penghalusan shape yang diinginkan.
j. Brush
Tool Secara umum hampir sama seperti pencil tool, perbedaannya adalah pada
intensitas warna yang dihasilkan.
k. Free
Transform Tool Dipergunakan untuk memutar ataupun membuat obyek menjadi
asimetris.
l. Fill
Transform Tool Dipergunakan untuk mengubah arah ataupun jangkauan dari sebuah
obyek yang memiliki warna–warna gradasi.
m. Ink
Bottle Tool Memberikan garis luar (out line) pada obyek isian yang tidak
memiliki garis luar.
n. Paint
Bucket Tool Memberikan warna yang merata pada sebuah obyek isian yang memiliki
warna senada
o. Eyes
dropper Tool Mengambil contoh warna yang diinginkan di daerah manapun selama
masih dalam program Macromedia Flash.
p. Eraser
Tool Digunakan untuk menghapus obyek berbasis vector. Ukuran dapat disesuaikan
dengan kebutuhan.
q. Hand tool
Menggeser layar bidang kerja sesuai dengan arah yang diinginkan, cara
penggunaannya seperti drag.
r. Zoom Tool
Memperbesar tampilan ataupun memperkecil tampilan bidang kerja.
s. Stroke
Color Memberikan warna pada garis luar / outline
t. Fill
Color Memberikan warna isi pada obyek.
Fungsi
Timeline Keterangan :
a. layer
area menunjukan layer yang dipergunakan, meliputi layer, layer mask dan guide
layer.
b. Playhead
Menunjukan posisi frame yang di tampilkan pada bidang kerja.
c. Timeline
header Penunjuk jumlah frame
d. Frame
View scale Mengubah tampilan pada timeline menjadi lebih besar atau lebih kecil
e. Frame
area Tempat untuk mengatur frame.
f. Make a
new layer Membuat layer baru.
g. Make a
guideline Untuk membuat path yang dapat diikuti obyek pada saat dianimasikan.
h. Delete
layer Menghapus layer yang dipilih
i. Playhead
center Memposisikan playhead pada area union skin
j. Union
skin Menampilkan beberapa frame secara bersamaan
k. Playhead
position Menunjukan posisi (nomor frame) dari playhead
l. Frame
rate Menunjukan berapa banyak frame yang dipergunakaan untuk pembuatan 1 detik
animasi.
m. Elapsed
time indikator Perkiraan waktu total presentasi.
Catatan:
· Frame Per
Second (fps) adalah satuan yang dijadikan dasar untuk menghitung berapa durasi
dari animasi, yaitu berapa frame yang dilewati playhead dalam 1 (satu) detik.
· Frame
adalah 1 (satu) kotak yang terdapat dalam timeline.
Bekerja
dengan Obyek
- Menggambar
Pada Macromedia Flash, anda bekerja dengan menggunakan vektor sebagai
defaultnya. Secara umum, untuk membuat sebuah obyek gambar pada stage, lakukan
langkah berikut:
1. Pilih
(klik) tool yang sesuai pada toolbox
2. (bila
perlu) Atur properti tool tersebut pada Property Inspector
3. Drag pada
stage untuk membuat obyek.
Menandai /
Mengaktifkan Obyek Untuk bisa memodifikasi sebuah obyek, anda harus terlebih
dahulu menandai atau mengaktifkannya. Flash menyediakan beberapa cara untuk
menandai, di antaranya menggunakan Selection tool, Lasso tool, dan menggunakan
keyboard. Selain keseluruhan obyek, anda bisa menandai hanya isi obyek (fill),
atau hanya garis luarnya (stroke). Obyek yang ditandai memiliki tampilan yang
berbeda dari obyek lainnya (highlighted). Anda bisa menyembunyikan selection
highlighting dengan tujuan bisa mengedit tanpa harus melihat tanda seleksi
tersebut.
Menandai
obyek dengan Selection tool Selection tool bisa anda gunakan untuk menandai
keseluruhan obyek dengan cara klik obyek atau drag melingkupi obyek membentuk
rectangular selection.
Untuk
menandai garis luar, isi, group, instance, atau blok teks = Pilih Selection
tool dan klik pada obyek.
Untuk
menandai garisgaris yang berhubungan = Pilih Selection tool dan dobelklik salah
satu garis.
Untuk
menandai keseluruhan obyek (isi dan juga garis luarnya) = Pilih Selection tool
dan dobelklik isinya.
Menandai
obyek menggunakan Lasso tool = Untuk menandai sebagian obyek yang areanya
berbentuk tidak beraturan, anda bisa menggunakan Lasso tool dan modifier
Polygon Modenya.
Untuk
menandai obyek dengan membuat area tak beraturan = Pilih Lasso tool dan drag
membentuk area yang diinginkan. Akhiri membentuk area pada posisi awal drag.
Untuk
menandai obyek dengan membuat area yang dibatasi garis lurus:
1. Pilih
Lasso tool dan pilih Polygon Mode modifier pada bagian Options di bagian bawah
toolbox.
2. Klik pada
posisi awal.
3. Geser
pointer mouse pada posisi berikutnya, dan klik. Lanjutkan sampai terbentuk area
yang diinginkan.
4. Untuk
mengakhiri, dobelklik. Isi dan outline tertandai outline tertandai Isi
tertandai Tidak tertandai
Mengelompokkan
obyek = Untuk memodifikasi sekumpulan obyek bersamasama, anda perlu
mengelompokkannya. Saat anda menandai sebuah group, Property inspector
menampilkan koordinat x dan y dari group dan dimensi pixelnya.
Untuk
membuat sebuah group:
1. Tandai
obyekobyek pada Stage yang ingin dikelompokkan. Anda bisa menandai shapes,
group lainnya, symbol, text, dan yang lainnya.
2. Pilih
menu Modify > Group, atau tekan Control+G (Windows) atau Command+G
(Macintosh).
Untuk
memisahkan group = Pilih menu Modify > Ungroup, atau tekan Control+Shift+G
(Windows) atau Command+Shift+G (Macintosh).
Transformasi
obyek grafik = Anda bisa melakukan transformasi pada obyek tipe grafik, seperti
group, blok teks, dan instance, menggunakan Free Transform tool atau
menggunakan menu Modify > Transform. Tergantung dari tipe elemen yang anda
tandai, anda bisa melakukan transformasi bebas, memutar, merubah ukuran,
memiringkan sisi, atau memberi distorsi pada elemen tersebut.
Transformasi
obyek dengan bebas = Anda bisa menggunakan Free Transform tool untuk bisa
melakukan transformasi bebas, seperti memindah, merubah ukuran, memutar dan
yang lain.
Untuk
melakukan transformasi bebas:
1. Tandai
obyek pada Stage.
2. Klik Free
Transform tool . Arahkan pointer mouse pada obyek sampai bentuk pointer mouse
berubah.
3. Drag
handel untuk melakukan transformasi sebagai berikut:
- Untuk
memindahkan obyek, posisikan pointer di dalam obyek (tapi tidak pada pusat
karena pusat obyek adalah transformation point), dan drag ke posisi yang
diinginkan.
- Untuk
merubah posisi pusat rotasi atau perubahan ukuran, drag transformation point ke
posisi yang diinginkan.
- Untuk
memutar obyek, posisikan di sebelah luar handel sudut, lalu drag. Bila anda
drag sambil menekan tombol Shift, putaran akan berubah setiap 45°. Bila anda
drag sambil menekan Alt (Windows) atau Option (Macintosh), putaran dilakukan
terhadap sudut yang berlawanan.
- Untuk
merubah ukuran, drag handel. Gunakan handel tengah untuk merubah ukuran pada
satu arah, drag handel sudut untuk merubah ukuran secara horizontal dan
vertikal. Tekan tombol Shift untuk merubah ukuran secara proporsional.
- Untuk
memiringkan sisi obyek, posisikan pointer pada garis luar di antara handel, dan
drag.
- Untuk
mendistorsi obyek, tekan Control (Windows) atau Command (Macintosh) dan drag
handel.
Catatan:
Free Transform tool tidak bisa digunakan untuk melakukan transformasi pada
symbol, bitmap, video, sound, gradien, atau teks.
4. Untuk
mengakhiri transformasi, klik di luar obyek.
Memisah
group dan obyek dengan Break Apart = Untuk memisahkan group, instance, teks dan
bitmap menjadi elemen yang bisa diedit, anda bisa menggunakan perintah Break
Apart. Perintah ini memodifikasi obyek sebagai berikut:
·
Mengembalikan instance dari simbol menjadi obyek sendiri, seperti simbolnya.
·
Memodifikasi bitmap menjadi obyek shape dengan fill bitmap tersebut.
· Membuat
setiap huruf dari blok teks menjadi blok teks sendiri.
·
Mengkonversi huruf / character menjadi obyek shape.
Untuk
memberikan perintah break apart:
1. Tandai
group, bitmap, teks, atau symbol yang diinginkan.
2. Pilih
menu Modify > Break Apart.
Mengubah
Warna Isi dan Garis luar = Secara umum perubahan warna anda bisa lakukan dengan
menggunakan (ink bottle tool) untuk mengubah warna garis dan (paint bucket
tool) untuk mengubah warna isi obyek. Selain itu anda juga bisa lakukan dengan
cara menandai obyek terlebih dahulu sebelum kemudian mengganti warnanya.
Untuk
merubah warna isi:
1. Tandai
fill dari obyek yang akan dirubah warnanya (klik bagian dalam dari obyek)
2. Pada
panel Properties klik Fill Color , lalu pilih warna yang diinginkan
Menggunakan
gradasi warna untuk isi Untuk warna isi anda bisa menggunakan gradasi warna
dengan cara:
1. Tandai
fill dari obyek yang akan dirubah warnanya (klik bagian dalam dari obyek)
2. Pada
panel Color Mixer pilih tipe pewarnaan Linear atau Radial Klik
Memodifikasi
bentuk menggunakan gabungan obyek Obyek tipe vector memberikan keuntungan
tersendiri dalam mengedit obyek yang sudah ada, misal dalam hal pembentukan
bentuk baru menggunakan obyek yang sudah ada.
Mengimport
artwork
Macromedia
Flash dapat menggunakan artwork/obyek yang dibuat menggunakan program aplikasi
lain. Anda bisa mengimport berbagai macam format grafik vector dan bitmap. Bila
program Quick Time 4 atau yang lebih baru terinstall, lebih banyak lagi format
file yang bisa diimport. Bila anda mengimport sebuah bitmap, anda dapat
melakukan kompresi, menempatkan bitmap langsung pada dokumen Flash, menggunakan
bitmap sebagai pola isian obyek, mengedit bitmap menggunakan editor eksternal,
mengurai (break apart) bitmap menjadi pixel dan mengeditnya di Flash, atau
mengkonversiya ke grafik vector. Anda juga bisa mengimport video dan audio ke
dokumen Flash.
Menempatkan
artwork
Flash
mengenali banyak format file. Anda bisa menempatkan artwork ke Flash dengan
mengimportnya ke stage, atau ke library dari dokumen aktif. Anda bisa juga
menempatkan bitmap dengan cara copypaste langsung ke Stage. Semua bitmap yang
diimport langsung ke stage akan secara otomatis ditempatkan dalam library
dokumen.
Untuk
mengimport file ke dokumen Flash:
1. Lakukan
salah satu perintah berikut:
-Untuk
mengimport file langsung ke stage, pilih menu File > Import to Stage.
- Untuk
mengimport file ke dalam library, pilih menu File > Import to Library.
2. Pada
kotak dialog Import, pilih salah satu format file dari menu popup Files of type
(Windows) atau Show (Macintosh).
3. Pilih
salah satu file.
4. Klik
Open.
Mengimport
grafik bitmap atau vektor
Jumlah
format file vektor dan bitma yang bisa diimport Flash tergantung dari ada
tidaknya program QuickTime 4 (atau yang lebih baru). QuickTime 4 menambahkan
formatformat seperti: Adobe Photoshop, PICT, QuickTime Movie, dan lainnya.
Mengedit
Bitmap
Untuk dapat
diedit di dalam Macromedia Flash, setelah diimport, bitmap bisa diberi dua
macam perlakuan:
-Break apart
- Merubah ke
vektor
Perintah
break apart pada bitmap dilakukan dengan:
1. Tandai
bitmap.
2. Pilih
menu Modify > Break Apart.
Perintah
Break apart yang diberikan pada bitmap memisahkan pixelpixel pada image menjadi
area yang terpisah, dan dapat ditandai atau dimodifikasi. Anda bisa
memodifikasi bitmap menggunakan perangkat drawing dan painting tool.
Menggunakan Lasso tool dengan Magic Wand modifier, anda dapat menandai area
bitmap yang telah dibreak apart, bisa menghapus area yang tidak diinginkan
menggunakan eraser. Anda bisa mengganti warna area bitmap menggunakan
Eyedropper tool dan menggunakan bitmap sebagai pola isian menggunakan Paint
Bucket tool.
Mengkonversi
bitmap menjadi grafik vector
Anda bisa
menggunakan perintah Trace Bitmap untuk mengkonversi bitmap menjadi grafik vector
dengan area warna terpisah, dan bisa diedit. Saat anda mengkonversi sebuah
bitmap menjadi vektor, obyek yang dihasilkan tidak terikat atau berhubungan
lagi dengan symbol bitmap pada panel Library.
Catatan:
Secara umum, vektor hasil konversi berukuran lebih kecil dari bitmap asalnya.
Namun bila bitmap yang dikonversi berisi elemen yang kompleks dan mengandung
banyak warna (foto misalnya), vektor hasil konversi bisa berukuran lebih besar.
Coba atur setting pada kotak dialog Trace Bitmap untuk memperoleh keseimbangan
antara ukuran file dan kualitas image.
Untuk
mengkonversi bitmap menjadi grafik vector, lakukan langkah berikut:
1. Tandai
bitmap.
2. Pilih
menu Modify > Bitmap > Trace Bitmap.
3. Masukkan
nilai Color Threshold antara 1 dan 500. When two pixels are compared, if the
difference in the RGB color values is less than the color threshold, the two
pixels are considered the same color. As you increase the threshold value, you
decrease the number of colors.
4. Untuk
Minimum Area, masukkan nilai antara 1 dan 1000 untuk menentukan jumlah pixel di
sekeliling area untuk menentukan kapan memberi sebuah warna pada sebuah pixel.
5. Untuk
Curve Fit, pilih option dari menu popup untuk menentukan seberapa halus outline
yang dihasilkan.
6. Untuk
Corner Threshold, pilih option dari menu popup untuk menentukan apakah bagian
tepi bitmap yang tajam dipertahankan atau dihaluskan. Untuk menghasilkan grafik
vector yang menyerupai bitmap aslinya, gunakan setting berikut:
- Color
Threshold: 10
- Minimum
Area: 1 pixel
- Curve Fit:
Pixels
- Corner
Threshold: Many Corners
