Tuturial : How to make Web layout
Part 1 (photoshop)



WARNING!!!
Tutorial ini dibuat dengan memakai PhotoShop 7.0. Tidak di rekomendasikan
Untuk versi dibawahnya. Gunakan kreatifitas kalian untuk memperbagus tampilan
Sesuai keinginan kalian.

How to make Web layout

Part 1 (PhotoShop 7.0)

1.Buat new layer (ctrl + n) dengan ukuran 1024x768, untuk kustomisasinya
Default saja.

2.Warnai layer background dengan warna hitam.

3.Buka file gambar dan pilih ‘Elliptical Marquee Tool’. Selanjutnya buat lingkaran di bagian gambar yang kalian ingin sisipkan. Masih pada saat
Gambar kita di seleksi dengan ‘ellip.marq.tool’ tekan “ctrl+c”, setelah itu kita berpindah pada ‘Web layout’ kita yang masih hitam dan tekan “ctrl+v”



4.Atur letak gambar dengan menggesernya. Selanjutnya buat new layer (ctrl+shift+n) dan buat persegi panjang dengan ‘rec.marq.tool’, warnai dengan
Warna agak mendekati hitam dan deselect “ctrl+d”.
Note : Demi kemudahan, untuk nama layer default saja.

5.Kalau kalian mengikuti Tutor ini maka gambar akan ketutupan oleh persegi tadi. Langkah ini disebut layer order. Jangan nangis dulu, pada layer pallete
Drag down (klik geser tahan) layer persegi tadi ke bawah (tepatnya di bawah layer gambar), maka ia akan berpindah ke belakang gambar.



6.Buat new layer lagi dan kali ini letaknya di atas layer 2, warnai dengan warna yang lebih gelap. Selanjutnya klik di ‘color pallete’ (kotak hitam di toolbox) dan ganti dengan warna putih. Setelah itu buat tulisan seperti : Profile, gallery,
Contact us, dll. Kalau ingin merubah ukuran tulisan ubah dengan ‘free transform’ à pilih marquee tool, pastikan layer tulisan yang ingin di edit telah dipilih, pada tulisan klik kanan dan pilih free transform, kalau sudah pilih sembarang tool di toolbox.



7. Sekarang kita buat headernya (banner). Buat new layer (Ini layer ke-4, layer tulisan nggak dihitung) dan buat persegi panjang lalau warnai dengan warna
Abu-abu gelap, setelah itu di ujungnya buat lagi (tanpa buat layer baru) persegi panjang dan warnai dengan warna gelap.
Note : Kalian bisa mengambil banner yang sudah kalian buat sebelumnya
Dengan syarat filenya dalam format .jpeg , .gif , atau .png , asal
Bukan berformat photoshop.



8.Untuk sentuhan terakhir kalian bisa menambahkan gambar dan tulisan di banner kalian. Voila!! Part 1 selesai!!! Kalian bisa menghias dengan “blending
Option” di “blur, render” atau yang lainnya.



Untuk Part 2 kita akan menambahkan link-link pada option download, gallery, dll menggunakan Imageready (biasanya sudah satu paket Dengan photoshop 7.0 atau lainnya). Tunggu oke!
Keep Creative with Photoshop!!