Dasar-Dasar Membuat Vector Objects

Dasar-Dasar Membuat Vector Objects

     Pada putaran ketiga ini kita akan belajar mengenal dan membuat objek-objek berjenis vector. Hal ini kita lakukan mengingat inti utama dari Macromedia Fireworks MX bukanlah gambar bitmap namun objek vector. Meskipun demikian, bukan berarti software ini tak mampu menangani gambar bitmap selincah ia menangani objek vektor. Seperti kita ketahui dalam bab 1 lalu, Fireworks MX dilengkapi dengan dua tools, masing-masing untuk mengedit objek vector dan gambar bitmap.

     Penekanan Fireworks MX pada objek vector dilatarbelakangi oleh fakta bahwa objek ini mudah diatur, dibuat, dan dimodifikasi ulang. Prosesnya pun cepat dan tidak memakan banyak sumber daya komputer seperti memori atau lainnya.

     Bagaimana sebenarnya sebuah objek vector dibuat? Objek ini sangat dipengaruhi oleh rumus-rumus matematika. Tentunya Anda mengenal banyak rumus sewaktu duduk di bangku sekolah. Namun, tenang saja sebab Anda tak perlu mengaplikasikan satu butir rumuspun untuk membuat objek vector. Biarkan Fireworks dan sistem komputer yang mengerjakannya buat Anda. Namun pada dasarnya, di balik pembuatan objek vector terjadilah proses penciptaan rumus matematika lewat pernyataan tertentu. Sebagai contoh, bila kita akan membuat sebuah lingkaran, Fireworks akan memerintahkan komputer untuk menggambarnya lewat instruksi matematika yang dapat diilustrasikan seperti ini “buatlah lingkaran sebesar n diameter, dengan mengambil koordinat x,y sebagai titik pusatnya”. Tentunya kata-kata ini tak akan terlihat namun komputer akan menciptakan bentuk lingkaran berdasarkan rumus matematika yang telah diprogram.

1. Mengenal Path

     Asal muasal objek vector terletak pada Path. Bila diterjemahkan secara bebas, path adalah garis yang membentuk sebuah bangun tertentu. Untuk membuat path, minimal harus terdapat 2 buah titik, yaitu titik awal dan titik akhir. Dalam kasus seperti ini, path ini akan membentuk garis tunggal seperti gambar berikut ini :

Gambar 3.1. Path Membentuk Sebuah Garis Tunggal

     Bentuk bangun yang lebih kompleks, seperti persegi empat, lingkaran, bintang, poligon, serta segi tak beraturan tetap dibentuk oleh garis-garis yang membentuk bangun itu. Dan, garis pembentuk itu dinamakan path. Agar path itu muncul dengan tampilan yang lebih memikat, Fireworks MX telah menyediakan fasilitas Stroke. Fungsinya, untuk menciptakan variasi lain dari bentuk garis di atas.

Gambar 3.2. Path dengan Beberapa Pilihan Stroke

Kita akan membahas bagaimana menggunakan stroke ini lebih lanjut dalam bab tersendiri.

 Path Terbuka dan Path Tertutup

     Ada dua path yang dikenal oleh Macromedia Fireworks MX, yaitu path terbuka dan path tertutup. Membedakan keduanya cukup mudah. Bila titik awal pada saat path itu dibuat bertemu dengan titik akhir path tersebut maka ia akan disebut path tertutup. Sebaliknya, bila titik awal tidak bertemu dengan titik akhir path maka ia akan disebut path terbuka. Sebagai ilustrasi, lihatlah gambar di bawah ini:

Gambar 3.3. Path Tertutup (Atas) dan Path Terbuka (Bawah)

     Dapat dilihat bahwa bangun yang terletak di bagian atas terbuat dari path tertutup sedangkan bawahnya path terbuka sebab kedua titik tidak bertemu menjadi satu. Meskipun berwujud path terbuka, Macromedia Fireworks MX tetap bisa mewarnai bagian dalam bangun tersebut tanpa perlu meluberi bagian lain dari kanvas dengan warna tersebut. Hal ini tentunya menjadi keistimewaan Fireworks MX dimana ia bisa mewarnai bangun yang dibentuk dengan path terbuka.

Gambar 3.4. Bangun yang Dibuat Oleh Path Terbuka Masih Bisa Diisi oleh Warna Seperti Halnya Path Tertutup

Membuat Bangun Persegi Empat

     Sesudah mengenal path, mari kita mengenal bangun dasar yang pertama, yaitu bangun persegi empat. Meskipun didominasi oleh bangun berbentuk kotak—sehingga terkadang kita menyebut semua bangun persegi empat dengan nama “kotak”—namun pada dasarnya bangun persegi empat didefinisikan sebagai bangun yang memiliki empat titik serta empat sudut. Pada prinsipnya, ada dua cara membuat bangun persegi empat. Akan kita terangkan satu demi satu mulai dari cara pertama :

