The Black Music Web Template

Transkripsi

1 Page 1 of 18 Adobe Photoshop Tutorial Posted on: / 14:27:08 The Black Music Web Template Walo brow..., lem ini gue rada ga mut..!! migrein gue kambuh, badan pegel banget, tadinya sehabis pulang kantor, mao langsung ke kampus, yaaa Tuhaaann, malem ini musti kul 2 mata kuliah...ampe jam 10 an malem...karena badan gue lagi ga enak...akhirna gue langsong pulang ajah... Wabes buka, gue coba bwat minum obat dan istirahat, ternyata ga isa tidur... hmmm hhmmmm hmmm, siang tadi memang kerjaan dikantor bikin mayan cape...ya sudah lah, terima ajah...mungkin ada hikmahna... :) Akhirna dari pada susah tidur, gue bikin ajah nih tutor baru gue..tadinya siih dah di publish di halaman Web Template, ternyata gue ga sadar, gue dah jatuh cinta ma header na, hmmm hehe..wabis gue seneng banget ngeliat hasilna pas dah jadi, ternyata header na yang gue bikin mirip head set ini, menurut gue pas banget kombinasi cahaya na..hehe yaa itu si mnurut gue, hmm gimana kalo gue bikin aja nih tutor na..woke brow.. kita mulai... Lu musti siapin dokumen pattern na dolo, ukuran 20 x 20 px transparent perbesar zooming canvas 1600%, ambil rectangle tool na, buat bidang mendatar di tengah2, tros lu transform diagonal sekitar 45 derajat ke kanan.

2 Page 2 of 18 Duplikat dua kali dan perkecil untuk di sebelah kanan bawah dan kiri atas. Nah lo, masih inget kan cara men-definisikan pattern na, pencet-cet [CTRL+A], lalu pilih Edit > Define Pattern, ketik nama pattern na, klik OK, kesimpen dah pattern baru lu. Woke, sekarang kita bakalan bikin objek utama na, bikin dokumen baru ukuran 760 x 600

3 Page 3 of 18 px (standar halaman Web sederhana), background na item. Dengan Elipse Tool, bikin bidang untuk header na, wabis ntu pilih Direct Selection tool, bwat ngedit titik2 path na, pada titik yang tengah gue tambahin pake Add Anchor point tool, naikin ke atas, sedangkan kedua titik di pinggi kiri dan kanan turunin ke bawah dengan jarak yang sama. hehe, kasi style na brow...

4 Page 4 of 18 Dengan teknik yg sama, lu bikin di atas layer na bidang yang mirip, cuma rada kecil bro...biar posisi na ke di tengah2 gitu..langsong kasi style brow:

5 Page 5 of 18 Di bagian bwah na, tambahin bidang dengan rectangle tool lagi, radius 20 px. kasi style na:

6 Page 6 of 18 Tros bikinin lagi pake elipse tool di bagian tengah header, kasi style na ke gini ni bro:

7 Page 7 of 18 eh hehe, gradasi na rada unik yak..biar memicu inspirasi lu, bwat bikin kombinasi gradasi2 yang laen..:d :D Bikin satu bidang elipse juga untuk di tengahna, ukuran na sekitar 90 % dari ukuran sebelumna, nah ni dia style na:

8 Page 8 of 18 Wew, bntar dolo brow, tambah lagi elipse na untuk di tengah juga, ukuran na dikurangi juga 95 % dari ukuran sebelumna, nah kasi style na, sama siii style na:

9 Page 9 of 18

10 Page 10 of 18 Nah terakhir ni brow, mahap yee buletan na kebanyak kan, hehe biar puas lu nya, hahahahakk, tambah satu lagi bultan yg sama, kali in iukuranna sekitar % dari ukuran sebelumna, style na:

11 Page 11 of 18 Tips Gue: biar lu ga susah nentuin ukuran2 pada elips2 diatas, lu duplikat2 ajah dah, nah dengan transform tool [CTRL+T], lu tinggal ubah angka trasform na, jangan lupa klik ikon rante untuk transform proporsional. kalo bwat persentase ukuran, itu terserah lu, yg penting cocok ama mata batin lu :D :D

12 Page 12 of 18 nah bwat efek pencahayaan, gue kasiin pake elipse tool, dengan style gradasi transparent putih, tepat di bagian atas buletan elipse na. Fill Opacity pada Blending option na turunin menjadi 0%

13 Page 13 of 18 Hehe jadi dah, cahaya na... Tambahin tulisan DRE sebagai inisial dremi.info, dan sedikit coretan gradasi di tengahna... Untuk pembatas menu, gue bikin pake Pencil Tool, warna na dua macem yak...

14 Page 14 of 18 Ubah Blending layer na menjadi Overlay, dan duplikat ke beberapa posisi dan sesuaikan dengan jumlah menu lu. Kasi text menu na... Untuk mengisi content dibawahna, gue bikin pake rectangle tool, dengan style ke gini:

15 Page 15 of 18 Naahh sekarang saat na lu pake dah tuh pattern yg lu bwat sebelumna: diatas na bikinin satu bidang rectangle tool lagi ukuranna hampir menutupi bagian untuk konten web na...

16 Page 16 of 18

17 Page 17 of 18

18 Page 18 of 18 Nah jadi dah, tinggal lu tambahin text2 untuk konten dan beberpa hasil karya lu... Download PSD na