Mobile app version of vmapp.org
Login or Join
Michele215

: Shape with Inside and Outside Contours I'm trying to figure how to draw a simple polygon wirh a solid color with white contours, inside and outside (pretty much like a donut :p), in a transparent

@Michele215

Posted in: #AdobePhotoshop #Borders #Cs3 #Shapes

I'm trying to figure how to draw a simple polygon wirh a solid color with white contours, inside and outside (pretty much like a donut :p), in a transparent background, but I had no success so far.

My little knowledge made me think that with the Stroke effect I could accomplish my goal, but all I could do with it was the outside border.

I tried then to duplicate the colored shape and then resize the copy, exchanging the fill and border colors, but as expected the interior kept the solid color of the layer below, instead of the transparent color I needed.

This may sound silly for most of you but I'm terrible with design and I would like at least some directions.

[EDIT]

As requested, a visual cue:



The shape itself is the black circle with the white borders inside and outside it. The red color is just to demonstrate the transparent areas.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Michele215

2 Comments

Sorted by latest first Latest Oldest Best

 

@Ogunnowo857

You need to use Shape Burst. I'm fairly sure this existed for quite some time but its hard for me to remember every update so let me know if not and I'll delete this answer.

Apply a Layer Stroke. Switch the fill type to Gradient. Then you'll see more options, change the Style to Shape Burst. Adjust for your desired results:

10% popularity Vote Up Vote Down


 

@Becky351

OK, what you are creating here is basically a fatter stroke in one colour with a thinner stroke of a different colour on top of it. So...


Create your shape with the Polygon Tool as you have been doing.
In the paths palette, use the polygon to create a selection.
Go to Edit > Stroke... and add a stroke that is the correct colour to create your outer colour (white in your example).
Go back to Edit > Stroke... and add a second stoke, thinner than the first to create your inner colour (black in your example).
Throw away or hide the polygon.


This is a little clumsy because Photoshop is not the ideal tool for this kind of thing (Illustrator is better) and CS3 is really old software now, but this should get you what you want. You could experiment with putting the two paths on separate layers or maybe create an action if you need to apply this over and over to different shapes.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme