photoshop (Tugas 2) PUJII

Membuat Backgroun Layout

 

Assalamualikum ini blog saya bray
Saya akan membuat web dengan photoshop check this out.
Buatdokumenbaru (Ctrl + N) dengandimensi 1200 x 1.245 dengan background putih #ffffff.
Klikkananpada layer background lalupilih menu “Layer From Background”, berikannama “Backgorund” pada layer, kemudiantambahkan “Gradient Overlay” ikutipengaturansepertigambar di bawahini.


Tutorial Design Web Step 1 

Select “Elliptical Marquee Tool” (M) kemudian tarik keluar elips besar ke atas kanvas

Tutorial Desaign Web Photoshop 2 

Buat layer baru di atas layer background kemudian beri nama “Background Jazz”. Sekarang pilih “Gradient Tool” dengan pengaturan berikut

                                               
Tutorial Design Web Photoshop 3 






Tarik gradien sedikit saja dari bagian atas elips ke bagian dalam elips / oval, kita tidak ingin mengisi elips sepenuhnya

Tutorial Design Web Photoshop 4 


Deselect the ellipse (Ctrl + D) maka anda akan mendapatkan hasil seperti berikut

Tutorial Design Web Photoshop 5






Duplikat layer tersebut, putarsertamenyesuaikan opacity darisetiaplapisan, aturposisisecaraacakduplikat layer tersebutdiataskanvas. Sayahanyamenduplikat layer inisebanyak 3 kali.

Tutorial Design Web Photoshop 6 


Tutorial Web Design Photoshop 10

Membuat Header

Di sisi kiri kanvas tambah kan judul portofolio dan slogan menggunakan “Type Tool” (T). 


Tutorial Design Web Photoshop 7        

Select pada bagian judul layer kemudian berikan layer styles seperti dibawah ini.

  Tutorial Design Web Photoshop 8                                 Tutorial Design Web Photoshop 9 

Dan hasilnya kurang lebih seperti berikut

                                       
                                          Tutorial Web Design Photoshop 10 

Pada sisi kanan judul dan slogan tambahkan navigasi tekstual sederhana dengan menggunakan font yang sama.

Tutorial Web design Photoshop 11 


Dan ini lah hasil dari tutorial kali ini :    Tutorial Web design Photoshop 13 


Sekian dari saya wassalam

Unknown

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

No comments:

Post a Comment