Mobile app version of vmapp.org
Login or Join
Connie430

: Photoshop - Draw sketchy rounded rectangle borders I would like to draw a sketchy frizzled border around the panels of a comic page in Photoshop. Basically a brush stroke border with a precise

@Connie430

Posted in: #AdobePhotoshop #Borders #ClippingMask #Comics

I would like to draw a sketchy frizzled border around the panels of a comic page in Photoshop. Basically a brush stroke border with a precise alignment to the borders of the rounded rectangle.

Idealistic I'd just want to use the rounded rectangle tool with a border that looks like drawn by a brush.

Another idea was to make the border a clipping mask and use a brush for that. But the brush stroke would need to aline with the panel borders since they have round edges. I haven't found a way to do that since I'll always have the underlying color of the clipping mask beneath the border instead of the background from the texture below.

There is also the stroke option of the layer menu, but I didn't find an option to change the stroke appearance in the way I'd need it.

Other tutorials suggest using the eraser tool to give the border a grunge effect. I guess that would technically work but for the thin lines and the number of panels this would take forever.

Are there any other hidden tricks in Photoshop to achieve that goal?

This example was made easily in Apple's Pages.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Connie430

3 Comments

Sorted by latest first Latest Oldest Best

 

@Kaufman565

As an addition, I just discovered that there is also a similar looking shape in the collection of the custom shape tool.

10% popularity Vote Up Vote Down


 

@Samaraweera207

Something similar can be achieved entirely within Photoshop.

Create a rounded rectangle and add a stroke effect, and choose a pattern fill. Although this will only work for small stroke sizes of around 2px.



You could also use an outer glow effect, and apply some noise to get a thicker irregular line. You could even combine both stroke and outer glow effects.

Screenshot showing an outer glow effect



Here's another where I also added an inner glow with noise to roughen up the inside line, in combination with the other two effects. The beauty of this method is that the effects are live and move when you rescale or change the size of the shape.

10% popularity Vote Up Vote Down


 

@Margaret771

If you have acces to Illustrator you can cut and paste from there as well layer masks as the needed borders with customized strokes. The following screenshot shows a few preset artistic strokes.



One can easily make an own stroke pattern as a straight line. Then it's available for arbitary curves. Even scanned real strokes can be used after tracing them to vector.

Copying and pasting from illustrator can be in any size without quality loss due shrinking or enlargening.

Inkscape (=freeware) can also be used for this, but it needs more steps because cut in Inkscape doesn't get pasted in Photoshop, one must export. But copy in Photoshop pastes in Inkscape easily.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme