Create a Flat-Bottomed Stroke, Part 2

flatbottom2

In a previous post, I discussed using gradients to create a stroke with only two of the corners rounded. This technique works well for when you using on top of a white (or other solid color background).

But obviously, this doesn’t work so well for use on a patterned, textured, or photographic type background.

While you could apply a multiply blending mode to the stroke (so that the white color essentially drops out), this will alter the the color of the other half of the gradient.

The truly transparent bottom half is surprisingly easy to achieve.

1. Start with a  solid colored stroke, with rounded end caps. Make sure the stroke alignment is set to Outside. (I’m not sure why this matters, but it only works when the stroke is aligned this way).

2. Next, go to the Effects panel and use the Gradient Feather settings shown below. Note that while it looks like there are just three gradient stop, there are actually four. For details on setting the gradient stops like this, see Part 1 of this this article mini-series.

There is one drawback to using this effect on a stroke: It can’t be used within a paragraph rule. (But I suppose that is true of any effect, as paragraph rules fall into the Effect Panel category of “Text.”) However, if you’re in the market for a flat-bottomed stroke, perhaps this trick will suit your needs.

Tags
Related Articles
Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>