Photoshop Tutorials Original Photoshop, Illustrator, and InDesign Tutorials

Get Your FREE Photoshop Course!

Receive my Photoshop Mastery online course for FREE as a thank you for subscribing to occasional updates on design inspiration and new awesome design courses.

Need more information before enrolling? Learn more about this opportunity to master Photoshop and to get a special discount for a graphic designer course with over 18 hours of content!

Photoshop Tutorials and Tips features original tutorials in video and text/photo format on Adobe Photoshop as well as InDesign, Illustrator, Dreamweaver, and photography.

Learn the industry-standard portrait photo retouching techniques in my new Photoshop course! Discount coupon for Photoshop Tutorials and Tips readers!
  • 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.