Jumat, 05 Oktober 2007

Desain Style Web 2.0 dengan Macromedia Fireworks 8

Buka Fireworks 8, kalo tidak punya silahkan pakai versi terdahulu FW

MX.

- 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

- klik dan tarik keluar kotak unutnk mengubah tingkat nilai sudutnya

sehinggal 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

menngunakan 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) Very Happy




Author :
daengmaster | forum.makassarterkini.com