Photoshop Arrays: Batch Duplication and Transformation

Updated on November 23, 2016

Often times when working in Photoshop its necessary to duplicate a layer multiple times to get the effect you're after. Maybe you want to create a background pattern, or create a series of windows across the side of a building. Whatever the case, creating them individually is not only rather tedious but subject to inaccuracy. Fortunately, Adobe has built in a simple, but effective tool to ease this process. Unfortunately, they've made it accessible only by shortcut key combinations and somewhat inaccessible to those who are unaccustomed navigating the program by shortcuts.

For this tutorial I’ll be working with just a few primitive shapes and making a polka-dot pattern, but hopefully you’ll be able to see a number of ways in which this technique can be applied to your own work .

I am working with Photoshop CS5, but I have no way of testing whether or not it works in earlier versions. For those who are working with different versions I would be most grateful if you'd let me know in the comments how it works in your version of Photoshop.

Step 1

First, open Photoshop and either hit Ctrl/command +N on the keyboard or go to file>new. If you’d like to follow along with me I’ll be working with a 9”x12” document at 300 ppi with a white background. You might also want to activate the grid (shortcut Ctrl/command + ‘) and snapping, (shortcut Shift + Ctrl/Command + ;) to help with spacing. You may also want to check that it is set to snap to the grid under (View > snap to > grid)

Step 2

The next thing to do is just to create the shape you want do duplicate. If you’re using your own piece of a photograph or painting you’ll want to have that cut out and on a separate layer. Once you’ve done that, go on to step 3.

If you’re following along I’m going to be using vector shapes for this polka-dot pattern. You’ll find the ellipse tool on the tools palette with the other primitive shapes like the rectangle, line and polygon tool.

*if it’s not at the top of the stack you may have to click and hold down for a moment on whichever tool is at the top in order to access it.* Otherwise you can just hold down shift and tap U to scroll through the primitives tool stack until it lands on the ellipse tool. You’ll also want to make sure that it set to the appropriate path type for what you’re doing. I have it set to “shape layers” at the moment but it will work with any kind of shape or path.

Drag out your shape, holding the shift key to make sure it’s a perfect circle. If you also hold the Alt/option key it will expand from the center instead of the top left corner. It helps to make sure that its centered on an intersection on the grid. I’ll leave the size up to you but mine has a radius of 3 spaces on the grid.

Step 3


Once your shape is ready the next step is a bit tricky to remember because it depends on a specific combination of keyboard shortcuts to make it work. We’re going to use a variant of the “free transform” tool shortcut that duplicates things as you transform them.

*Note:

If you’re working with regular raster layers Photoshop will automatically create a new layer for each duplicate. If you don’t want to end up with a huge stack of layers there’s an easy way to keep all of the added shapes on the same layer. Simply use the marquis tool or the magic wand or any of the other selection techniques to select the shape you want to transform, then, with the little marching ants around it, proceed.

If you’re working with vector shape layers like me, Photoshop behaves a little strangely because of the way it treats them as vector masks on layers of pure color. When you perform this step and transform and duplicate the shape with only the layer selected, not the layer mask it will create a new layer. Later on, when you go to start step 4 and perform the batch transformations Photoshop will quit making new layers. Instead it will make all of your batch duplicates on the same layer mask, leaving you with one layer with the original shape on it, and another with all of the duplicates. To avoid having to get the shapes back on the same layer later, it’s easiest to just make sure to select the layer mask itself at this stage.

Press ctrl/cmd + alt/option + T

The typical transform box appears around the shape you have selected but when you drag it you’ll notice that a duplicate that appears and that there is now an additional layer in your layers palette. Holding down Shift as you drag will cause it to move in a perfectly straight line. If you activated the grid earlier it will snap into place. Drag it far enough that its got 2 grid spaces between it and the original shape.

If you're working on your own project you can also, of course, squash it, stretch it re-size it and rotate it. Try moving the center point (the little circle in the middle of your object) to have the rotation go around different places, rather than just around the object’s own center.

The key is to remember that the transformation you make at this point will be repeated numerous times later on and try to anticipate how it will turn out. You can create some interesting designs, but it may take some playing around.

Hit Enter when you’re done transforming.


Step 4

Finally, this is the part where this technique can save you a HUGE amount of time: re-applying batch transformations.

Press Ctrl/Command + Shift + Alt/Option + T and Photoshop will make another duplicate and apply the same transformation. The more times you press T while holding the Ctrl/Command + Shift and Alt/Option keys down, the more times Photoshop will duplicate the shape and re-apply the transformation.

For my little polka-dot example here I just dragged a duplicate circle down by 2 grid spaces, a third of its overall diameter, pressed Enter to apply the transformation, then while holding down Ctrl/Command + Shift + Alt/Option I hit T 5 times. Now I have a total of 7 circles.

In order to fill the page across just re-select the vector mask, press ctrl/cmd + alt/option + T and drag duplicates of all of the dots to the right the same 2 grid spaces, press Enter, then hold down Ctrl/Command + Shift + Alt/Option and tap T a few more times and the page is full

Step 5

From here, all that remains to complete the polka-dot pattern is to bring up the black path selection tool again (shortcut A) and select every other column of dots. Just click and drag a box out over the first column, then hold Shift and drag another box out over the next column of dots. With your columns selected, press the regular transform shortcut: Ctrl/command + T and drag it down as shown.

You may also want to crop it so that the polka-dots are even on the edges.

That pretty much sums it up. Hopefully this technique can save you some time in your own work, be it making backgrounds with repeating patterns, creating repeating details in a painting or drawing or creating repeating overlay effects.

Comments

    0 of 8192 characters used
    Post Comment

    No comments yet.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, turbofuture.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://turbofuture.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)