7,223 views | 14-October-2010 | Photoshop Tutorial
Using layer styles and shapes we will be creating a website header with a cartoonish theme. You will practice your basic drawing skills with the creation of catoon clouds using the Elliptical Marquee Tool and simple lines with Rectangle Tool. The Warp Text Tool is also used for the text effects and more layer styles such as Outer Glow, Color Overlay, and Stroke together with a cool color combination for a more absolute cartoon effect.
Open photoshop and create a new document, I used 1100x400px with a transparent background.
For the background, select the Gradient Tool (G) and create a radial gradient using yellow/orange colours, #ffd60e and #ff9f41 you should have a result like this, rename the layer Background.
In this step we'll create some cartoon style clouds using layer styles, to start create a new layer and select the Elliptical Marquee Tool (M) and start creating circle selections so it looks like clouds, make sure to press shift while creating selections.
When you've got 3 or 4 clouds fill the selection with black, Edit - Fill - Black and rename the layer Clouds.
Next add some layer styles on the Clouds layer to finish the cartoon effect:
Next we'll create the text, to start select the Text Tool (T) and write some text, I wrote RNELdotNET using a font called Anja Eliane, duplicate the text layer and copy the clouds layer style and paste it on the 3 text layers.
Next we'll used the warp text tool with arc for the style, put +30 for the top text layer then +25 for the middle text layer and to finish +20 to the last text layer.
Put the 3 text layer in a new group and rename the group Text, You should have something like this:
Create a new layer, then select the Ellipse Tool (U) and create two small circles each side of the text, then select the Rectangle Tool (U) and create two stripes going from the small circles to the top of the header.
In this Photoshop Tutorial, using several images, you will create a nice Photo Manipulation and will try to make mannequins l...
This Photoshop Tutorial used lots of drawing techniques. I will show you how I'd used pen tool, layer style, gradient and bru...
Today's Photoshop Tutorial is about how to create futuristic city landscape. We will learn some important steps dealing with ...
In this Photoshop Tutorial I will show you how to create a poster for a fictional war movie. The tutorial was made in CS4 bu...
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...
Its coming up to that time off year again! The one that all the ghosts and vampires come out for, yes you guessed it. Hallowe...
In this Photoshop Tutorial you will learn how to combine stock images, how to use brushes as well as transform tools and adju...
Today lets do something magical. : ) I will be showing how to combine different images and make a beautiful flying girl Photo...
In this Photoshop Tutorial we will learn how to enchant a model by giving some retouching on it. Follow through this tutori...
Hi everyone, a very warm welcome to my new tutorial. I am Godwin D'Souza, thanks to everyone for viewing, liking and taking...
In this new Valentine’s Day Illustrator Tutorial we’ll learn how to create a cute retro robot in love...12-Feb-2013
In this Photshop Tutorial, we’ll learn how to create vibrant heart bokeh effect wallpaper using a few filte...12-Feb-2013
In this new Valentine’s Day Photoshop Tutorial we’ll learn how to create a cool wallpaper with some f...11-Feb-2013
In this new Valentine’s Day Photoshop Tutorial we’ll learn how to create a trendy Minimalist Valentin...11-Feb-2013
In this Photoshop Tutorial we’ll create a yummy Gingerbread Cookie in Photoshop using custom patterns, text...03-Jan-2013
With Valentine’s day coming, here’s a new Photoshop Tutorial on cienel.net we’ll create a cool ...11-Feb-2013
In this Illustrator Tutorial, we’ll learn how to create a Vintage Christmas Card you can send to family and...03-Jan-2013
Halloween is just next week, and because of that this is the fifth I’ve created using simple tools and shap...29-Oct-2012
In this fourth Illustrator Tutorial created using simple tools and shapes, we’ll create a Skull Icon. &n...29-Oct-2012
The third installment I’ve created using simple tools and shapes. In this new Illustrator Tutorial we&rsquo...29-Oct-2012
In this second out of five Illustrator Tutorial we’ll create a Mummy Icon, again using basic shape and tool...29-Oct-2012
With the Halloween coming in few days, I’ve created a series of 5 icons using simple tools and shapes in Il...29-Oct-2012
Hey fellow design enthusiast, here’s a new Photoshop Tutorial on how to create a Halloween Theme Poster, yo...17-Oct-2012
In today’s tip from the quick tips series, we’ll learn how to create a simple Colour Picker UI you ca...28-Sep-2012
In today’s Photoshop Tutorial tip from the quick tips series, we’ll learn how to create a Magnifying ...28-Sep-2012