One Layer Enters, Two Layer Styles Leave

14 Responses

1. Joshua Blankenship

   Outside Stroke + Inner Shadow = two borders on one layer.

   I just changed your life.

   6likes

   9 months ago

2. Mitch Bolton

   Oh! Cool! I've always done that with Outer Glow in stead of Inner Shadow. Good thought.

   9 months ago

3. Pro Matt Kump

   Or for great success, use inner glow, in case you want an inset shadow for some reason.

   9 months ago

4. Pro Cameron Daigle

   Inner Shadow + Inner Glow = two borders with sharp corners on one layer. Outside Stroke's roundedness harshes my mellow.

   EDIT: or inner stroke, duh. Really you have 3 options here that all do the same thing and can be used together.

   4likes

   9 months ago

5. Pro Pat Dryburgh

   Also great for adding highlights to buttons, if that's the sort of thing you're into.

   9 months ago

6. Pro Clint McManaman

   Choke it reeeeeal good.

   9 months ago

7. Pro Henry Moran

   In Fireworks I can get three strokes :)

   3likes

   9 months ago

8. Sean Sperte

   Uh huh. Matthew Smith showed me The Way and I've never looked back.

   9 months ago

9. Pro Jonno Riekwel

   Kind of Photoshop 101 :P

   5likes

   9 months ago

10. Pro Mike Meyer

    Oh yeah man. How else are you going to get semitransparent inner strokes that don’t screw with layer opacity? Inner glow works nicely as well.

    9 months ago

11. Joshua Blankenship

    Gosh guys, I didn't know I was so JV.

    1likes

    9 months ago

12. Pro Josh Pigford

    Noob.

    9 months ago

13. 

    One Layer Enters, Thre... Just a bit to illustrate my comment on Josh's post, as I happened to be using that exact technique on a current mockup. Seems like most everybody here knows... August 30, 2011

    Rebound

    One Layer Enters, Three Layer Styles Leave

    by Cameron Daigle

    Just a bit to illustrate my comment on Josh's post, as I happened to be using that exact technique on a current mockup.

    Seems like most everybody here knows how this goes but I figure a friendly rebound can't hurt.

    This nice, sharp double border action is:

    - 1px grey inner stroke
    - 5px 100% choke grey inner glow
    - 4px 100% choke white inner shadow

    Also if this is new info to you, you'll also want to turn all the above blending styles to normal, opacity 100%.

    This concludes your Photoshop micro-tutorial-in-a-dribbble.

    • 8
    • 1
    • 194

    9 months ago

14. Pro Cemre Güngör

    Seeing the hoops one goes through to make multiple borders in Photoshop saddens me. In Illustrator you could have an infinite number of borders without having to go through flunky settings.

    But Illustrator refuses to produce clean 1px lines, which to this date still fails me.

    8 months ago