BAGIAN 1 Menggambar Pada Macromedia Flash

MembuatMediaPembelajaranInteraktif
DenganFlash
Oleh:FaridSuryanto
fareed_surya@yahoo.com
BAGIAN 1
MENGGAMBAR PADA MACROMEDIA FLASH
Membuka Lembar Kerja Flash

Jika dalam komputer anda belum terdapat program FLAS. maka anda harus
menginstalnya terlebih dahulu. Jika sudah ada maka kita tinggal memakainya.
Perhatikan langkah berikut untuk memulai program Flash. Buka program kemudian
akan muncul lembar kerja Flash seperti gambar berikut.
Instrument dalam Flash dapat kita bagi menjadi tiga, yaitu instrument untuk
membuat grafis, instrument animasi (untuk menggerakkan grafis), dan instrument
untuk bahasa program (Action Script).
Instrumen Grafis dalam Flash

Secara umum instrument grafis dalam Flash berfungsi untuk membuat desain
grafis untuk animasi yang akan kita buat. Desain grafis dalam animasi sangat
DenganFlash
Oleh:FaridSuryanto
mempengaruhi tampilan yang akan kita sajikan. Dapat kita katakan bahwa desain
grafis ini adalah daya tarik utama dalam animasi yang tentu akan jauh lebih apik ketika
didukung dengan animasi yang menarik juga.
Beberapa Instrumen grafis dapat dilihat dalam gambar dibawah ini:
11
12
13
14
15
4
5
16
17
18
19
9
10
Keterangan:
10. Subselection Tool
11. Lasso Tool
12. Text Tool
13. Rectangel Tool
14. Brush tool
15. Fill Transform tool
16. Pain Bucket Tool
17. Eraser Tool
18. Stroke Color
19. Fill Color
1.
2.
3.
4.
5.
6.
7.
8.
9.
Arrow Tool
Line Tool
Pen Tool
Oval Tool
Pencil Tool
Free Transform Tool
Ink Bottle Tool
Eyedrooper Tool
Hand Tool
DenganFlash
Oleh:FaridSuryanto
Membuat Garis dan Memanipulasinya

Untuk membuat garis kita bisa menggunakan Line Tool. Dari garis ini kita dapat
membuat desain yang bermacam-macam seperti membuat gambar cartoon.
Perhatikan cara penggunaan Line Tool beserta manipulasi yang mungkin dilakukan.
Perhatikan kedua garis tersebut. Garis yang terletak di atas adalah garis dalam
keadaan terseleksi. Cara menyeleksi garis adalah dengan meng-click garis tersebut
menggunakan Arrow Tool. Kita dapat merubah warna dan ketebalan garis pada
properties. Perhatikan tampilan propertis dibawah:
Untuk mewarnai garis/line
color
Ukuran ketebalan garis

Model garis
(Tampilan Line Properties)

Terdapat tiga bagian penting dalam line properties yakni warna garis, ukuran
ketebalan, dan jenis garis (garis utuh atau putus-putus). Sesuaikan garis yang telah
terseleksi tadi seperti yang kita inginkan dengan memilih pada line properties. Jika
tampilan untuk properties tidak ada maka kita munculkan dengan meng click
windows>properties.
Untuk membuat garis kita juga bisa memanfaatkan fasilitas pencil tool yang
berfungsi membuat garis seperti ketika kita menggambar menggunakan pensil. Sifat
garis yang dibuat menggunakan pencil tool sama dengan ketika dibuat dengan line
tool sehingga cara mengeditnya pun sama. Perhatikan tampilan dibawah:
DenganFlash
Oleh:FaridSuryanto
Membuat Garis Lengkung

Sangat mudah jika kita ingin membuat garis lengkung. Buatlah garis seperti
yang kita inginkan kemudian pilih Arrow Tool. Letakkan kursor tepat diatas garis dan
lihatlah tanda seperti gambar dibawah.
Tampilan diatas adalah saat kursor di clik tepat diatas garis kemudian di drag
(tarik) ke atas. Jadilah garis lengkung. Jika kita ingin meng-edit garis tersebut
sebaiknya kita menggunakan subselection tool. Lihatlah tampilan dibawah ini:
Garis diatas adalah garis yang telah di manipulasi menggunakan subselection

