Berikut ini adalah tip dan trixk membuat desain style web 2.0 dengan menggunakan Macromedia Fireworks 8.
Selamat Menikmati

Buka Fireworks 8, kalo tidak punya silahkan pakai versi terdahulu FW MX. Sambil nunggu buka alangkah nikmanya Anda ditemani secangkir kopi.

• Buat dokumen baru

• Pada panel vektor (Sebelah kiri) klik Rectangle Tool (Key U)

• Klik segitiga hitam kecil disebelah kanan bawah pada icon rectangkle tersebut. Akan muncul menu baru.

• Pilih Rounded Rectangle

• Buatlah kotak sesuai dengan selera Anda. Yg saya bikin berukuran 500 x 400 px dengan warna hitam solid

• klik dan tarik keluar kotak untuk mengubah nilai sudutnya sehingga lebih runcing
  
  
• setelah jadi, tekan CTRL + C atau ikon copy di menu atas.Masih di panel vector, sekarang pilih Ellipse Tool. Buatlah lingkaran elips dengan ukuran 988 x 392 px pada posisi x=154 dan y= 420. Agar mudah masukkan saja nilai ukuran ini pada panel properties di sebelah kiri bawah. Warnanya terserah Anda.Sekarang pilih kedua objek tersebut (Ctrl + A)
  

• Pada menu atas, pilih tab Modify - Combine Paths - Punch

• Anda akan memperoleh objek baru seperti di bawah ini.

• Sekarang tekan CTRL + V untuk mempaste kotak yg tadi Anda telah bikin.
• Pilih kotakmya dan tekan CTRL + SHIFT + DOWN atau Klik kanan pada
  objek, pilih menu Arrange - Send to Back. sekarang pilih objek kedua (Layer paling atas) dan ubah warnanya menjadi #333333

• Kemudian pilih kembali kota yg pertama kali Anda bikin. Copy dan paste. Pilih hasil pastenya trus tekan CTRL + SHIFT + Up untuk menjadikannya layer terdepan.
• Ubah warnanya menjadi putih. Kemudian kecilkan ukurannya dgn menggunakan fasilitas numeric transform ( CTRL + SHIFT + T). Masukkan skala 95.
• Pilih kotak tersebut, pada menu di atas klik pilih tab Commands - Creative - Fade Image. Dan pilih opsi sesuai gambar di bawah

• Pilih lingkaran hitam di atas dan tarik ke atas sampai area transfarannya semakin berkurang. Hasilnya seperti di bawah ini

• Sekarang pilih kotak hitam (Layer Paling belakang). Pada panel properties. Klik dan ubah solid menjadi Gradient - Linear. Sehingga nampak seperti gambar di bawah ini

• Ubah posisi arah gradientnya dengan mengklik ujung garis hitam sehingga membentuk efek gradasi seperti gambar di bawah ini

• Sekarang masukkan tulisan atau icon yang Anda inginkan (Saya memakai icon rss) dan lakukan modifikasi warna sesuai dengan selera Anda (Saya memakai warna merah)
• Jangan lupa supaya lebih berkesan Style Web 2.0. berikan efek refleksi. <Commands - Creative - Fade Image>

Icon rss dapat kamu donlot di:
http://feedicons.com/index.php?download=3


Sekian..semoga bermanfaat

By caesarleo <metalgrin> 

Last Updated on Wednesday, 10 June 2009 17:07  

Komunitas Pengguna Joomla Indonesia