Anda di halaman 1dari 19

i

DAFTAR ISI

i
BAB I Adobe Flash CS 3
1.1. Area Kerja
Agar dapat membuat proyek media pembelajaran interaktif di Adobe Flash CS 3, terlebih dahulu kita
harus mengenal area kerja pada Adobe Flash CS 3.

Toolbox Stage Frame

Panel
Layer TimeLine

Menu

Nama Elemen Keterangan


Menu Berisi menu-menu yang digunakan untuk membuka,menyimpan,mengubah,
mengontrol panel, dll.
Toolbox berisi tool-tool yang digunakan untuk membuat objek atau meng-edit objek.
Timeline berisi frame, merupakan tempat kita mengontrol animasi yang kita buat.
Panel berisi control fungsi yang dipakai dalam flash, yaitu untuk mengganti dan
memodifikasi berbagai property objek atau animasi secara cepat dan mudah.
Layer Bagian yang digunakan untuk mengatur susunan dari objek yang tampak dari
di stage
Frame Digunakan untuk mengatur pergerakan animasi.
Stage tempat kita membuat dan menjalankan animasi yang kita kerjakan.

1
1.2. Toolbox
Toolbox merupakan tool-tool atau alat yang digunakan untuk membuat atau merubah sebuah objek di
dalam stage. Toolbox memiliki berbagai macam jenis. Berikut adalah daftar dan kegunaanya.
Toolbox Nama dan Fungsi
Selection Tool :
Digunakan untuk memilih atau menyeleksi suatu objek.
Subselection Tool :
Berfungsi untuk menyeleksi objek yang lebih detil dari selection tool.
Free Transform Tool :
Berfungsi untuk mentransformasi objek yang terseleksi.
Gradient Transform Tool :
Berfungsi untuk mentransformasi warna gradient pada fill objek.
Lasso Tool :
Berfungsi untuk memotong gambar secara manual
Pen Tool :
Digunakan untuk menggambar garis dengan bantuan titik-titik bantu seperti
dalam pembuatan garis kurva atau gambar.
Text Tool :
Digunakan untuk membuat Text pada Stage.
Line Tool :
Digunakan untuk membuat Garis Lurus.
Rectangle Tool :
Digunakan untuk membuat persegi, jika di klik agak lama sedikit maka akan
muncul pilihan lain seperti Oval Tool, PolyStar Tool, dll. Oval Tool digunakan
untuk membuat lingkaran. PolyStart Tool digunakan untuk membuat gambar
bintang atau persegi 5,6, dst.
Pencil Tool :
Digunakan untuk membuat garis atau gambar seperti kita menggunakan Pensil
sehari-hari. Hanya kali ini kita menggambar dengan Pensil di dalam Stage.
Brush Tool :
Digunakan untuk mewarnai atau lebih tepatnya seperti penggunaan kuas melukis
pada kanvas/buku gambar. Hanya kali kita mewarnai objek atau gambar yang
terdapat di dalam Stage.
Ink Bottle Tool :
Digunakan untuk memberikan/merubah warna line/garis luar atau yang biasa
disebut dengan stroke.
Paint Bucket Tool :
Digunakan untuk mewarnai atau mengisi bagian kosong dari objek, atau biasa
disebut dengan istilah Fill Color.
Eye Dropper Tool :
Digunakan untuk mengambil sample warna.
Eraser Tool :
Digunakan untuk menghapus sebgaian atau keseluruhan dari objek.
Hand Tool :
Digunakan untuk menggeser stage tanpa mengubah ukuran zoom dari stage
tersebut.
Zoom Tool :
Manfaatnya sesuai namanya, memperbesar tampilan stage. Agar kita lebih
mudah dalam melakukan pengeditan atau proses pembuatan gambar.
Stroke Color :
Digunakan untuk memilih warna garis luar dari suatu objek
Fill Color :
Digunakan untuk memilih warna bagian dalam dari suatu objek.

2
1.3. Membuat Lembar Kerja
Untuk membuat sebuah project animasi dengan Adobe Flash CS 3, kita terlebih dulu harus memahami
cara membuat lembar kerja. Dari mulai menyiapkan lembar kerja dan mengatur beberapa setingan yang
harus dirubah serta dipahami. Baiklah tanpa basa-basi lagi kita akan langsung memulai membuat
lembar kerja.

1.3.1. Menjalankan Aplikasi Adobe Flash CS 3

a. Klik Start  All Programs (Win XP)


Klik Start  Programs (Win 7)
b. Pilih Adobe Design Premium CS 3

c. Lalu akan muncul tampilan seperti berikut

Gambar : Tampilan awal Adobe Flash CS 3

3
d. Selanjutnya Pilih Flash File (ActionScript 3.0). Kurang lebih tampilannya akan seperti
gambar berikut :

Gambar : Tampilan lembar Kerja Adobe Flash CS 3

1.3.2. Mengatur Properties Lembar Kerja


