7,322 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 Corel Draw 15 tutorial, you will learn to create a beautiful leaf from just an ellipse. This tutorial is for b...
There are times in a web designer or graphic designer's colourful and creative life that they will encounter a situation wher...
I bet we all have some old black and white photos at home. So, if you didn't tried this by now, let me show you how to color ...
In this CorelDraw Tutorial, we are going to turn a rectangle into a shiny sheild. We will use basic tools like trim and wel...
Today lets do something magical. : ) I will be showing how to combine different images and make a beautiful flying girl Photo...
To begin with creating your Twitter Application you are required to Register your Twitter Application because it will allow T...
In this Photoshop Tutorial I will show you how to photo retouch a facial portrait shot....
A Photoshop Tutorial that will show you how to create an energetic Signature Effect using Cinema 4D resources and only requir...
In this Photoshop Tutorial you will learn how to make a mafia style wallpaper in Photoshop. I will show you how to create lig...
Websites uses "RSS", "XML", and "Atom" to distribute their contents using browsers. This simple php tutorial will show you ho...
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