How to Design a Cartoon Style Header in Photoshop

8,648 views | 14-October-2010 | Home > Photoshop Tutorials

Step 6: Navigation Bar


In this step we'll create a simple navigation bar, select the Rectangle Tool (U), create 5 rectangles, a big one in orange, I used #feb130, and then create 4 small rectangles for each links in blue, I used #feb130. To finish select the Text Tool (T) and write some links in the same yellow we used on the text in step 4 with the same font.


Step 7: Search Bar


Follow the same step than in step 6, but this time just creating one orange rectangle and one blue rectangle on it. With the same text style.


That's it for this tutorial, you can see by just using a few layer styles and shapes you can create a cartoon style header with vibrant colours.


Free download files


Adrien de Broglio -

A 22 year old aspiring designer who is a Photoshop enthusiast and is from France. Has created numerous graphic related designs and tutorials on his website and portfolio as well as on other websites to share his knowledge and skills to other people.

View all author articles

Other articles from the author

Article discussions

blog comments powered by Disqus
Photoshop Tutorials | Php Tutorials | Cinema 4D Tutorials | 3D Studio Max Tutorials | Illustrator Tutorials | Twitter Tutorials | After Effects Tutorials | Corel Draw Tutorials