Membuat Desain Halaman Depan Website !!Sobat ! kita akan membuat desain halaman depan website profil, dan yang akan kita d...
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 daripenggaris di bagian atas. Garis-...
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 pe...
Isi kolom-kolom tadi dengan informasi apa yang di butuhkan, misalnya latar belakang, visi &misi,history, other office, dll...
Atur posisi gambar pada kolom slider yang sudah di buat tadi sobat.Lalu beri warna kolom untuk project, product dan artike...
Lalu masukan gambar dari perusahaan tersebut, dan beri keterangan gambar tersebut.Setelah itu, ganti warna backgroundnya. ...
Setelah itu, isi menu dengan info yang di yang ingin di tampilkan oleh perusahaan tersebut.Lalu isi footer dengan nama sob...
Dan inilah hasil desain yang di buat sobat.Namun ini baru pada halaman depan website loh sobat. Untuk halaman berikutnya d...
Upcoming SlideShare
Loading in …5
×

belajar desain halaman depan web profil

2,969 views
2,754 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,969
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
54
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

belajar desain halaman depan web profil

  1. 1. Membuat Desain Halaman Depan Website !!Sobat ! kita akan membuat desain halaman depan website profil, dan yang akan kita desain adalahperusahaan pariwisata yang ada di Bali, Nusa Dua(Bali Tourism Development Corporation). Langsungsaja ya.. Buka Adobe Photoshop sobat , di sini saya memakai cs3 .. Lalu buka gird 960pixel, CTRL+O lalu pilih gambarnya sobat.
  2. 2. Setelaah itu kita buka filenya sobat.Hapus creds dan guides yg ada di kolom layers (pojok kanan bawah)
  3. 3. Buat garis bantu seperti ini untuk membantu pekerjaan kita sobat. Caranya tarik garis daripenggaris di bagian atas. Garis-garis inilah yang akan mempermudah pekerjaan kita sobat.Buat kolom-kolom seperti ini untuk layoutnya sobat. Jika ingin langsung membuat desainhalaman webnya, layoutnya bisa kita buat di buku ataupun kertas, sebagai panduan kitamendesain.
  4. 4. Seperti ini layout yang sudah selesai dibuat sobat.Beri keterangan pada setiap kolom sobat.
  5. 5. Masukan logo dari perusahan tersebut sobat .Setelah logo dimasukan. Kita buat kolom-kolom seperti ini, untuk contact us perusahaan.
  6. 6. 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.
  7. 7. 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 klikkolomnya lalu ganti warnanya (tnda panah), atau kita ingin memeberi efek gradient overlay atauefek lainnya, sobat bisa mengaturnya di kolom layer ada tulisan fx.
  8. 8. Lalu masukan gambar dari perusahaan tersebut, dan beri keterangan gambar tersebut.Setelah itu, ganti warna backgroundnya. Caranya klik tulisan fx. Ada Colour overlay dan masihbanyak efek-efek yang lainnya. Silahkan sobat bereksperimen sendiri yaa..
  9. 9. 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), karnasobat yang membuat desainnya.
  10. 10. Dan inilah hasil desain yang di buat sobat.Namun ini baru pada halaman depan website loh sobat. Untuk halaman berikutnya di tunggu yasobat.. ok ? hehe :DHmm, oyaaah sobat ini adalah postingan pertama yang saya buat sendiri. Soo, kalo banyakkesalahan yaa di maklumin aja yaaa .. cs baru belajar nulis di blog , hehehe :D

×