Membuat Tombol dengan Fireworks
Yups, sekarang kita akan mencoba membuat tombol atau yang bahasa inggrisnya disebut button. Ilmu ini didapet dari fireworkszone.com (thnx Thierry Lorey…). Saat mencoba membuatnya saya menggunakan Fireworks 8. Tu de poin aja ya….
Step 1 : Nyalakan Fireworks-mu… ups bukan dinyalakan tapi dibuka, lalu buat file baru (create new file) dengan ukuran canvas yang nggak terlalu gede atau nggak terlalu kecil, kalau saya buatnya 660 x 440 px.
Step 2 : Buatlah sebuah objek dengan menggunakan Rectangle tool, dan dengan ukuran 251 x 87 px. Setelah objek terbuat, kita ubah Rectangle roundness-nya menjadi 35. Oh iya, untuk warna saya menggunakan warna abu-abu (#D6D6D6).
Step 3 : Buat lagi sebuah objek (lagi? 
) dengan menggunakan Ellipse tool, untuk ukurannya bebas yang penting bisa menutupi objek sebelumnya, juga untuk warnanya bebas (karena nanti kita akan membuatnya transparan).
) dengan menggunakan Ellipse tool, untuk ukurannya bebas yang penting bisa menutupi objek sebelumnya, juga untuk warnanya bebas (karena nanti kita akan membuatnya transparan).
Step 4 : Kita akan mengclone rectangle/persegi empat yang telah kita buat tadi. Select rectangle tersebut, lalu klik kanan, Edit -> Clone. Secara otomatis objek rectangle tersebut telah menjadi dua.
Step 5 : Seleksi dua objek (oval dan salah satu rectangle), dengan cara menahan tombol Ctrl lalu klik kiri pada layer yang akan kita pilih. Dan jadinya akan seperti ini…
Step 6 : Dengan keadaan kedua objek masih terseleksi, pilih menu Modify, lalu pilih Combine Paths -> Intersect. Akan tercipta sebuah objek baru hasil irisan antara oval dengan rectangle. Yups… jadinya akan seperti ini…
Step 7 : Warnailah objek baru tersebut dengan warna putih (#FFFFFF), dan berilah nilai opacity-nya 35.
Step 8 : Sekarang kita akan memperindah tombol tersebut dengan sedikit bayangan. Select objek rectangle-nya, lalu di bagian bawah ada label yang bernama Filters, kliklah tanda plus-nya (+), pilihlah Shadow and Glow -> Drop Shadow. Lalu aturlah menjadi seperti ini
- Distance: 2
- Opacity: 49
- Softness: 4
Step 9 : Sip… sebenarnya nih tombol dah jadi, kita tinggal membuat teksnya saja. Untuk membuatnya kita menggunakan Text tool. Untuk font-nya saya menggunakan Arial Black dengan ukuran 30 dan warna #999999. Lalu agar teks tersebut mempunyai efek, kita akan membuatnya menjadi dua teks (gunakan teknik clone seperti step 4). Lalu teks yang baru terbentuk tersebut diberi warna putih (#FFFFFF). Select teks yang berwarna putih tersebut, lalu gunakan kursor untuk membuatnya agak sedikit menyerong ke kanan.
Hasil Akhir :
Yups….. sekian dulu…..
ni bang darto komen ya! supaya agak rame dikit…
Comment by dHarto..!! — October 13, 2008 @ 11:50 am
kalo di import dari file jpg sebagai background, framenya ikut kelihatan atau sudah sebagai image yang diinginkan.
trimakasih
Comment by budi — May 9, 2009 @ 12:44 pm