Photoshop Tutorial: Create a Simple Web Header Bar

If you are not very familiar with creating simple graphics in Photoshop this is the tutorial for you! We will start from scratch and explain every little thing and build a nice little header bar you can use in web design. Obviously you can go ahead and create your bar at multiple widths and use the design techniques for all sorts of things in Photoshop and web design!

We will also learn how to just drop that simple letter press effect onto our text and icons we place on our bar!

Category:

Education

Tags:

• Adobe
• Photoshop
• Web
• Design
• Website
• Creation
• 2.0
• Metal
• Header
• Bar
• Module
• CS4
• CS3
• Tutorial
• Training
• Follow
• me
• on
• Twitter!
• http://www.twitter.com/tutvid
• Be
• sure
• to
• check
• out
• http://www.tutvid.com
• Check
• the
• blog
• http://tutvid.wordpress.com

[GunskiMod]

You should teach us how to make a sleek, black gaming-styled website.

[tutvid]

@GunskiMod I'll take that into consideration.

N.

[tutvid]

@xriderx66 Hey simplicity is good.

N.

[moneymoneyman17]

Thanks alot

I used the banner on my website.

[FLBeachBungalow]

will this work for a YouTube header?

[TheMeatDroid]

Thanks! Check out my website with a header I made in PS! beans.net78.net

[puffnpluky76]

Hey tutvid. I noticed that in Dreamweaver you can link only some parts of an image. You could use those icons on the header bar to link to other pages in your website.

[AL7boob1]

your English is amazing ....

my English is not really good but u make me understand ..

Thank You

also your teaching is really good

thanks man and we need more