Membuat Desain Banner Web simple

Langsung saja ya sekarang kita buat desain banner web

Tutorial 1

buat sebuah Dokumen baru klik File atau Ctrl+N, kemudian kasih Weidht 600 dan Height 300, seperti gambar di bawah, setelah itu klik OK untuk menampilkan dokumen baru

Tutorial 2

setelah dokumen baru sudah tampil kemdian kita Duplikasikan backround dengaan cara klik Layer-Duplicate Layer setelah itu akan muncul tampilan kotak Duplicat layer lalu klik OK

Tutorial 3

Selanjutnya kita akan membuat tamplian background barusan yang di duplikasi menjadi gradasi klik Layer - Layer style - Gradient Overlay dan akan muncul tampilan layer style, setelah itu klik Reverse kemudia scale 150, seperti gambar di bawah lalu klik OK

Tutorial 3

Selanjutnya kita akan membuat garis bagian bawah dengan warna hitam dengan menggunakan Rectange Tool  dan lalu pilih shape layer seperti gambar di bawah lalu pilih warna hitam

 

Langkah 4

sekarang kita buat pace nya, perhatikan gambar di bawah

klik tekan dari titik merah sebalah kiri terus tarik ke titik sebelah kanan

lalu ubah Opacity nya jd 90%

Langkah 5
sekarang kita masukan Gambar minuman jus dengan cara klik File-Place terus pilih gambar yang akan di tampilkan nya lalu klik OK, selanjutnya kita akan membuat list sederhana dengan menggunakan Rectangle Tool (U) dan pilih dulu warnanya menjadi putih, perhatikan gambar di bawah

Klik tekan dari titik sebelah kiri atas lalu tarik ke arah titik kanan bawah lalu lepas hasilnya akan seperti gambar 2, terus sekarang kita pindahkan layer shape nya menjadi di bawah gambar seperti gambar di bawah

klik tekan layer shape 2 nya lalu tarik ke bawah layer gambar lalu lepas, sekarang posisinya sudah ada di bawah gambar

Langkah 6

Selanjutnya kita akan membuat bayangan dengan cara klik Layer-Layer style-Drop shadow dan akan muncul tampilan Drop shadow lalu kita ubah Angle 40, Distance 4, Size 4 lalu klik OK Seperti gambar di bawah

Langkah 7
Selanjutnya kita gabungkan Layer Gambar dengan Layer shape 2 menjadi folder seperti gambar di bawah

tekan tombol Ctrl terus klik layer gambar dan klik layer shape 2 lalu lepas tombolnya dan klik tekan ke dua layer yang di pilih barusan tarik kebawah ke gambar folder dan hasil nya akan menjadi satu folder seperti gambar di atas

Langkah 8

Selanjutnya kita akan mengatur gambarnya dengan klik Edit-Free Transfrom (Ctrl+T) kemudian kita atur sudut nya menjadi 15 

Langkah 9
kita masukan gambar lagi lakukan seperti dari langkah 5, cuman beda sudut nya sekarang menjadi 

-15 

Hasilnya seperti gambar di bawah

selanjutnya masukan gambar ketiga langkah langkah nya sam seperti yang tadi sudut nya 15 hasilnya seperti gambar di bawah

Langkah 10

Selanjutnya Layer shape di atas gambar atau Layer folder gambar pidahkan ke bawah layer shape terus kurangi lagi Opacity menjadi 80%

Langkah 11

Selanjutnya sekarang masukan Teks di sini saya masukan teks "25 BEST PHOTOSHOP LAYOUT JUICE TUTORIALS" dengan mengunakan Font Arial, tebal Reguler, ukuran 14 pt, smoot.
sekarang tinggal Save dengan menggunakan Format File FNG, bisa di gunakan layout desain website

Semoga Bermamfaat :)