• home
  • forum
  • my
  • kt
  • download
  • Personalized Puzzle Effects

    Author: 2008-05-23 23:51:38 From:

    In this tutorial we will learn a simple way to create a seamless puzzle pattern.

    Create Personalized Puzzle Effects in Photoshop CS3


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

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3

    Gradient抯 parameters:

    Create Personalized Puzzle Effects in Photoshop CS3 

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3 

    Create Personalized Puzzle Effects in Photoshop CS3

    The layer抯 parameters: Blending Options>Inner Glow

    Create Personalized Puzzle Effects in Photoshop CS3

    Blending Options>Stroke

    Create Personalized Puzzle Effects in Photoshop CS3 

    Create Personalized Puzzle Effects in Photoshop CS3

    Make a copy of the last made layer and move off the layer抯 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.

    Create Personalized Puzzle Effects in Photoshop CS3

    The layer抯 parameters: Fill 0%
    Blending mode-Hard Mix
    Blending Options>Bevel and Emboss

    Create Personalized Puzzle Effects in Photoshop CS3

    Blending Options>Gradient Overlay

    Create Personalized Puzzle Effects in Photoshop CS3

    Gradient抯 parameters:

    Create Personalized Puzzle Effects in Photoshop CS3 

    Create Personalized Puzzle Effects in Photoshop CS3

    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抯 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抯 effects the first layer has.

    Create Personalized Puzzle Effects in Photoshop CS3

    The first layer:

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3

    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%

    Create Personalized Puzzle Effects in Photoshop CS3 

    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:

    Create Personalized Puzzle Effects in Photoshop CS3

    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:

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3

    The layer抯 parameters: Blending Options>Inner Glow

    Create Personalized Puzzle Effects in Photoshop CS3 

    Blending Options>Bevel and Emboss

    Create Personalized Puzzle Effects in Photoshop CS3

    Blending Options>Stroke

    Create Personalized Puzzle Effects in Photoshop CS3 

    Create Personalized Puzzle Effects in Photoshop CS3

    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抯 color should be white.

    Create Personalized Puzzle Effects in Photoshop CS3

    The layer抯 parameters: Fill 10%
    Blending Options>Inner Glow

    Create Personalized Puzzle Effects in Photoshop CS3 

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3

    The layer抯 parameters: Fill 15%
     Blending Options>Gradient Overlay

    Create Personalized Puzzle Effects in Photoshop CS3

    Gradient抯 parameters:

    Create Personalized Puzzle Effects in Photoshop CS3 

    Create Personalized Puzzle Effects in Photoshop CS3

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

    Create Personalized Puzzle Effects in Photoshop CS3

    The layer抯 parameters: Fill 11%

    Create Personalized Puzzle Effects in Photoshop CS3

    Finished!

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      Abstracts (88)
      Effects (463)
      Animation (135)
      Photo Effects (682)
      Automation (15)
      Photo Retouch (268)
      Basics (339)
      Photography (298)
      Brushes (44)
      Scripting (5)
      Buttons (177)
      Text Effects (676)
      Color (71)
      Textures and Patterns (167)
      Digital Art (141)
      Web Graphics (672)
      Drawing (731)
      Web Layouts (38)

    New

    Hot