Macromedia Fireworks

Pengertian…

• Fireworks adalah aplikasi desain grafis.

• Biasanya, Fireworks ditujukan untuk membuat content suatu website.

• Penggunaan Fireworks diutamakan bagi web-desainer dengan latar belakang keahlian desain grafis yang melibatkan perangkat image editing. Untuk itu, dalam pengoperasian Fireworks diperlukan keahlian penggunaan software image editing, seperti Corel atau Adobe Photoshop.

Fitur-fitur yang tersedia di Fireworks

• mengedit berbagai jenis image dalam satu aplikasi,

• membuat efek animasi pada image,

• mengedit image dan halaman web dalam satu aplikasi.

Kelebihan Fireworks…

• bisa dipakai untuk image manipulation

• bisa membuat animasi

Kekurangan…

membutuhkan latar belakang pengetahuan image editing.

Pengaplikasian Macromedia Fireworks

Pada pembuatan halaman situs bertema “Borobudur”

• Pilih ukuran layer, sesuaikan dengan ukuran tampilan yang anda inginkan
• Pilih warna background, atau jika tidak mau menggunakan warna, pilih ’transparant’
• Buat object dengan menggunakan tool yang ada di sebelah kiri area kerja

• Beri list pada object dengan menggunaan pilihan ’stroke’ di toolbar sebelah kiri area kerja

Klik tombol stroke, dan pilih warna yang sesuai

Stroke dipakai untuk membuat garis tepi object.

Fill dipakai untuk memberi warna di dalam object.

• Background object bisa diganti sesuai selera
• Masukkan tulisan dengan menekan tool ‘T’ di sebelah kiri area kerja.
• Masukkan gambar dari document dengan membuka File -> Import -> pilih gambar yang ingin dimasukkan. Tahan dengan mouse untuk menentukan ukuran gambar yang ingin dimasukkan.

1. mengubah object menjadi button

Tombol adalah object khusus yang dapat bereaksi terhadap gerakan dan klik mouse.

Langkah Pertama

Klik kotak dengan menggunakan pointer tools

Langkah Kedua

Pada menu, klik Insert -> Convert to Symbol

Langkah Ketiga

Pilih Button

Langkah Keempat

Beri nama object

Langkah Kelima

Klik OK

2. mengisi tulisan dalam tombol

Langkah Pertama

Pada menu, klik Modify -> Symbol -> Edit Symbol

Langkah Kedua

Klik tombol Add Text

Langkah Ketiga

Klik pada area kerja, dan tuliskan label “Ini Tombol”

3. membuat efek animasi

Pada tabs pada bagian atas Button Editor akan nampak pilihan-pilihan:

· Up, adalah kondisi normal, tombol siap diklik.

· Over, terjadi bila mouse pointer berada di atas tombol

· Down, terjadi bila tombol sedang ditekan.

· Over While Down, terjadi bila mouse pointer berada di atas tombol yang dalam posisi down.

Langkah-langkah untuk mengaktifkan efek Mouse Over, yaitu perubahan bentuk tombol apabila mouse pointer diletakkan di atas tombol:

Langkah Pertama

Klik tab Over

Langkah Kedua

Klik Copy Up Graphics

(Langkah-langkah modifikasi button dalam kondisi disorot Mouse Pointer dijelaskan dalam langkah ketiga sampai keenam)

Langkah Ketiga

Klik tombol dengan Pointer Tools

Langkah Keempat

Ganti warna latar belakang tombol

Langkah Kelima

Klik tulisan dengan Pointer Tools

Langkah Keenam

Ganti warna tulisan

(Langkah ketujuh dan seterusnya berguna untuk memberi efek pada kondisi Down dan Over While Down)

Langkah Ketujuh

Klik tab Down

Langkah Kedelapan

Klik Copy Over Graphics

Langkah Kesembilan

Klik tombol dengan Pointer Tools

Langkah Kesepuluh

Ganti warna latar belakang tombol

Langkah Kesebelas

Ganti efek tombol

Langkah Kedua belas

Klik tulisan dengan Pointer Tools

Langkah Ketiga belas

Ganti warna tulisan

Langkah Keempat belas

Lakukan hal yang sama untuk kondisi Over While Down

Langkah Kelima belas

Tutup button editor

Langkah Keenam belas

Lihat hasil animasi pada tab Preview