Mobile app version of vmapp.org
Login or Join
Michele215

: 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

@Michele215

Posted in: #AdobePhotoshop #Borders #Stroke

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.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Michele215

2 Comments

Sorted by latest first Latest Oldest Best

 

@Sims5801359

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.

10% popularity Vote Up Vote Down


 

@Cooney243

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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme