iEntry 10th Anniversary FAQ Register
Today's Posts
Register
     
 

EvoGFX \ Graphics \ PS Tutorials \ Layout Tutorials \ Professional Banner

Layout Tutorials Want to learn how to create some layouts in photoshop? Come on in.

Reply
 
Display Modes
Old 10-05-2006, 08:04 PM   #1
PicoDeath
 
Join Date: Jun 2005
Location: England
Posts: 9,698
PicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirt
Default Professional Banner

Step 1
Create a new document, about 600x100, fill the background and create a bar from left to right about a medium size, fill this will a dark black colour, see the below image if need be.






The settings i used to make this stand out are below, I only used two blending options, play around with them to see what you can do.









Step 2
Now i created a small rectangle which will be where the link is located, I added a inner shadow to make it look further back and 3D, then i drew a 1px line to the left and set it to overlay, I then duplicated the layer a few times to create a few spots for links.






Step 3
Next i created small triangles by creating a new document, this is simple starting off with a 7 pixel line then each time went in by two, this is so it has the same shape throughout, then i duplicated it and placed it in the middle of each link background, then added some text to get a feel, here's the triangle so you get the idea and the outcome.









Step 4
This is just a simple pattern created, open a small document up and create something like the below, the go to Edit > Define Pattern and save, then select the fill tool and select pattern instead of foreground(Top left of photoshop), now draw another rectangle from left to right, fill it with the new pattern and blend the top slightly so it looks like i fades into the background.
Here's the pattern and outcome.











Final Step - Text/Name
For the final step i added a made up name for this banner, TalkDesign, I first typed out 'Ta kD sign' and then created a new layer for 'L' and 'E', I then rotated them and placed them into the spaces, to get the slight shine on the text use the same settings below. After all the text was done i drew a 1px white line under the text and set the layer to overlay.








I hope you enjoyed the tutorial and got something useful out of this.

Remember to register on the forums for future tutorials and to get support for anything photoshop related!
__________________
SEOContest2008
---------------------------------------
Gamernade - 360sigs - Fresh Myspace

Last edited by PicoDeath : 03-27-2007 at 10:19 PM.
PicoDeath is offline   Reply With Quote
Old 10-06-2006, 12:50 AM   #2
KnFC
i like turtles
 
KnFC's Avatar
 
Join Date: Jun 2005
Location: the places where i hustle every day
Posts: 2,218
KnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura aboutKnFC has a spectacular aura about
Send a message via MSN to KnFC
Default Re: Professional Banner

the L and E look like shit, but the rest is so pwner!

by the way, the new smilies are shit.
__________________

Son, we live in a world that has walls,
and those walls have to be guarded by men with guns.
Who's gonna do it? You?
KnFC is offline   Reply With Quote
Old 10-06-2006, 01:25 AM   #3
P4R
Banned
 
P4R's Avatar
 
Join Date: Nov 2005
Location: Georgia
Posts: 3,326
P4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura aboutP4R has a spectacular aura about
Send a message via MSN to P4R
Default Re: Professional Banner

the first two layer style images are the same.. both show inner shadow


but great tut overall
P4R is offline   Reply With Quote
Old 10-06-2006, 09:23 AM   #4
PicoDeath
 
Join Date: Jun 2005
Location: England
Posts: 9,698
PicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirt
Default Re: Professional Banner

Fixed P4R, thanks.
__________________
SEOContest2008
---------------------------------------
Gamernade - 360sigs - Fresh Myspace
PicoDeath is offline   Reply With Quote
Old 10-06-2006, 09:49 AM   #5
Mandril
Mandril Mandril Mandril
 
Mandril's Avatar
 
Join Date: Dec 2005
Location: In Yer pants :o
Posts: 2,099
Mandril is a diamond in the dirtMandril is a diamond in the dirtMandril is a diamond in the dirtMandril is a diamond in the dirtMandril is a diamond in the dirtMandril is a diamond in the dirtMandril is a diamond in the dirt
Send a message via AIM to Mandril Send a message via MSN to Mandril Send a message via Yahoo to Mandril
Default Re: Professional Banner

"tutorials" isn't centered right

sexy tut.
Mandril is offline   Reply With Quote
Old 10-06-2006, 10:22 AM   #6
PicoDeath
 
Join Date: Jun 2005
Location: England
Posts: 9,698
PicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirtPicoDeath is a diamond in the dirt
Default Re: Professional Banner

I made it at 1:00, but centering the text wasn't my main piority(SP?).
__________________
SEOContest2008
---------------------------------------
Gamernade - 360sigs - Fresh Myspace
PicoDeath is offline   Reply With Quote
Old 10-06-2006, 11:27 PM   #7
Adam
Cockney Geezer
 
Adam's Avatar
 
Join Date: Aug 2005
Location: UK - East London
Posts: 3,629
Adam has set out on a quest for fameAdam has set out on a quest for fameAdam has set out on a quest for fameAdam has set out on a quest for fame
Default Re: Professional Banner

Nice one Pico
__________________
Gamernade - 360sigs
Adam is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump





Evogfx.com is an Privacy Policy and Legal
Forum skin by ForumMonkeys. Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.