PDA

View Full Version : [Guide} How to make a nice/simple signature/header for your website



PaikProductions
24-01-09, 08:13 AM
Hello,
Here is a tutorial about how to make a nice looking Signature or Website Header.
Lets Begin:
Create a new document 190 pixels in height and about 900 pixels wide. Fill with any color then add these layer styles to it.
http://img160.imageshack.us/img160/8682/step1zp0.gif (http://imageshack.us)
http://img160.imageshack.us/img160/6809/step2ur8.gif (http://imageshack.us)
http://img105.imageshack.us/img105/2624/step3lj3.gif (http://imageshack.us)
It should look like this:
http://img105.imageshack.us/img105/7003/step4eo4.gif (http://imageshack.us)
Add your websites title, slogan and logo to your signature/header aswell as a shine that goes across your header by using the pen tool, you should all no how to do this by now. Select the rounded rectangle tool and create a rectangle behind your header title text, set layer fill % to 8% and add a white stroke to it. You should be left with this.
http://img105.imageshack.us/img105/9375/40774435kl8.png (http://imageshack.us)
If you want to make advanced:
Now your going to need a stock image like this for this next part. Save the picture!
http://img105.imageshack.us/img105/7425/step6hh5.gif (http://imageshack.us)
Once you have your image paste it inside your rectangle, to do this copy your image to the clipboard then click your header layer whilst holding the CTRL key to make a selection, then goto “edit > paste into”. Your image should now be confined to the boundries of your header rectangle. Move your image into position then set layer blending mode to “luminosity”. Add a layer mask to your pasted image then drag a reflected gradient over the brightest part of the image.
Outcome:
http://img164.imageshack.us/img164/7936/step7kx6.gif (http://imageshack.us)
Enjoy your new signature!
I didn't succed the hard part :P
-PaikProductions

Shad
25-01-09, 02:58 AM
Sweet! +Rep

Yasir
11-03-09, 10:57 PM
Nice...

REP.ADD..........