Anda di halaman 1dari 12

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

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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 16 17 18 19

1 2 3 4 5 6 7 8

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 2 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

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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:

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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.

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

Layer 1untuk Layer 1untuk membuat membuatbidang bidang cartecius, 22 cartecius,layer layer untuk membuat grafik untuk membuat 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

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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:

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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.

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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

MembuatMediaPembelajaranInteraktif
DenganFlash Oleh:FaridSuryanto
fareed_surya@yahoo.com

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

Anda mungkin juga menyukai