belajar desain halaman depan web profil

Post on 12-May-2015

2.410 views 4 download

Transcript of belajar desain halaman depan web profil

Membuat Desain Halaman Depan Website !!

Sobat ! kita akan membuat desain halaman depan website profil, dan yang akan kita desain adalah perusahaan pariwisata yang ada di Bali, Nusa Dua(Bali Tourism Development Corporation). Langsung saja ya..

Buka Adobe Photoshop sobat , di sini saya memakai cs3 ..

Lalu buka gird 960pixel, CTRL+O lalu pilih gambarnya sobat.

Setelaah itu kita buka filenya sobat.

Hapus creds dan guides yg ada di kolom layers (pojok kanan bawah)

Buat garis bantu seperti ini untuk membantu pekerjaan kita sobat. Caranya tarik garis dari penggaris di bagian atas. Garis-garis inilah yang akan mempermudah pekerjaan kita sobat.

Buat kolom-kolom seperti ini untuk layoutnya sobat. Jika ingin langsung membuat desain halaman webnya, layoutnya bisa kita buat di buku ataupun kertas, sebagai panduan kita mendesain.

Seperti ini layout yang sudah selesai dibuat sobat.

Beri keterangan pada setiap kolom sobat.

Masukan logo dari perusahan tersebut sobat .

Setelah logo dimasukan. Kita buat kolom-kolom seperti ini, untuk contact us perusahaan.

Isi kolom-kolom tadi dengan informasi apa yang di butuhkan, misalnya latar belakang, visi &misi, history, other office, dll.. tergantung apa yang di butuhkan perusahaan.

Masukan gambar yang di inginkan.

Atur posisi gambar pada kolom slider yang sudah di buat tadi sobat.

Lalu beri warna kolom untuk project, product dan artikel yang sudah kita buat tadi. Caranya klik kolomnya lalu ganti warnanya (tnda panah), atau kita ingin memeberi efek gradient overlay atau efek lainnya, sobat bisa mengaturnya di kolom layer ada tulisan fx.

Lalu masukan gambar dari perusahaan tersebut, dan beri keterangan gambar tersebut.

Setelah itu, ganti warna backgroundnya. Caranya klik tulisan fx. Ada Colour overlay dan masih banyak efek-efek yang lainnya. Silahkan sobat bereksperimen sendiri yaa..

Setelah itu, isi menu dengan info yang di yang ingin di tampilkan oleh perusahaan tersebut.

Lalu isi footer dengan nama sobat atau perusahaan sobat (kalau sudah ada ya , hehe), karna sobat yang membuat desainnya.

Dan inilah hasil desain yang di buat sobat.

Namun ini baru pada halaman depan website loh sobat. Untuk halaman berikutnya di tunggu ya sobat.. ok ? hehe :DHmm, oyaaah sobat ini adalah postingan pertama yang saya buat sendiri. Soo, kalo banyak kesalahan yaa di maklumin aja yaaa .. cs baru belajar nulis di blog , hehehe :D