Sebelum kita membuat animasi di lembar kerja kita, sebaiknya terlebih dahulu kita atur
Properties lembar kerja kita, gunanya adalah agar hasil akhir animasi kita dapat dilihat lebih
nyaman oleh mata dan memiliki kualitas yang bagus.
a. Klik menu Modify  Document (Tekan Ctrl+J) atau bisa juga klik tombol seperti gambar
dibawah yang terdapat pada panel

b. Maka akan muncul jendela Properties seperti berikut.

4
c. Keterangan :
Title  digunakan untuk memberikan judul, judul tersebut akan tersimpan dalam metadata
File SWF
Description  digunakan untuk menambahkan deskripsi animasi yang kita buat, dan akan
disimpan dalam metadata file SWF
Dimensions  Panjang dan lebar dari stage yang sedang kita kerjakan, jika kita akan
membuat sebuah Media Pembelajaran Interaktif pastikan ukuran stage cukup besar, akan
tetapi tidak terlalu besar, agar setiap orang yang memiliki resolusi monitor yang rendah
tetap dapat menggunakan Media Pembelajaran yang kita buat dengan nyaman. Dimensions
yang saya sarankan paling kecil 800px x 600px, dan paling besar 1024px x 768px.
Match  kesesuain stage
Background Color  mengatur warna dari stage
Frame Rate  pengaturan kecepatan animasi, satuannya adalah fps (Frame Per Second),
jumlah frame yang dijalankan dalam 1 detik.
Ruler Units  satuan dari mistar atau penggaris yang terdapat pada bagian atas dan kiri
stage. (akan dipelajari lebih lanjut pada sub-bab berikutnya.

d. Ubahlah Document properties sesuai kebutuhan anda, kemudian klik OK.

5
1.3.3. Bekerja dengan Ruler dan Grid Lines
Lembar kerja atau stage tempat kita akan membuat animasi atau media pembelajaran
merupakan sebuah lembar putih polos, bayangkan kita bekerja dengan selembar kertas HVS,
dan nantinya di kertas tersebut kita akan membuat berbagai macam Objek yang harus simetris
dan rapih antara satu dengan yang lainnya, rasanya akan sulit apalagi bagi pemula. Untuk itu
diperlukan sebuah alat ukur ataupun garis bantu agar semua objek yang kita gambar terlihat
simetris dan rapih. Kita dapat menambahkannya dengan cara :

a. Klik menu View  Ruler atau menekan kombinasi keyboard (Ctrl+Alt+Shift+R)


b. Klik menu View  Grid  Show Grid
Secara default Grid Lines akan berukuran 18px X 18px, bagi saya akan lebih mudah jika
ukuran Grid disesuaikan dengan ukuran Stage, yaitu 20px X 20px.
c. Kita dapat merubah ukuran Grid dengan cara klik menu View  Grid  Edit Grid

d. Ubah menjadi 20px, kemudia checked List Show Grid, dan Checked Snap to Grid.
Snap to grid berfungsi agar garis atau objek yang kita buat sejajar dengan Grid.

6
e. Dan hasilnya akan seperti berikut.

1.4. Membuat Objek


Setelah kita mengenal berbagai macam tool dan mengubah tampilan stage agar lebih mudah dalam
pengerjaan, maka kali ini kita akan belajar cara membuat objek, dimulai dari yang sederhana dan yang
ringan-ringan saja dulu, sambil memahami bagaimana cara menggunakan masing-masing tool.
1.4.1. Membuat garis lurus dan garis lengkung
 Klik tombol Line Tool
 Tarik garis secara diagonal dari sudut kiri atas ke sudut kanan bawah didalam stage

 Ketebalan garis dapat kita ubah sesuai kebutuhan dengan cara mengatur properties di
panel bawah.

7
 Klik garis dengan menggunakan Selection Tool
 Ubah ketebalan garis dengan cara merubah properties berikut

 Kita juga dapat merubah jenis garis, merubah warna dan mengatur posisi garis pada stage
hanya dengan merubah nilai pada properties.

 Untuk mebuat garis melengkung kita dapat menggunakan Selection Tool. Letakkan
selection Tool dekat dengan gari sampai muncul tanda garis lengkung. Kemudian tarik
sehingga garis lurus tersebut melengkung

Tugas :
buatlah lima garis lurus dan lima garis lengkung, masing-masing garis harus berbeda
warna

8
1.4.2. Membuat objek bidang datar.
Bentuk-bentuk objek sangat beragam, mulai dari lingkaran, segitiga, segilima, dll. Kali ini kita
akan membuat objek dengan bentuk persegi dan persegi panjang. Caranya
 Klik rectangle tool.
 Arahkan kursor ke stage, dan klik tahan kemudian seret kursor, jika yang anda lakukan
benar, maka hasilnya akan seperti ini.

 Mungkin muncul pertanyaan, kenapa garisnya merah, dan isinya hitam…?


 Ok, sebelumnya anda harus ingat kembali, garis disebut dengan Istilah Stroke, dan Isi
disebut dengan Istilah Fill. Sekarang coba anda perhatikan Tool Fill Color dan Stroke Color,
Stroke Color bewarna merah dan Fill Color bewarna Hitam. Bagaimana cara merubahnya ?
 Jika anda ingin merubah warna Persegi yang sudah anda buat maka silahkan anda Blok
persegi tersebut dengan menggunakan Selection Tool

 Lalu rubah warna pada fill color dan stroke color dengan cara klik pada tool tersebut.

9
 Pilih warna yang anda inginkan, lakukan hal yang sama pada Stroke Color. Dan hasilnya
kira-kira seperti berikut

 Nah bagaimana dengan membuat persegi ?


 Persegi adalah bangun datar yang panjang setiap sisinya sama. Ada beberapa cara, anda bisa
menggambarnya dengan hati-hati menggunakan rectangle tool, menggunakan Grid Line agar
semua sisinya sama panjang. Atau dengan cara menggunakan properties dari rectangle,
seperti berikut.
 Blok rectangle yang anda buat. Kemudian perhatikan panel properties disudut kiri bawah.

 Hilangkan tanda gembok dengan cara di klik, kemudian ubah nilai W dan H menjadi sama.

 Perhatikan hasilnya…. Sama bukan?


 Nah bagaimana kalo membuat persegi yang sudutnya tidak lancip ? begini caranya !

10
 Klik Rectangle Tool, kemudian perhatikan panel properties di bagian panel bawah.

 Silahkan ubah nilai 0 tersebut, semakin tinggi nilai maka semaki melengkung sudutnya.

Mudah Bukan ??

Nah untuk objek yang lain, seperti lingkaran, persegi lima, enam dan seterusnya kita dapat
menggunakan Oval Tool dan PolyStar Tool, Tool ini tersembunyi pada Rectable Tool, Klik
tahan Rectangle Tool, maka akan muncul sederet Tool-Tool baru

Peenggunaannya sama saja dengan rectangle tool. Silahkan di coba sendiri.


Tugas :
Buatlah objek seperti gambar berikut

11
1.4.3. Membuat Objek Baru
Nah setelah proses pembuatan objek dengan Rectangle Tool, mungkin dibenak anda muncul
perntanyaan, gimana caranya buat objek yang bentuknya bukan bentuk standar yang toolnya telah
disediakan. Seperti segitiga, setengah lingkaran, jajaran genjang,dll. Jawabannya adalah dengan
cara berikut :
a. Membuat Segitiga Sama Kaki
 Klik rectangle tool
 Matikan Fill color

 Buatlah sebuah objek persegi (segi empat)

 Klik Line Tool, tarik garis diagonal dari sudut kanan atas ke sudut kiri bawah

12
 Klik Selection Tool, seleksi garis berlebih pada sudut kanan atas dan sudut kiri bawah

 Kemudian tekan tombol Del pada Keyboard

 Lakukan hal yang sama pada 2 garis berikut ini

 Maka hasilnya akan seperti gambar berikut

 Mudah bukan ? selanjutnya kita akan merotasi segitiga tersebut dan memberinya warna.
13
 Klik Free Transform Tool

 Arahkan kursor ke sudut kanan atas, sehingga kursor berubah menjadi tanda rotasi
 Klik tahan mouse anda dan putar sesuai keinginan anda. Kira-kira hasilnya akan seperti
berikut

 Klik Paint Bucket Tool


 Kemudian arahkan kursor ketengan segitiga, lalu Klik dan walllaaa…. This is it…

 Segitiga garis coklat isi biru….. selamat menikmati…. 


b. Membuat jajaran genjang
 Klik rectangle tool
 Buatlah sebuah persegi panjang
 Klik subselection tool
 Blok persegi panjang tersebut

14
 Letakkan kursor pada titik hijau pada sudut kanan atas, klik tahan kemudian geser ke
kanan sebanyak 2 kotak grid lines.

 Lakukan hal yang sama pada titik hijau sudut kiri atas

 Warnai dengan menggunakan Fill Color

 Mudah bukan ???


c. Menggabungkan beberapa gambar menjadi bentuk baru.
Banyak cara memodifikasi sebuah objek untuk menghasilkan bentuk baru, salah satunya
dengan cara seperti berikut.
 Klik rectangle tool, buatlah sebuah objek persegi panjang dengan panjang 7 grid lines
kebawah dan 3 grid lines ke samping.

15
 Blok persegi panjang tersebut, kemudian tekan Ctrl+C dan Ctrl+V untuk menduplikasi
objek.

 Rotasi kan objek hasil duplikat tersebut dan arahkan ke persegi panjang pertama, seperti
berikut.

 Sekarang berikan warna pada masing-masing persegi kecil tersebut.

 Hilangkan garis persegi yang paling tengah

 Lalu hasilnya akan jadi seperti berikut.


16
Pada dasarnya semuanya tergantung bagaimana kita memahami masing-masing tool agar
bisa dimanfaatkan dengan maksimal untuk mewujudkan imajinasi kita. 

Tugas :
Buatlah 3 buah objek berbeda yang tidak disediakan tool untuk membuatnya
secara langsung.

17