Cara membuat Desain Awal Web dari Photoshop CS4


Cara membuat Desain Awal Web dari Photoshop CS4 - Baik sobat,kali ini saya akan membagikan sebuah tutorial membuat desain Web awal dari Photoshop yang selanjutnya akan kita Slicing ke Desain web sebenarnya,yaitu Macromedia Dreamweaver, tapi kali ini kita hanya akan membahas tentang desain Photoshopnya dulu. Selanjutnya baru akan kita bahas cara Slicingnya.

Baca Juga : 
Contoh Program Pengulangan For di Java Netbeans
 
 
Langkah – Langkah Cara membuat Desain Awal Web dari Photoshop CS4 adalah,sbb :
  • Tentukan terlebih Dahulu jarak dari kiri kekanan dengan menggunakan Select Tool,lalu pada Menu Options Style pilih Fixed Size. Lalu pada Width dan Height tentukan jarak yang anda inginkan. Pada kali ini saya menggunakan 100 pixel dari kiri kekanan dan dari kanan kekiri.
  • Setelah itu tentukan jarak untuk Header,Menu Bar,Side Bar dan Footer dengan menggunakan cara seperti diatas.
  • Kalau Layout nya sudah terbentuk,kita tinggalkan sejenak untuk mencari Icon-Icon tambahan seperti Icon FB,Twitter dan Gmail.
  • Jika sudah ada,Klik menu File lalu pilih Open,Cari file Icon yang telah kita download tadi lalu klik OK. Maka tab atau baru akan muncul.
  • Setelah itu,Drag gambar yang ada pada Tab baru tadi ke arah tab Desain Web yang Kita Buat,tunggu sampai Desain Web yang kita buat tadi muncul lalu lepaskan drag nya.
  • Atur Besar Icon tadi Menggunakan Ctrl + T (Transformation).
  • Setelah itu tempatkan Icon pada Side Bar dan sesuaikan.
  • Setelah Itu,Kita akan membuat Kotak-Kotak hijau Transparan yang ada pada Desain Web.
  •  Caranya,Klik dahulu New Layer yang ada Pada sudut Kanan Bawah Lembar Kerja anda.
  • Lalu akan muncul Layer selanjutnya. Setelah itu Klik Select Tool lalu drag Tempat yang kan diberi warna hijau. Kalu sudah,Klik tombol pilihan 
  • Cari Icon cat Tumpah
  • Setelah itu,pada menu Optin Pattern dirubah menjadi Foreground,
  • Setelah itu tentukan warna yang anda inginkan,,pada kali ini kita menggunakan warna Hijau. Caranya,klik pada pilihan warna.
  •  Lalu akan muncul kotak dialog untuk menentukan warna.
  • Pilih Warna Hijau lalu tekan OK. Maka Kotak akan berwarna Hijau.
  • Lakukan hal serupa pada kotak-kotak lain yang ingin dibuat Berwarna Hijau menggunakan cara diatas. Tapi ingat,harus di Klik New Layer Dulu Yaaaaa,,,
  • Pada Saat ini kotak masih berwarna Hiaju tebal,untuk menTransparankan nya Dapat mengklik Opacity yang ada pada menu Layer.
  • Lalu atur transparan nya,jika sudah selesai klik disembarang tempat.
  •  Setelah Ini Kita akan membuat Teks Pada Header.
  • Caranya,Klik Teks Tool pada Toolbox. 
  •   Lalu tempatkan cursor pada tempat yang anda inginkan,dan ketikkan kata-kata yang akan dibuat. Setelah itu,rubah Ukuran dan Font sesuai Keinginan,jika sudah selesai,Klik Sembarang tempat dan lihat hasilnya. 

SELESAI
Previous
Next Post »