Sponsored by the National Association of Photoshop Professionals. Learn More

Step-and-Repeat in Photoshop

 

“Step-and-repeat” is the term used for the process of duplicating an object and spacing. Typically step and repeat is used in an object-oriented program, such as InDesign, rather than in a pixel-based editor, such as Photoshop. However, you can indeed replicate a step-and-repeat technique in Photoshop.

Let’s work with the example of creating a series of evenly spaced pawprints. I added a new empty layer to the image, then used the Custom Shape tool to create a couple of paw prints. (Remember that the Custom shape tool’s behavior is governed in the Options bar with three buttons. Select the first button to create shape layers, the middle button to create work paths, the third – the one we need for this example – to add pixels to the active layer.)

Image 1

Hold down the Option/Alt key and press the keyboard shortcut for Edit> Free Transform, Command-T (Mac) or Control-T (Windows). Adding the Option/Alt key to the shortcut enables to make and transform a copy of the pixels rather than transforming the original. This will give us the next pair of pawprints. With the transform bounding box active, click on the layer content and drag to duplicate and reposition. Press the Return/Enter key when done.

Image 2

Now here’s where it gets easy! The keyboard shortcut for Edit> Transform Again (which repeats the previous transformation, Move in this case) is Shift-Command-T (Mac) or Shift-Control-T (Windows). Again, if we add the Option/Alt key to the combination, we duplicate and transform rather than repeating the transformation on the previously-transformed content. Pressing Option-Shift-Command-T (Mac) or Alt-Shift-Control-T (Windows) three times gives us a series of pawprints.

Image 3

Afterward, you can manipulate any individual copy of the object by selecting that layer in the Layers palette. And you can, of course, select all of your object layers and merge them into a single layer with the shortcut Command-E (Mac) or Control-E (Windows). (In versions of Photoshop prior to CS2, link your layers and use the Layers palette menu command Merge Linked.)

NOTE: If you don’t want to create separate layers for each copy, make a selection of the original objects before performing the first transformation. You can Command-click (Mac) or Control-click (Windows) on the layer thumbnail in the Layers palette to select the content of the layer.

Okay, so that’s all well and good, but how often do you need pawprints? You can also use “step and repeat” to, for example, create a dozen marks around a central point, evenly spaced, to represent the face of a clock:

Image 4

Or perhaps you need to create a brick wall:

Image 5

Just about any time you need to create a series of identical elements distributed evenly, you can use this step and repeat technique. The three keys to the technique:
–Remember to work on a separate layer.
–Use the Option/Alt key when creating the first transformation.
–Use Option/Alt with the Transform Again shortcut to create the additional replicated objects.

Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • Twitter
  • NewsVine
  • Technorati
  • BlinkList
  • Design Float
  • Mixx
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon
  • LinkedIn
  • MySpace
  • Fleck
  • Netvibes

6 Comments

  1. Terr said on — June 25, 2008 @ 9:11 am

    Thanks! This is exactly what I needed (and wished I had known before :P )

  2. taslim said on — October 4, 2008 @ 6:10 am

    please send me how can used face cleaning tools
    thanks

  3. Step and Repeat Pingback on — January 2, 2009 @ 4:56 pm

    [...] Step-and-repeat wird eine Technik bezeichnet, bei der Bildelemente kopiert und gleichzeitig positioniert werden. So [...]

  4. Photoshop Weblog Pingback on — July 18, 2009 @ 8:26 am

    [...] Step-and-repeat wird eine Technik bezeichnet, bei der Bildelemente kopiert und gleichzeitig positioniert werden. So [...]

  5. PARAMESH said on — November 18, 2009 @ 2:38 pm

    thank q for you suggestion
    this very nice

  6. acecombs said on — April 25, 2010 @ 4:44 am

    Thank you. This is a great timesaver. Freehand, despite all its other faults, had a step-and-repeat that was very helpful. Indesign has a very nice set of controls for step-and-repeat that would be nice to see in Photoshop.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Select with color channels

Sometimes, targeting a specific color chan-nel can help create a much better selection, especially if there are distinct color differences you can take advantage of. In this example, the same diagonal move with the Quick Selection tool resulted in a much better selection of the heart when it was applied only to the Red channel in the Channels panel (Window>Channels).

Read More Tips

Tip of the Day
 
 
Kelby Training