Photoshop Tutorials Original Photoshop, Illustrator, and InDesign Tutorials

Learn the Photoshop Retouching and Effects Secrets!

Learn the secrets of industry-standard portrait photo retouching techniques in my new Photoshop course! Discount coupon for Photoshop Tutorials and Tips readers!

Subscribe on YouTube!

Mailing List: Free Art & Photos!

Subscribe to my mailing list to be notified very occasionally on any new course I develop.

-I don't e-mail it that often and I never sell or share information. No spam, easy to unsubscribe too.

-Subscribe and occasionally get free vector art (illustrations) or photos to use in your promotion or client work and discount coupons to my courses.


Translate this site

  • Dec

    Saving Selections for Duplicated Layers’ Styles


    by Chad Neuman

    This technique can be useful when creating brochure, web site, or poster designs. Creating duplicated layers from selections and then applying layer styles to them is a simple yet effective technique. Let’s get started.

    Step 1
    Open an image in Adobe Photoshop.


    Step 2
    Press Cmd-J (PC: Ctrl-J) to duplicate the Background layer so we’re working on a copy.


    Step 3
    Select the Marquee Selection tool and click-and-drag a square (Hold Shift to create a square rather than a rectangle).


    Step 4
    We need to save the exact square shape for all three layers we will make, so go to Select>Save Selection and name and save it.


    Step 5
    Next, press Cmd-J (Ctrl-J) to duplicate just what was selected. I click the Eye icon on Layer 1 and the Background layer to show the new layer, Layer 2.


    Step 6
    Click Layer 1 in the Layers palette to make sure it is selected, and go to Select>Load Selection.


    Step 7
    Now we need to move the selection to the right. With the Marquee Selection tool selected, hover the mouse inside the edge of the selection and it should turn into an arrow. Holding Shift to maintain a straight line, click-and-drag the selection to the right until it is a few picas over. You may want to use the Rulers (View>Rulers) to make sure you’ve dragged the selection over enough so it does not overlap where the original selection was. Then click Cmd-J (PC: Ctrl-J) to duplicate another area to a new layer. I clicked the Eye icon on Layer 1 and the Background layer again to show these two new layers.


    Step 8
    Next, repeat steps 6 and 7 but move the selection over even more an even amount so we can duplicate a third layer. Try toggling Layer 1 on and off with the Eye icon to make sure we duplicate the area at about an even interval. It doesn’t have to be exact unless your design calls for it; I am mostly worried about avoiding overlapping.



    Step 9
    Now let’s add some layer styles. With Layer 2 selected, apply a layer style by going to Layer>Layer Style>Drop Shadow. Try the settings shown here.


    Step 10
    Now instead of having to add a layer style to each again with those steps, we can press Option (PC: Alt) and click-and-drag the Drop Shadow from Layer 2 to Layer 3 and Layer 4 in the Layers palette.


    Step 11
    There we go!


    Try different layer styles by clicking-and-dragging the styles to the trash icon on the Layers palette and then applying new ones.

    This one has a Stroke and Inner Shadow applied.

    This one has an Outer Glow, Inner Glow, and Drop Shadow

    1 Comment

One Response to “Saving Selections for Duplicated Layers’ Styles”

  1. […] 5. Saving Selections for Duplicated Layers’ Styles […]

Leave a Reply

You must be logged in to post a comment.