Selasa, 25 Maret 2008

Merancang Web Dengan Fireworks ala Tibol....

Merancang Web Dengan Fireworks ala Tibol....

Bagaimana membuat desain web??? Hmmm...mungkin bagi sebagian orang awam, hal ini masih teramat sulit. Akan tetapi, sekarang siapa pun bisa merancang Web nya sendiri dengan menggunakan Fireworks. Mau tahu caranya......

Ini nih langkah-langkah nya...

  1. Buka Fireworks yang telah diinstal

  1. Untuk memulai membuat latar, masuk ke menu “File” lalu klik “New”. Atau biar lebih gambang langsung saja pencet saja Ctrl+N
  2. Setelah itu, akan muncul info seperti ini

Dan klik “ok”!!! Dan muncul deh...

  1. Terus, kalian bisa membuat objek kotak atau garis, sesuai hasrat desain kamu, dengan tool “vektor” yang ada di sebelah kiri. Nah, kalau ingin membuat objek kotak seperti ini, kalian bisa menggunakan tool “vektor rektangel”

  1. Lalu, untuk memilih warna, yang pas dengan selera, dan garis, kita bisa melakukan itu dengan masuk ke kolom propertis (biasanya ada di bawah). Kita bisa juga memberi effect “shadow” pada kotak. Efek ini bisa dilihat juga masih di kolom yang sama yakni “propertis” lalu masuk ke “filters”.

  1. Kita bisa menambahkan tex pada desain web juga loh!!! Caranya gampang. Tinggal klik text tools di “kolom vektor”, biasanya ditandai dengan huruf A

Jadi dech desain web ala kita-kita. Tapi....kayaknya nggak seru degh kalau web nya nggak ada gambar-gambarnya????? Hmm....... Lalu bagaimana ya cara memasukkan gambar pada desain web yang kita buat??????

Begini nih caranya:

  1. Buka file gambar kita, lalu masukkan gambar yang akan digunakan
  2. Lalu, bila gambar yang kita ambil berlatar putih, kita bisa menggunakan “Magic Wand Tool” yang ada di kolom “bitmaps”. Setelah itu, masuk ke menu, pilih “select” kemudian “select inverse” dan untuk membuat area pengambilan menjadi lebih halus, kita bisa masuk kembali ke “select” terus “klik feather

  1. Agar gambar dapat bersatu dengan desain web semula, kita bisa mengcopy gambar dengan Ctrl+C lalu mem-paste gambar tersebut ke desain web yang telah kita buat dengan memencet Ctrl+V. Kalian bisa menggunakan Ctrl+T jika ingin menyesuaikan ukuran gambar dengan desain

  1. Saran: Beri filter shadow agar gambar terlihat lebih alami di web!!!!

Nah, web kita ada gambarnya dech sekarang!!!!! Tapi....sebenarnya, ini belum selesai lo!!! Ada tahapan lain untuk menyelesaikan desain web kita ini. Mau tahui caranya? Hayo...

  1. Tahap finishing yang pertama adalah menggunakan slice yang ada di kolom tools web. Dengan ini kita bisa membagi-bagi kerangka web yang kita buat, mana yang bagian “top”, mana yang buat “main menu”, mana yang buat “menu”, dan mana yang “bottom”

  1. Lalu tekan F12 jika ingin melihat preview nya di internet

  1. Setelah itu di “ekspor” dech….. Selesai!!!!

That’s my desain web!!! Thank to NIDIJIHOLIC and nery@purnamainfo...

Tidak ada komentar: