Depiction- Webmaster Resources
Stock Image


Contributors: Advertise Here  |  Advertise Here  |  Advertise Here


Misc Links: Submit Tutorials (Earn $$) l Advertising l Privacy Policy | 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.



Impress your readers with a great header design and newsletter layouts that can't be ignored.

 
 

Affiliates

Templora Photoshop Tutorials
Tutorial Man Wallpaper Stock  More

Resources