The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Personalized Puzzle Effect

Personalized Puzzle Effect


Create a new file (File>New) with 1280x800 px and 72 dpi.

image 1

Next we shall use the Rectangle Tool (U) to draw the background of the picture to be.

image 2

Select these parameters for the new layer by making a mouse click on the processed layer on the layers' panel: Blending Options>Gradient Overlay

image 3

Gradient's parameters:

image 4

image 5

Take the Custom Shape Tool (U) and select from the next table a puzzle's element, colored with #40D7FE

image 6

image 7

The layer's parameters: Blending Options>Inner Glow

image 8

Blending Options>Stroke

image 9

image 10

Make a copy of the last made layer and move off the layer's effects. Choose after that the Paint Bucket Tool (G) to give the layer white color. Press Alt button and select the Pen Tool (P) to cut out an opening on the layer.

image 11

The layer's parameters: Fill 0%

Blending mode-Hard Mix

Blending Options>Bevel and Emboss

image 12

Blending Options>Gradient Overlay

image 13

Gradient's parameters:

image 14

image 15

Getting a better result is possible if combine in a group all the layers composing the puzzle (for this operation we need to press Ctrl button to mark out the appropriate layers and then click on the left mouse's button to take down the marked layers on Create a new group selection).

Use the Custom Shape Tool (U) to draw another puzzle, applying the same layer's effects the first layer has.

image 16

The first layer:

image 17

Select again the Pen Tool (P) while keeping pressed the Alt button to cut out an opening on the second layer too.

image 18

We should keep on the second layer only this effect Blending Options>Bevel and Emboss, but the rest of them should be moved off. Fill 25%

image 19

Combine in a single group all the layers composing the second puzzle the same way we did with the first one. Make a copy of this new group and select Free Transform option to place the copy the way indicated below:

image 20

Select the Custom Shape Tool (U) and the Pen Tool (P) again to make the same operations and manipulations to draw the next element of puzzle:

image 21

Turn over the puzzle's layer, selecting Free Transform option and choose the same parameters for this layer the previous layers have.

image 22

Choose one more time the Custom Shape Tool (U) to draw another element of the puzzle. The first layer of this new puzzle's element has the same color the previous layers have.

image 23

The layer's parameters: Blending Options>Inner Glow

image 24

Blending Options>Bevel and Emboss

image 25

Blending Options>Stroke

image 26

image 27

Make a copy of the recently made layer and apply the same actions we did for the second layer of the very first puzzle. The layer's color should be white.

image 28

The layer's parameters: Fill 10%

Blending Options>Inner Glow

image 29

image 30

Make one more copy of the first puzzle's layer and select Delete Anchor Point Tool to erase the unnecessary points. The Convert Point Tool will be helpful in making the necessary corrections on the element's shape, making it look like in the next picture:

image 31

The layer's parameters: Fill 15%

Blending Options>Gradient Overlay

image 32

Gradient's parameters:

image 33

image 34

Make one more copy of the first puzzle's layer, applying the manipulations we did with the recently made layer, selecting also the same tools.

image 35

The layer's parameters: Fill 11%

Personalized Puzzle Effect Tutorial: Final Result (Click to enlarge)
Click to enlarge

Finished!



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Personalized Puzzle Effect"

Only registered users can write comment

Reader's comments