Photoshop CS4 Cartoon

Well, in this Photoshop tutorial we’ll be designing a very cool, cartoon-themed navigation set!

012 Photoshop CS4 Cartoon

Photoshop CS4 Cartoon Effects

1. New Document & Background
First of all, make a new document that we can follow this tutorial out in. I’ve used 500×500 or so, but my images in this tutorial will be 340 x 380 to save you loading time etc.
So after you’ve created your document, make a background that will suit the tutorial (cartoonish, fun, etc.) In the background I’ve made a #61b3d9 to #2678bc gradient and a double scan lines pattern.
021 Photoshop CS4 Cartoon
2. The Heading
We’ll start off with the header. Create a new layer and make a selection near the top around 200×120 in size.
031 Photoshop CS4 Cartoon
Fill the selection with a nice, lightish orange. I used #edab0d.
042 Photoshop CS4 Cartoon
Apply the following layer styles to the ‘header’ layer.052 Photoshop CS4 Cartoon

Gradient Overlay063 Photoshop CS4 Cartoon

Pattern Overlay

073 Photoshop CS4 Cartoon
Create a new layer then select the main header layer again. With the gradient tool make a radial white to black gradient from the top left of the selection to the bottom right like so:
083 Photoshop CS4 Cartoon
Change the layer mode for this gradient layer to Overlay, and change the opacity to 40%.
09 Photoshop CS4 Cartoon
That will make it look nice and vibrant.
102 Photoshop CS4 Cartoon

1 2 3

Pages: « 1 2 3 »

Most Related Tutorials

Leave a Response

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>