Free online photoshop training

Photoshop tutorials for webdesigners

Learn to make jigsaw puzzle piece made of painted cardboard like material.

August 19th, 2007 · No Comments

Free photoshop tutorial - How to create jigsaw puzzle piece made of painted cardboard like material.
You May use this technique to create a website header for free templates or website banner.

I am writing following steps which you use to create jigsaw puzzle piece.

[1]- First of all open new document of Custom size, Height & Width 400×300 pixels, Resolution 96 and
Mode RGB Color as shown below

jigsaw-website-header25.gif

[2]-Now select Rectangular Marquee Tooljigsaw-website-header26.gif
and create following shape

jigsaw-website-header27.gif

[3]-Now Press Ctrl+Shft+N to make a new
layer or Click on finger sign. See below.

jigsaw-website-header30.gif

[4]-Now select jigsaw-website-header29.gifLight Green Color and fill it
by the press Alt+Backspace as shown below

jigsaw-website-header311.gif

[5]-Now press Ctrl+D and after that select
Elliptical Tool jigsaw-website-header28.gifand create Circle after
that hold Shift and create other Circle as shown below

jigsaw-website-header41.gif

[6]-Now press ‘Delete’ button and your Image will be look as shown below

jigsaw-website-header42.gif

[7]-Now press Ctrl+D for end of selection and create the other Circles and Press ‘Delete’

jigsaw-website-header431.gif

[8]-Now select Elliptical Marquee Tool jigsaw-website-header28.gifand create two circles as show below

jigsaw-website-header44.gif

[9]-Now fill the color by the press Alt+Backspace

jigsaw-website-header45.gif

[10]-Now Click on selected Image layer with the press Ctrl and your shape will be look as show below

jigsaw-website-header46.gif

[11]-Now go to Select > Modify > Smooth and use the following settings

jigsaw-website-header47.gif

[12]-Now press Ctrl+Shft+I and after that press Delete

jigsaw-website-header48.gif

[13]-Now press Ctrl+D for end of selection and Press Ctrl+J for making Duplicate Layer

And after that select duplicate layer (which should above original layer)
[14]-Now adjust the shape by the help of Move Tooljigsaw-website-header1.gif as shown below

jigsaw-website-header2.gif

[15]-Now press Ctrl+T for Transform the shape as shown below

jigsaw-website-header3.gif

[16]-Now select above Layer and press Ctrl+E and after that Click on sign ‘f ‘ which is indicating by finger sign

As shown below

jigsaw-website-header491.gif

[17]-Now select Inner Shadow and apply the following settings

jigsaw-website-header501.gif

[18]-Now select Bevel & Emboss and use the following settings

jigsaw-website-header51.gif

[19]-Now select Texture Elements and use the following settings

jigsaw-website-header52.gif

[20]-After used the above settings your Image will be look as shown

jigsaw-website-header4.gif

[21]-Now Press Ctrl+J for making Copy of the Layer

After that select Original Layer and Double Click on sign ‘f ‘ which is indicating by finger as shown below

jigsaw-website-header59.gif

[22]-Now select Outer Glow and use the following settings

jigsaw-website-header601.gif

[23]-Now select Bevel & Emboss and apply the following settings

jigsaw-website-header61.gif

[24]-Now after used the above settings your image will be look as shown below

jigsaw-website-header6.gif

[25]-Now select Background Layer and select these jigsaw-website-header9.gifColor and fill by the press Alt+Backspace

At last, all settings have been completed and your final Image will be look as shown below

jigsaw-website-header10.gif

Create cool blue text effect

Create stylish text effect using Photoshop

Tags: Web graphics · Drawings

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment