How do I create a dual lined border in Photoshop?
I have a square box, that I need to create a dual lined border of differing widths.
I've selected the shape and then done a
10px stroke inside. Now I want to add a 2nd rectangle of
5px width that is
5px inside the outer stroke on all sides.
For clarity, this is one
10px line around the full edge of the background shape. Then a 2nd line of
5px which has a
5px gap between it and the outer stroke.
Any pointers on how to achieve this second stroke accurately will be greatly appreciated.
Expand or contract a selection by a specific number of pixels
Use a selection tool to make a selection. Choose Select > Modify > Expand or Contract. For Expand By or Contract By, enter a pixel value between 1 and 100, and click OK.
The border is increased or decreased by the specified number of pixels. (Any portion of the selection border running along the canvasâ€™s edge is unaffected by the Expand command.)
There's a bunch of ways to do this, but here's how I would probably approach it, might vary a little depending on the initial shape you have setup (is it a shape layer or a raster layer for example) but the method shouldn't be complicated to apply to anything:
- Take the original with an Inner Stroke 10:
- Now I'm going to duplicate it, and change the stroke to Outer Stroke 5
- Then Rasterize that layer, and apply a Layer Stroke on Outside of 5. Then lower Fill Opacity to 0:
There are other methods though like Select → Modify → Expand is one possibility. I'm not a fan of Modifying Selections though. It works on simple shapes but doesn't seem to function as well on more complex ones, losing radius and such. Maybe that's just my own perception though.
If you do that route, just select your initial shape. Select → Modify → Expand 5px. Then fill the layer or make it a shape whichever you prefer, and again Outer Stroke that one by 5 then lower Fill Opacity to 0.