2.9 Adobe Flash CS3 Professional
Adobe Flash CS3 Professional, merupakan software yang dirancang untuk membuat animasi berbasis vektor dengan hasil yang mempunyai ukuran yang kecil.
Awalnya software ini memang diarahkan untuk membuat animasi atau aplikasi berbasis internet online. Tetapi pada perkembangannya banyak digunakan untuk
membuat animasi atau aplikasi yang bukan berbasis internet offline. Adobe Flash CS3 Professional dapat digunakan untuk sebagai mengembangkan game atau bahan
ajar seperti kuis atau simulasi. Penggunaan Adobe Flash CS3 Professional untuk animasi atau pembuatan bahan ajar interaktif tidaklah sulit, tool-tool yang tersedia
cukup mudah digunakan, beberapa template dan component juga sudah disediakan dan siap digunakan. Dengan anggapan software Adobe Flash CS3 Professional
telah terinstal pada komputer yang Andagunakan, berikut ini langkah awal untuk mengenal penggunaan Adobe Flash CS3 Professional.
2.10 Halaman Awal Adobe Flash CS3 Profesional
Untuk membuka halaman awal program Adobe Flash CS3 Professional, Anda dapat melakukan salah satu cara berikut:
Klik icon Adobe Flash CS3 Professional pada dekstop Layar monitor Klik Start Menu All Programs Adobe Master Collection CS3 Adobe Flash
CS3 Professional. Beberapa saat akan muncul:
Universitas Sumatera Utara
Gambar 2.1 Halaman Awal Adobe Flash CS3 Professional
2.11 Mengenal Area Kerja Adobe Flash CS3 Professional
Layar Flash terbagi dalam 7 area utama, yaitu Menubar, Layer, Panel Properties, Toolbar, Timeline, Stage, dan Panel. Berikut merupakan tampilan standar jendela
kerja Adobe Flash CS3 Professional, saat Anda memulai membuat file baru.
Universitas Sumatera Utara
Gambar 2.2 Area Kerja
1. Baris Menu Menu Bar
Baris Menu adalah komponen yang terdapat pada lingkungan kerja Adobe Flash CS3 Professional yang digunakan untuk melakukan proses atau perintah
berkaitan dengan pembuatan file, kustomisasi movie serta kustomisasi animasi pada umumnya. Berisi kumpulan menu atau perintah-perintah yang digunakan
dalam Adobe Flash CS3.
Gambar 2.3 Menu Bar
Universitas Sumatera Utara
2. ToolBar ToolBox
Toolbar adalah panel berisi berbagai macam tool. Tool-tool tersebut dikelompokkan menjadi empat kelompok :
Tools : Berisi tombol-tombol untuk membuat dan mengedit gambar,
View : Untuk mengatur tampilan lembar kerja,
Colors : Menentukan warna yang dipakai saat mengedit,
Option : Alat bantu lain untuk mengedit gambar.
Gambar 2.4 Tools Box
Universitas Sumatera Utara
Keterangan gambar diatas :
Selection Tool : Memilih dan memindahkan objek
Sub Selection Tool : Mengubah bentuk objek dengan edit point
Free Transfrom Tool : Mengubah ukuran atau memutar bentuk objek Lasso Tool
: Menyeleksi bagian yang ingin di edit Pen Tool
: Membentuk objek secara bebas berupa titik Text tool
: Membuat teks, kalimat atau kata Line Tool
: Membuat garis Rectangle Tool
: Membuat objek berbentuk segi empat Oval Tool
: Membuat objek elips atau lingkaran Pencil Tool
: Menggambar objek secara bebas Brush Tool
: Menggambar objek dengan ketebalan tertentu Ink Botle Tool
: Memberi garis warna tepi Outline Paint Bucket Tool
: Memberi warna pada objek secara bebas Eyedropper Tool
: Mengambil contoh warna Eraser Tool
: Menghapus objek Hand Tool
: Meggeser stage Zoom Tool
: Meperbesar atau memperkecil tampilan objek Stroke Color
: Memberi atau memilih warna untuk garis tepi Fill Color
: Memberi warna pada objek Option Tool
: Mengatur fungsi tambahan pada tombol yang aktif
Universitas Sumatera Utara
3. TimeLine
Timelinegaris waktu merupakan komponen yang digunakan untuk mengatur atau mengontrol jalannya animasi. Timeline terdiri dari beberapa layer. Layer
digunakan untuk menempatkan satu atau beberapa objek dalam stage agar dapat diolah dengan objek lain. Setiap layer terdiri dari frame-frame yang digunakan
untuk mengatur kecepatan animasi. Semakin panjang frame dalam layer, maka semakin lama animasi akan berjalan. Untuk menciptakan gambar-gambar
animasi, pemakaian Baris Waktu perlu dilibatkan. Baris Waktu merupakan komponen utama selain Tombol Gambar yang digunakan sebagai pencipta
gambar-gambar animasi.
Gambar 2.5 Layer
4. Kanvas Stage
Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar,
teks, memberi warna dan lain-lain. Kanvas atau Stage adalah area kerja pada Adobe Flash CS3 Professional yang diperuntukkan sebagai wadah penciptaan.
Universitas Sumatera Utara
Stage berbentuk kotak berwarna putih yang berada ditengah - tengah layar. Pada saat project dijalankan maka objek yang terlihat hanya objek yang berada
pada area stage. Dengan bantuan perangkat-perangkat gambar yang ada pada Tombol Gambar, kita dapat menciptakan gambar dengan melakukan desain
pada kanvas ini.
Gambar 2.6 Kanvas Stage
Fitur-fitur dari stage adalah sebagai berikut: 1.
Scene berfungsi untuk menampilkan nama scene yang aktif. 2.
Panah berfungsi untuk berpindah dari lembar kerja simbol ke lembar kerja utama.
3. Edit Scene berfungsi untuk memilih nama scene yang akan ditampilkan
dan diedit. 4.
Edit Simbol berfungsi untuk memilih nama simbol yang akan diedit.
Universitas Sumatera Utara
5.
Panel Actions
Fungsi dari Panel Actions adalah memberikan kemudahan bagi pemakai terutama pemrograman standar Flash yaitu Action Script yang langsung dapat
diakomodasikan ke dalam item-item animasi Beberapa panel penting dalam Adobe Flash CS3 Professional, diantaranya panel: Properties, Filters
Parameters, Actions, Library, Color dan Align Info Transform.
Gambar 2.7 Panel Action
6.
Properties
Panel Properties akan berubah tampilan dan fungsinya mengikuti bagian mana yang sedang diaktifkan. Misalnya Anda sedang mengaktifkan Line tool, maka
yang muncul pada jendela properties adalah fungsi-fungsi untuk mengatur linegaris seperti besarnya garis, bentuk garis, dan warna garis.
Universitas Sumatera Utara
Gambar 2.8 Properties
7. Document Properties
Fungsi Document Properties adalah untuk melakukan pengaturan ukuran layar, warna background, framerate, dan dimensi dari animasi yang akan
dibuat. Untuk memanggil kotak dialog Document Properties, pilih jendela Properties di bawah layar, kemudian pilih tombol Size.
Gambar 2.9 Document Properties
Universitas Sumatera Utara
8.
Library
Panel Library mempunyai fungsi sebagai perpustakaan simbolmedia yang digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan
gambar baik movie, tombol button, sound, dan gambar statis graphic.
Gambar 2.10 Library
9. Keyframe
Keyframe adalah bagian dari frame yang merupakan kunci dari sebuah frame itu sendiri. Keyframe ditandai dengan frame yang mempunyai lambang
lingkaran atau titik ditengah frame.
10. Frame
Frame adalah sebuah tempat untuk meletakan gambar pada masing-masing frame yang dibuat berurutan dan bila dijalankan maka akan menampilkan suatu
gerakan atau animasi dari gambar yang telah tersusun tersebut.
Universitas Sumatera Utara
11. Blank Keyframe
Blank Keyframe adalah keyframe kosong yang ditandai dengan warna putih. Blank Keyframe dapat dibuat dengan mengklik kanan pada frame lalu memilih
insert blank keyframe pada menu. Blank Keyframe dapat juga dibuat dengan
menggunakan shortcut dengan cara menekan tombol F7 pada keyboard.
12. Motion Tween
Motion Tween adalah salah satu fasilitas yang ada pada program ini. Motion tween merupakan cara otomatis untuk membuat animasi yang dijalankan dari
titik awal ke titik akhir. Dengan motion tween pengguna dapat membuat animasi bergerak dari posisi satu ke posisi yang lain atau perubahan ukuran
pada gambar, hal tersebut dapat dibuat dengan mudah dengan menggunakan motion tween.
13. Motion Shape
Pada umumnya motion shape hampir sama dengan motion tween, namun perbedaannya adalah motion shape digunakan pada saat memerlukan animasi
bentuk gambar yang berubah, seperti contoh pada animasi bentuk ombak. Motion shape ditandai dengan frame yang berwarna hijau dan terdapat gambar
panah ke arah kanan.
Universitas Sumatera Utara
14. Event
Event merupakan suatu tindakan yang dilakukan terhadap objek. Event pada Adobe Flash ada empat, yaitu:
a Mouse event, Event yang berkaitan dngan penggunaan mouse.
b Keyboard Event, Kejadian pada saat menekan tombol keyboard.
c Frame Event, Event yang diletakkan pada keyframe.
d Movie Clip Event, Event yang dilakukan terhadap Movie clip.
15. Target
Target adalah objek yang dikenai aksi atau perintah. Sebelum dikenai aksi atau perintah, sebuah objek harus dikonversi menjadi sebuah simbol dan memiliki
nama instan. Penulisan nama target pada skrip harus menggunakan tanda petik ganda ” ”
16. Action
Pemberian action merupakan langkah terakhir dalam pembuatan interaksi antar objek.
Universitas Sumatera Utara
Universitas Sumatera Utara
BAB 3
PERANCANGAN SISTEM
3.1 Analisis