tool. Caranya sama seperti ketika kita membuat garis lengkung pada awal tadi. Click
titik-titik yang muncul selelah garis diseleksi menggunakan subselection tool maka
DenganFlash
Oleh:FaridSuryanto
akan muncul tampilan seperti diatas. Setelah itu kita bisa membuat bentuk garis yang
kita inginkan.
Sebagai latihan gambarlah grafik sinus menggunakan line tool dan manipulasi
garis tersebut menggunakan arrow tool atau subselection tool sehingga menjadi
grafik sinus yang menarik.
Catatan!
Menggambar di Flash seperti kita menggambar pada transparasi yang akan
ditampilkan pada OHP. Misalkan bidang cartecius kita gambar pada transparasi
pertama kemudian grafiknya kita gambar pada transparasi kedua. Ketika dijadikan
satu maka akan membentuk gambar yang utuh. Nah, transparasi tersebut kalau dalam
Flash dinamakan layer. Perhatikan tampilan dibawah ini:
Pada tampilan diatas terdapat dua layer. Untuk membuat layer baru click insert
new layer atau click pada bagian yang dilingkari seperti tampilan diatas. Gambarlah
bidang cartecius pada layer 1 dan grafik sinus pada layer 2. Persis seperti kita
menggambar pada trasnparansi. Layer 1 berada di bawah layer 2 sehingga pilihlah
layer yang sesuai dengan gambar yang akan kita buat. Contoh; tampilan grafik sinus
seperti dibawah ini. Perhatikan setiap bagian yang digunakan. Angka 1, 5, 10, dst
adalah nomor Frame sehingga jika di click pada frame selain frame satu maka gambar
yang kita buat di frame 1 tidak akan terlihat. Gambarlah grafik sinus seperti dibawah
ini, dengan catatan; bidang cartecius dibuat pada layer 1 dan grafik sinus dibuat pada
layer 2.
DenganFlash
Oleh:FaridSuryanto
Layer 1untuk
Layer
1untuk
membuat
membuatbidang
bidang
cartecius,
cartecius,layer
layer2 2
untuk
membuat
untuk membuatgrafik
sinus
grafik sinus
Membuat Gambar Kartun dan Mewarnainya

Hanya dengan menggunakan line tool kita bisa membuat sebuah gambar
cartoon yang menarik, tentunya dengan satu syarat yakni dengan sentuhan yang
kreatif. Caranya cukup mudah yaitu dengan mengkombinasikan garis sedemikian rupa
sehingga menjadi gambar kartun. Kita bisa membuat garis lurus maupun garis
lengkung dengan menggunakan bantuan arrow tool dan subselection tool.
Perhatikan contoh gambar cartoon dibawah ini:
Gambar diatas hanya menggunakan line tool yang dimanipulasi menggunakan

arrow tool. Ingat, hanya dengan menggunakan dua fasilitas dalam Flash kita bisa
menghasilkan karya yang menarik. Sekarang kita akan memberikan sentuhan warna
pada gambar diatas. Pewarnaan kali ini aklan menggunakan fasilitas painbucket tool
yang pilihan warnanya kita sesuaikan pada fill color. Caranya mudah, kita tinggal
memilih fasilitas painbucket tool kemudian pilih warna yang sesuai pada filll color dan
DenganFlash
Oleh:FaridSuryanto
click diatas gambar. Daerah yang dibatasi denagn garis sekaligus menjadi batas
pewaraan gambar. Sebagai contoh warnai bagian rambut dan mata. Hasilnya seperti
gambar dibawah:
Jika gambar yang kita buat tidak bisa diberikan warna, pilihlah Close Large Gaps
dengan cara:
Pilih Paint Bucket Tool lalu

klik bagian ini.
Nah, sekarang warnailah gambar kartun itu dengan warna yang sesuai sehingga
menjadi karya yang menarik.
Catatan!
Memberi warna pada garis
Jika kita ingin memberikan warna pada garis maka kita bisa menggunakan
fasilitas ink bottle tool dan pilih warna pada stroke color kemudian clik pada garis yang
akan kita rubah warnanya. Atau dengan cara menyeleksi garis yang akan dirubah
warnanya kemudian pilih warna yang kita inginkan pada ink bottle tool. Gambar bisa
DenganFlash
Oleh:FaridSuryanto
diwarnai dengan syarat, gambar tersebut masih berada pada Layer dan Frame yang
sama.
Menggambar Objek dengan Ovale Tool dan Rectangle Tool

Pada dasarnya setiap objek gambar yang kita buat dalam Flash terdiri dari dua bagian.
Bagian garis dan bagian fill. Seperti dalam fasilitas ovale tool dan rectangle tool juga
demikian. Perhatikan tampilan dibawah ini:
Tampilan diatas adalah saat objek di ceraikan menjadi dua bagian. Dalam kasus
diatas fill (warna dalam) akan duipindahkan ke bawahnya sehingga objek terbagi
menjdi dua dimana lingkaran di bawah adalah objek tanpa garis. Cara memisahkan
objek tersebut dengan menggunakan arrow tool kemudian drag (tarik) ke bawahnya
sehingga seperti tampilan dibawah ini:
Memisahkan bagian fill dan

line pada obyek
Lingakaran yang berada di bawah adalah adalah objek tanpa garis. Jika kita
akan mengembalikan seperti semula kita tinggal menekan ctr+Z (undo) pada
keyboard. Hal yang sama bisa dilakukan pada obyek kotak.
Khusus membuat obyek dengan Rectanggle Tool, kita dapat
memodifikasinya. Perhatikan tampilan berikut:
DenganFlash
Oleh:FaridSuryanto
Setelah memilih rectangle tool, click

