Web Development Network  |  Sites:    Webmaster Resouces    Capital Tutorials    Arcade Games
Depiction- Webmaster Resources
Stock Image


Contributors: Free Flash Tutorials  |  Candles  |  Budget Web Hosting  |  SEO

Best Web Hosting |  Advertise Here  |  Advertise Here  |  BlueHost Review


Misc Links: Submit Tutorials (Earn $$) l Advertising l Site Map

Tutorials > Photoshop > Speech Bubble Header

 

Create a clean web 2.0 style header containing a speech bubble for your website.


Click here to view the final product.

1. Start out by creating a new document large enough for your header. (In this tutorial I will not create a full header containing a logo, just the right side without the logo.) Fill in the background with the color of your choice. I chose color #adb191. Next, create a new layer, select the Rectangular Marquee Tool and create a selection on the upper portion of the image for the actual header. Again, you may fill this in with your color of choice.

Speech Bubble Header


2. Next right-click on the current layer and select Blending Options. I chose to add a Drop Shadow, Color Overlay, Gradient Overlay, and a Stroke.

Drop Shadow Color and Gradient Overlay

Stroke


Speech Bubble Header


 

3. Now that the background for the header has been completed, go ahead and add some text links for navigation. I am using the Myraid Pro font.

Speech Bubble Header


Tutorial continues on page 2.



 
 

Affiliates

Invano Photoshop Tutorials
Tutorial Man Wallpaper Stock  More

Resources