Photoshop Tutorials Original Photoshop, Illustrator, and InDesign Tutorials






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

Mailing List: Free Art & Photos!

Subscribe to my mailing list to be notified very occasionally on any new books and/or web or print articles.

-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!


-I e-mail out URL addresses for subscriber-only vector art I create.





Name:
E-mail:

Subscribe on YouTube!

Translate this site


  • Dec
    5

    Saving Selections for Duplicated Layers’ Styles

    step11a

    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.

    step1

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

    step2

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

    step3

    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.

    step4

    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.

    step5

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

    step6

    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.

    step7

    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.

    step8a

    step8b

    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.

    step9

    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.

    step10

    Step 11
    There we go!

    step11a

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

    step11b
    This one has a Stroke and Inner Shadow applied.

    step11c
    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.