Setelah anda menentukan ide desain dan menetapkan kerangka desain yang akan dibangun langkah selanjutnya adalah membuat layout gambar desain di photoshop ,sekarang saatnya untuk membuka program Adobe photoshop :
Buatlah sebuah canvas dengan cara pilih menu
file-> new atau dengan menekan control+N di keyboard anda.
Adobe Photoshop akan memberikan opsi canvas yang ingin anda buat ,tentukan setingan canvas anda sesuai dengan gambar dibawah :
Dengan opsi tersebut anda akan membuat layout desain untuk website dengan ukuran lebar 1600 pixel dan tinggi 1100 pixel. Resolusi layar monitor saat ini rata-rata paling besar berukuran lebar 1600 pixel hingga dengan setingan tersebut background website akan tampil dengan baik di layar berukuran 1600 pixel dan dibawahnya.Namun pada materi pelatihan ini anda akan diajak membuat background website yang dinamis sehingga bisa tampil baik diberbagai resolusi layar.
Membuat Desain Background website .
Website yang akan anda buat adalah website berjenis blog ,buatlah sebuah tema background yang akan mendukung tulisan-tulisan didalam blog supaya dapat tampil dan terbaca dengan baik.
Ubah canvas menjadi sebuah layer bernama background dengan cara doubel click pada panel layer lalu pada opsi layer berikan nama background.
Selanjutnya untuk membuat background website pilihlah warna yang tidak terlalu cerah ,gunakan warna abu muda dengan kode warna #eeeeee caranya click color picker lalu ubah kode warna menjadi #eeeeee.
Brush layer background yang sudah anda buat sampai semua layer berwarna putih cerah (#ffffff) tertutupi warna abu-abu (#eeeeee).
Dengan warna abu-abu yang lebih redup ,mata para pembaca blog tentunya tidak akan cepat lelah sehingga mereka akan lebih nyaman dan lama berada di blog anda. Sekarang supaya background website terlihat lebih menarik tambahkan effect noise dengan cara pilih menu Filter->Noise->Add Noise kemudian set amount menjadi 4% dengan tipe distribusi gausian.
Dengan demikian anda sudah menentukan background dasar yang akan anda gunakan untuk website dengan tampilan abu-abu.
www.Terima kasih telah bergabung bersama www.buatwebsitedisini.com/membuat-background-dasar-website.html
Terima kasih telah bergabung bersama www.buatwebsitedisini.com dalam program kursus.
About the Author
0 comments: