Photoshop

Photoshop CS4 Cartoon

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

Photoshop CS4 Cartoon Effects

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.
Photoshop CS4 Cartoon Effects
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.
Photoshop CS4 Cartoon Effects
Fill the selection with a nice, lightish orange. I used #edab0d.
Photoshop CS4 Cartoon Effects
Apply the following layer styles to the ‘header’ layer.Photoshop CS4 Cartoon Effects

Gradient OverlayPhotoshop CS4 Cartoon Effects

Pattern Overlay

Photoshop CS4 Cartoon Effects
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:
Photoshop CS4 Cartoon Effects
Change the layer mode for this gradient layer to Overlay, and change the opacity to 40%.
Photoshop CS4 Cartoon Effects
That will make it look nice and vibrant.
Photoshop CS4 Cartoon Effects

About the author

NadeemSMB

Leave a Comment


*