Menggambar Mewarnai Dan Memanipulasi Teks

[Pemrograman Animasi I] Manajemen Informatika | POLITAMA BAB II MENGGAMBAR, MEWARNAI DAN MEMANIPULASI TEKS Dalam menggambar objek lingkaran atau segiempat contohnya, secara otomatis gambar yang terbentuk terdiri dari dua unsur yaitu Fill (Bidang) dan Stroke (bingkai/pinggir)

Fill (Bidang)

Stroke (pinggir)

Gambar 2.1. Fill dan Stroke pada objek lingkaran 2.1. Menggambar Dengan Pencil Tool Pensil tool dapat digunakan untuk membuat garis dan bidang. Supaya garis yang kita dapatkan halus atau lurus, gunakan drawing mode untuk pencil tool. a. Pilih Pencil Tool b. Lihat di bagian bawah area kerja Flash. Terdapat Properties untuk mengubah tebal, warna dan lainnya. c. Pilih Drawing mode pada Options dalam Toolbox
Straighten – untuk menggambar garis lurus.
Smooth – untuk menggambar kurva yang halus
Ink – Untuk menggambar garis dengan bebas 2.2. Menggambar Dengan Line Tool a. Pilih Line Tool b. Lihat Properties di bawah area kerja Flash untuk menentukan warna, style dan tebal dari garis. c. Pilih Arrow Tool dan Seleksi garis yang ada di stage, dengan garis yang masih diseleksi, ukuran, lebar dan warna garis dapat diubah.

2.3. Menggambar Dengan Pen Tool a. Pilih Pen Tool b. Klik Mouse dengan pointer beberapa kali di Stage, maka akan membentuk beberapa titik dengan garis lurus yang menghubungkannya. c. Untuk membuat kurva terbuka atau tertutup dapat dilakukan dengan cara:
Kurva Tertutup – Letakkan Pen Tool diatas titik pertama, kemudian klik tombol mouse.
Kurva Terbuka - Klik dua kali pada titik terakhir. 2.4. Menggambar Dengan Brush Tool Brush Tool digunakan untuk menggambar objek seperti dengan kuas pada melukis a. Pilih Brush Tool b. Pilih Fill Color, untuk menentukan warna c. Pilihan Brush Tool
Paint Normal – Lukisan menimpa seluruh gambar pada layer yang sama.
Paint Fills – Lukisan pada area gambar dan area kosong, garis outline tetap ada
Paint Behinds – Lukisan di Stage pada area yang kosong dibelakang gambar.

Modul by Heru W | herusastro.web.id

1

[Pemrograman Animasi I] Manajemen Informatika | POLITAMA Paint Selection – Lukisan di dalam area yang terpilih. Paint Inside – Lukisan apada area gambar, garis outline tetap ada. 2.5. Menggambar Dengan Oval dan Rectangle Tool a. Untuk menggambar elips/lingkaran guanakan Oval Tool atau untuk menggambar kotak



dapat digunakan Rectangle Tool b. Untuk menggambar warna Outline dan bidang dapat dipilih Stoke Color dan Fill Color. 2.6. Menggambar Object tanpa Fill Telah disebutkan diatas, jika kita menggambar pasti akan terjadi 2 macam komponen. Yang pertama adalah Stroke dan yang kedua adalah Fill. Untuk menggambar object tanpa Fill ada caranya yaitu: 1. Misalnya kita ingin membuat oval. Klik Oval tool, lalu atur melalui toolbox bagian colors. 2. klik tombol Fill color, lalu klik tombol No Colors, dan biarkan saja tombol stroke Color. Tombol Stroke color Tombol Fill color Tombol no colors

Gambar 2.2. Pengaturan fill tanpa warna 3. Kemudian, gambarlah lingkaran. Dan hasilnya adalah sebagai berikut

Gambar 2.3. object tanpa fill 2.7. Overlapping Shapes Ketika membuat gambar garis yang melewati garis atau bidang lain, maka garis yang overlapping akan terbagi menjadi beberapa bagian menurut titik potong. Untuk melihat efek Overlapping line : a. Gambar kotak b. Gambar garis yang berada di atas kotak c. Pisahkan garis atas dan bawah kotak dengan arrow tool d. Pisahkan bidang di sebelah kiri garis dan sebelah kanan garis 2.8. Mewarnai Stroke dan Fill dari Toolbox Untuk mengubah warna objek, objek tersebut harus diseleksi terlebih dahulu a. Pilih Objek yang akan diubah warnanya. b. Klik Stroke Color atau Fill Color , maka akan muncul pilihan warna c. Setelah dipilih warna yang diinginkan, maka warna objek akan berubah. 2.9. Mewarnai dengan Paint Bucket Selain berguna untuk mengisi area yang tertutup, Paint Bucket juga dapat digunakan untuk mengisi bidang yang tidak tertutup. Tool ini berguna untuk mengisi warna solid, gradient, dan bitmap. Untuk menggunakan Paint Bucket Tool : a. Pilih Bucket Tool

