How to Design a Cartoon Style Header in Photoshop

7,321 views | 14-October-2010 | Photoshop Tutorial

 

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.

 
 
 
 

Design a Perfume in 3D Studio Max

3D Studio Max Tutorial - Design a Perfume in 3D Studio Max

In this 3D Studio Max Tutorial you will learn how to design a perfume bottle and will explore the use of Editable Poly Parame...

Create a beautiful wallpaper in photoshop

Photoshop Tutorial - Create a beautiful wallpaper in photoshop

In this Photoshop Tutorial, we will create a beautiful wallpaper using Photoshop CS5.  Resources needed: Couple LI...

Use Cinema 4D Renders to Design a Photoshop Signature

Photoshop Tutorial - Use Cinema 4D Renders to Design a Photoshop Signature

Use Cinema 4D renders to create an abstract like photoshop signature....

Create a Newton Balls in 3D Studio Max

3D Studio Max Tutorial - Create a Newton Balls in 3D Studio Max

Newton's cradle (also known as Newton's balls) is a device to shows the law of conservation of momentum and energy via a seri...

Flying Girl Photo Manipulation

Photoshop Tutorial - Flying Girl Photo Manipulation

Today lets do something magical. : ) I will be showing how to combine different images and make a beautiful flying girl Photo...

Vray Realistic Caustic Effect in 3D Studio Max

3D Studio Max Tutorial - Vray Realistic Caustic Effect in 3D Studio Max

Caustic effects are produced when light rays reflected or refracted by the object surfaces. When the light rays are transport...

Design a movie camera icon in Photoshop

Photoshop Tutorial - Design a movie camera icon in Photoshop

In this Photoshop Tutorial I'm going to create a Movie Camera with Stand. You can learn some commands and techniques in this ...

Remove a person or an object from a photo

Photoshop Tutorial - Remove a person or an object from a photo

There are times in a web designer or graphic designer's colourful and creative life that they will encounter a situation wher...

How to create traditional spiral border

Corel Draw Tutorial - How to create traditional spiral border

In this CorelDRAW Tutorial you will learn to create spirals, mirror horizontally and vertically, copying using just the mou...

Flaming Bird Photo Manipulation

Photoshop Tutorial - Flaming Bird Photo Manipulation

In this Photoshop Tutorial, we will create a beautiful flaming bird using photoshop. This is a designer beginner’s tuto...

 
 
 

Author

Adrien de Broglio - www.supercolorstudio.com

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.

 

More about the author

Adrien de Broglio has a total of 45 published webmaster tutorials on CienelDotNet. The last submitted tutorial was a Illustrator Tutorial entitled Create a Retro Valentines Robot in Love Poster in Illustrator, it was published last February 12, 2013. Color in the Sky Wallpaper is the most popular tutorial among all webmaster tutorials submitted by Adrien de Broglio with a total views of 15K, that is about 8% of the total tutorial views (193K) of all his 45 webmaster tutorials. He was last seen on the website last November 14, 2013, 154 days ago

 

Tutorial Comments

 
blog comments powered by Disqus

Free Download Files

 
 

Share this Tutorial

 
 

More Webmaster Tutorials from the Author

Illustrator Tutorial - Create a Retro Valentines Robot in Love Poster in Illustrator

In this new Valentine’s Day Illustrator Tutorial we’ll learn how to create a cute retro robot in love...

Create a Retro Valentines Robot in Love Poster in Illustrator

12-Feb-2013
Photoshop Tutorial - Create a Vibrant Heart Bokeh Wallpaper in Photoshop

In this Photshop Tutorial, we’ll learn how to create vibrant heart bokeh effect wallpaper using a few filte...

Create a Vibrant Heart Bokeh Wallpaper in Photoshop

12-Feb-2013
Photoshop Tutorial - Create a Wallpaper with Flying Hearts Balloons and Cloud Text

In this new Valentine’s Day Photoshop Tutorial we’ll learn how to create a cool wallpaper with some f...

Create a Wallpaper with Flying Hearts Balloons and Cloud Text

11-Feb-2013
Photoshop Tutorial - Create a Trendy Minimalist Valentines Poster in Photoshop

In this new Valentine’s Day Photoshop Tutorial we’ll learn how to create a trendy Minimalist Valentin...

Create a Trendy Minimalist Valentines Poster in Photoshop

11-Feb-2013
Photoshop Tutorial - Create a Gingerbread Cookie in Photoshop

In this Photoshop Tutorial we’ll create a yummy Gingerbread Cookie in Photoshop using custom patterns, text...

Create a Gingerbread Cookie in Photoshop

03-Jan-2013
Photoshop Tutorial - Create a Sweet and Chocolate Text Valentines Day Card in Photoshop

With Valentine’s day coming, here’s a new Photoshop Tutorial on cienel.net we’ll create a cool ...

Create a Sweet and Chocolate Text Valentines Day Card in Photoshop

11-Feb-2013
Illustrator Tutorial - Create a Vintage Greeting Christmas Card in Illustrator

In this Illustrator Tutorial, we’ll learn how to create a Vintage Christmas Card you can send to family and...

Create a Vintage Greeting Christmas Card in Illustrator

03-Jan-2013
Illustrator Tutorial - Create a Halloween Vampire Icon in Illustrator

Halloween is just next week, and because of that this is the fifth I’ve created using simple tools and shap...

Create a Halloween Vampire Icon in Illustrator

29-Oct-2012
Illustrator Tutorial - Create a Halloween Skull Icon in Illustrator

In this fourth Illustrator Tutorial created using simple tools and shapes, we’ll create a Skull Icon. &n...

Create a Halloween Skull Icon in Illustrator

29-Oct-2012
Illustrator Tutorial - Create a Halloween Pumpkin Icon in Illustrator

The third installment I’ve created using simple tools and shapes. In this new Illustrator Tutorial we&rsquo...

Create a Halloween Pumpkin Icon in Illustrator

29-Oct-2012
Illustrator Tutorial - Create a Halloween Mummy Icon in Illustrator

In this second out of five Illustrator Tutorial we’ll create a Mummy Icon, again using basic shape and tool...

Create a Halloween Mummy Icon in Illustrator

29-Oct-2012
Illustrator Tutorial - Create a Halloween Frankenstein Icon in Illustrator

With the Halloween coming in few days, I’ve created a series of 5 icons using simple tools and shapes in Il...

Create a Halloween Frankenstein Icon in Illustrator

29-Oct-2012
Photoshop Tutorial - Create a Halloween Theme Poster

Hey fellow design enthusiast, here’s a new Photoshop Tutorial on how to create a Halloween Theme Poster, yo...

Create a Halloween Theme Poster

17-Oct-2012
Photoshop Tutorial - Quick Tip no. 10 - Create a Colour Picker UI in Photoshop

In today’s tip from the quick tips series, we’ll learn how to create a simple Colour Picker UI you ca...

Quick Tip no. 10 - Create a Colour Picker UI in Photoshop

28-Sep-2012
Photoshop Tutorial - Quick Tip no. 9 - Create a Magnifying Glass Icon in Photoshop

In today’s Photoshop Tutorial tip from the quick tips series, we’ll learn how to create a Magnifying ...

Quick Tip no. 9 - Create a Magnifying Glass Icon in Photoshop

28-Sep-2012
 
1 2 3
 
 
loading...