disini maka akan muncul tampilan
Rectanggle setting.isikan corner
radius, misalkan 30, kemudian OK
dan gambarlah kotak seperti biasa.
Memotong Gambar
Kita bisa memotong gambar yang kita buat untuk memperoleh bentuk yang kita
inginkan. Perhatikan petunjuk dibawah ini:
Obyek yang sudah

berhasil dipotong
Kita dapat memotong obyek dengan menggunakan garis. Buatlah garis yang
membagi obyek menjadi empat bagian. Kemudian seleksi salah satu bagian. Jika
sudah dapat terseleksi berarti obyek sudah terpotong. Setelah dipastikan obyek
berhasil dipotong, kita pisahkan keempat obyek tersebut menjadi seperempat
lingkaran.
DenganFlash
Oleh:FaridSuryanto
Perhatikan tampilan diatas. Obyek sudah berhasil dipotong menjadi empat

bagian akan tetapi yang terpisah hanyalah fillnya saja, garis tidak ikut terpisah. Cara
memisahkannya hanya dengan di drag menggunakan Arrow Tool. Setelah terpisah,
kita juga bisa mengganti warna obyek yang terpotong tersebut menggunakan Paint
Butket Tool. Keterampilan ini sangat penting untuk membuat gambar-gambar
geometri.
Membuat Teks
Untuk membuat teks, kita gunakan Teks Tool, kemudian click pada lembar
kerja. Ketiklah teks seperti yang diinginkan. Untuk mengatur ukuran teks dapat
digunakan Free Transform Tool seperti tampak pada tampilan berikut:
Lebih lanjut, pengaturan teks dapat dilakukan pada teks properties. Seleksi teks maka
pada properties akan tampak seperti tampilan berikut:
Jenis Teks
Jenis Huruf
Ukuran Font
10
DenganFlash
Oleh:FaridSuryanto
Perhatikan bagian yang dilingkari. Pada bagian tersebut terdapat tiga macam teks,
yakni; static text, dinamic text, dan input text. Pilihlah static text jika ingin membuat
teks untuk keperluan aksesoris grafis. Dynamic Text sangat penting dalam pokok
bahasan selanjutnya ketika sudah masuk pada pembahasan Action Script.
Jika diaktifkan, border
untuk Dinamic Text akan
muncul
Nama Teks
Box
Nama variabel
Membuat Teks yang Dilengkapi dengan ScrollBar

Perhatikan langkah berikut:
1. Buatlah area teks menggunakan dinamic text.
2. Drag scrollbar dan masukkan pada area teks yang sudah dibuat.
Drag ke area
dinamic text yang
sudah dibuat
3. Perhatikan tanda pada pojok kanan bawah. Jika sudah berwarna hitam maka
artinya scollbar sudah berhasil dibuat.
11
DenganFlash
Oleh:FaridSuryanto
4. Masukkan teks yang ingin kita buat. Perlu diperhatikan, saat kita mengetik teks
jangan sampai melebihi batas. Artinya jika pada baris pertama sudah penuh
maka harus di enter.
5. Untuk mencoba scrollbar yang sudah dibuat, tekan ctr+enter pada keyboard.
Menyimpan File
Ada dua jenis file dalam Flash yaitu file Project dan File Movie. File Projek (nama
file.fla) adalah file yang masih berupa lembar kerja sehingga file ini bisa diedit. File
Movie adalah file yang sudah di convert menjadi Movie. Misalnya dalam bentuk Flash
Movie (nama file.swf), GIF Animated (nama file.gif), atau Windows Projector (nama
file.exe).
Menyimpan File dalam Bentuk Flash Project
Pilih File >> Save atau Save As dan berilah nama pada kotak File Name sesuai
keinginan Anda.
Menyimpan File dalam Bentuk Flash Movie

Untuk menyimpan file dalam Flash Movie, cukup dengan melakukan Test Movie
setelah kita menyimpan File Projeck maka secara otomatis akan tersimpan file jenis
Flash Movie.
12

BAGIAN 1 Menggambar Pada Macromedia Flash

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

BAGIAN 1 Menggambar Pada Macromedia Flash

Diunggah oleh

Hak Cipta:

Format Tersedia

MembuatMediaPembelajaranInteraktif

Membuka Lembar Kerja Flash

Instrumen Grafis dalam Flash

Membuat Garis dan Memanipulasinya

Ukuran ketebalan garis

(Tampilan Line Properties)

Membuat Garis Lengkung

Garis diatas adalah garis yang telah di manipulasi menggunakan subselection

Membuat Gambar Kartun dan Mewarnainya

Gambar diatas hanya menggunakan line tool yang dimanipulasi menggunakan

Pilih Paint Bucket Tool lalu

Menggambar Objek dengan Ovale Tool dan Rectangle Tool

Memisahkan bagian fill dan

Setelah memilih rectangle tool, click

Obyek yang sudah

Perhatikan tampilan diatas. Obyek sudah berhasil dipotong menjadi empat

Membuat Teks yang Dilengkapi dengan ScrollBar

Menyimpan File dalam Bentuk Flash Movie

Anda mungkin juga menyukai