Modul by Heru W | herusastro.web.id

2

[Pemrograman Animasi I] Manajemen Informatika | POLITAMA b. Pilih Fill Color pada Toolbox c. Pada Options, tentukan pilihan Gap Size dapat menutup area yang tidak tertutup dengan warna. d. Klik pada Objek di Stage 2.10. Memberi warna solid dan gradasi dengan Panel Mixer Panel Mixer digunakan untuk mengisi area dengan warna yang diatur dengan nilai pada panel tersebut.

Terdapat pilihan 1. none 2. solid 3. linier (gradasi) 4. radial (gradasi) 5. bitmap (gambar)

Gambar 2.4 : Panel color mixer a. Pilih Window  Color Mixer b. Pilih Color mode, dengan mengklik tanda panah di kanan atas panel. Terdapat beberapa pilihan ,mode yaitu RGB, HSB, dan Hex.
Klik Color Bar yang berada di bagian bawah panel
Masukkan nilai-nilai R, G, B bila berada pada mode RGB
Masukkan nilai alpha
Klik Kotak Fill atau Stroke untuk memilih warna

2.11. Mengetahui Warna dengan Eyedropper Tool Dengan menggunakan Wyedropper tool dapat diperoleh informasi mengenai warna yang tidak diketahui pada suatu objek di stage a. Pilih Eyedropper tool b. Klik warna pada objek yang ingin diketahui warnanya pada saat itu juga tool berubah menjadi Ink Bottle tool dan pada kotak fill color dalam toolbox berubah warnanya menjadi warna objek. c. Klik arrow tool d. Klik kotak fill pada toolbox kemudian muncul kode hexadesimal dari warna tersebut di bagian atas kotak yang berisis tabel warna. 2.12. Mengenal Tipe Dan Properties Teks Dalam menulis teks di Flash tidak jauh beda dengan microsof Word. Di dalam Flash teks dapat diedit ukuran, warna, spasi, jenis huruf, dan perataannya. Adapun pengaturannya dilakukan melalui properties teks. Dalam Flash tipe teks dibedakan menjadi tiga yaitu : a. Teks Statis (Statis teks) Tipe teks ini biasanya digunakan untuk menampilkan tranformasi yang bersifat tetap (statis), sehingga ketika movie dijalankan, teks tidak bisa berubah atau diedit lagi. b.Teks Dinamis (Dynamic Text) Tipe teks ini biasanya diguanakan untuk menampilkan informasi yang bersifat dinamis, atau berubah sehingga ketika movie dijalankan, teks bisa berubah atau di-edit, misalnya untuk menampilkan tanggal, jam, mengakses teks dari suatu file dan lain-lain.

Modul by Heru W | herusastro.web.id

3

[Pemrograman Animasi I] Manajemen Informatika | POLITAMA c. Teks Input (Input Text) Tipe teks ini meminta User untuk memasukkan atau mengisikan tulisan pada kotak yang telah disediakan sehingga ketika movie dijalankan, user bisa menulis atau memasukkan data pada kotak tersebut, biasanya digunakan dalam pembuatan form aplikasi seperti login, buku tamu, dan lain-lain. Aplikasi seperti ini biasanya memerlukan masukan dari user mengenai nama, alamat, password dan lain-lain. Didalam Flash terdapat istilah Embeded dan Device font. Embedeb Font adalah font yang telah diinstal pada sistem dan akan disertakan (embed) pada file SWF, sedangkan Device font adalah font yang digunakan sesuai dengan font yang ada di komputer lokal. Bila device font tidak ada pada lokal komputer, flash player akan mengambil font yang mirip dengannya. 2.13. Cara Menulis dengan Text Tool a. Pilih File  New untuk memulai pekerjaan baru b. Klik Text Tool c. Kursor akan berubah menjadi tanda + saat diarahkan pada stage. Klik pada stage, maka muncul kotak tulisan. d. Ketik tulisan pada stage, secara otomatis kotak akan bertambah lebar sesuai panjang teks yang dibuat e. Block handle dapat ditarik kekiri dan kekanan untuk mengatur tampilan teks. 2.14. Properties Character Properties Character yang berada di bawah area flas ketika kita mengetikkan suatu teks digunakan untuk menentukan jenis huruf dengan atributnya .

Gambar 2.5 : Properties Teks a. Ubahlah sesuai dengan keinginan anda. b. Untuk dapat mengubah teks, terlebih dahulu teks harus diseleksi 2.15. Transformasi Teks Selain gambar teks di dalam Flash juga dapat di transformasi, yaitu translasi, skala dan rotasi. Translasi adalah perpindahan posisi teks menurut garis lurus, Skala yaitu perubahan ukuran teks, Sedangkan Rotasi adalah perubahan lokasi teks menurut garis melingkar. Untuk melakukan tranformasi terhadap teks : a. Klik pada teks yang ada di stage b. Pilih Modify  Transform, bila teks tersebut akan diubah skalanya pilih Scale, bila ingin diputar pilih Rotate.

Modul by Heru W | herusastro.web.id

4