1. Klik Rectangle Tool yang ada di kotak Tools bagian Vector sampai ia dalam keadaan terpilih.
2. Arahkan kursor ke salah satu sudut kanvas bagian kiri atas.
3. Klik tombol kiri mouse dan seretlah ia ke sudut kanan bawah kanvas hingga tercipta bangun persegi empat seperti gambar di bawah ini.

Gambar 3.5. Proses Pembuatan Bangun Persegi Empat

     Pada kasus di atas, Anda membuat bangun persegi empat dengan memilih salah satu titik yang terletak di bagian tepi bangun persegi empat tersebut. Sekarang, kita akan menciptakan eksperimen lain. Kita akan membuat bangun persegi empat namun dengan model lain.
Ikutilah langkah-langkah berikut ini :

1. Pastikan pilihan Rectangle Tool masih dalam keadaan aktif.
2. Posisikan kursor mouse tepat di tengah-tengah kanvas.
3. Tekan tombol Alt
4. Pada saat yang bersamaan, tekan tombol kiri mouse dan seret ke sudut kanan-bawah kanvas. Dan, sebuah bangun persegi empat tercipta di sana.

Lihat Gambar 3.5. Membuat Persegi Empat dengan Mengambil Tengah Sebagai Titik Pusatnya Kedua cara di atas akan membentuk bangun yang sama, hanya saja cara terakhir ini memilih tengah sebagai titik pusatnya dan bukannya bagian tepi bangun persegi empat.

Membuat Sudut Lingkar Persegi Empat

     Lazimnya, sebuah persegi empat bersudut tajam seperti gambar di atas. Namun, dengan sedikit kreasi kita bisa ubah sudut tajam itu menjadi sudut lingkar atau sudut tumpul. Dengan menumpulkan sudut itu, maka akan tercipta kesan tidak kaku serta tidak formal. Para webmaster suka menumpulkan sudut pada persegi empat untuk tujuan yang sama, misalnya membuat kotak menu, dan yang terutama tombol-tombol navigasi. Sebagai contoh, situs Amazon.com tidak hanya melibatkan persegi empat saja untuk menghias tampilan awalnya namun juga persegi empat dengan sudut tumpul seperti gambar di bawah ini (lihat persegi empat dengan sudut tumpul pada bagian menu atas, kotak Browse, What’s New, dan lainnya)

Gambar 3.6. Persegi Empat dengan Sudut Tumpul pada Situs Amazon.Com

     Dengan menggunakan Fireworks MX, sangatlah mudah menciptakan persegi empat dengan sudut tumpul. Pada dasarnya, ada dua cara untuk membuat persegi empat dengan sudut tumpul. Masing-masing akan dijelaskan di sini mulai dengan cara pertama ini :

1. buatlah persegi empat dengan mengikuti cara-cara yang pernah kita coba tadi.

Gambar 3.7. Menggambar Persegi Empat dengan Sudut Lancip

2. Bila persegi empat itu masih dalam keadaan terpilih maka Anda akan melihat jendela Properties seperti gambar di bawah ini pada layar monitor Anda.

Gambar 3.9. Jendela Properties

3. Amatilah bagian Rectangle Roundness. Klik-lah ia dan pilihlah salah satu angka yang Anda kehendaki dengan menggeret kotak kecil yang ada di situ ke atas atau ke bawah .

     Dalam waktu singkat, sudut pada persegi empat akan menumpul membentuk seperempat lingkaran. Bahkan, bila Anda memilih angka maksimal, persegi empat itu akan menyerupai sebuah lingkaran. Lihatlah ilustrasi gambar di bawah ini.

Gambar 3.10. Model-Model Persegi Empat dengan Sudut Tumpul

     Selain cara di atas, Anda bisa tetap membuat persegi empat dengan sudut tumpul lewat cara lain, seperti yang akan Anda lakukan lewat panduan langkah-langkah berikut ini :
1. Klik Rectangle Tool yang ada di bagian Vector jendela Tools. Tekan terus tombol mouse itu sampai muncul pilihan tools baru seperti gambar di bawah ini :

Gambar 3.11. Pilihan Rectangle Tool

2. Pilihlah Rounded Rectangle tool.
3. Setelah itu, gambarlah persegi empat seperti cara-cara yang telah kita lalui dulu.
Cara kedua inipun akan menghasilkan persegi empat dengan sudut tumpul seperti cara pertama.