• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Stroke on one side of an Object?

Explorer ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

Does anyone know of any way (even with an external plugin) that will allow you to have a stroke on only one side of an object (or just top & bottom, etc).

Views

69.0K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Mar 23, 2012 Mar 23, 2012

You can do it with a rectangle with two fills

I would have to htink it over about doing it with an iregular shape or ellipse.

Screen Shot 2012-03-23 at 7.02.22 PM.png

Screen Shot 2012-03-23 at 7.04.21 PM.png

Screen Shot 2012-03-23 at 7.04.55 PM.png

Votes

Translate

Translate
Adobe
Community Expert ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

Which version of Illustrator are you using?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

CS5

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

You can do it with a rectangle with two fills

I would have to htink it over about doing it with an iregular shape or ellipse.

Screen Shot 2012-03-23 at 7.02.22 PM.png

Screen Shot 2012-03-23 at 7.04.21 PM.png

Screen Shot 2012-03-23 at 7.04.55 PM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

Not sure if I follow, Wade. It looks like you just put a really skinny rectangle on top of your pink one? That's no different than drawing a line across the top of of a rectangle, right?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

Not exactly

http://www.wadezimmerman.com/videos/onesidedstroke.mov

Also you can in Illustrator accomplish with this method some that is hard to do other wise in any program although someone more clever than I might have an interesting method.

This is with two fills and one transform

Screen Shot 2012-03-24 at 12.47.20 AM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

Using this technique you could add a stroke and stack it behid the fill and use a transform and the use of the width tool and get something like this as well

Screen Shot 2012-03-24 at 1.11.04 AM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 23, 2012 Mar 23, 2012

Copy link to clipboard

Copied

With a rectangle I guess you could stack the stroke under the fill align the stroke to the inside of the path and give it a horizontal or vertical move the width of the stroke depending on which side you want the stroke to be.

Let me try it.

Screen Shot 2012-03-24 at 1.27.12 AM.png

And you casn do this as well using the width tool and a little thought to how you would adjust the transformation. keep in mind this is a path with one stroke and one fill.

Screen Shot 2012-03-24 at 1.39.34 AM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 24, 2012 Mar 24, 2012

Copy link to clipboard

Copied

Use the width tool. See manual for details.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 24, 2012 Mar 24, 2012

Copy link to clipboard

Copied

Monika Gause wrote:

Use the width tool. See manual for details.

Oh now you have me really curious…exactly how do you obtain a stroke on one side of an object with the widthg tool?

On curved shapes it could work but you have to give the fill a small offset to cover the hairline the width tool leaves even when set to "0".

The problem with rectangles and ush is another story when it comes to the corners?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 24, 2012 Mar 24, 2012

Copy link to clipboard

Copied

Set a width point on each end of the path. Make it an assymetrical width

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 24, 2012 Mar 24, 2012

Copy link to clipboard

Copied

Benjamin,

apart from the instant recommendations, your initial question was about a way that will allow you to have a stroke on only one side of an object (or just top & bottom, etc).

Can you clarify what you mean by object here?

Preferably, post some screenshots that show the desired effects.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 24, 2012 Mar 24, 2012

Copy link to clipboard

Copied

I think they've got as close as Illustrator can get at this point.

Wade & Monica both gave viable solutions.

The perfection in me gets annoyed with it a little because even though it's behind the object, the other 3 sides of the stroke are still there. But it works.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 24, 2012 Mar 24, 2012

Copy link to clipboard

Copied

Also, here's a screenshot of what I'm working on.

These buttons are generated using the text alone.

Screen Shot 2012-03-25 at 12.49.02 AM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Valorous Hero ,
Mar 25, 2012 Mar 25, 2012

Copy link to clipboard

Copied

If you are looking for a bevel effect you may as well try the actual bevel effect. Here's a quick try in Illustrator, although I would use Photoshop for this.

Capture.JPG

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 25, 2012 Mar 25, 2012

Copy link to clipboard

Copied

For ytour purposes the convert to rectangle is the best approach as it allows yopu as you noted to use only the text object as the basic ellement and only use live effects and as emil emil points out you dan even give it a bevel effect as well.

I am glad it worked out for you.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 15, 2019 Oct 15, 2019

Copy link to clipboard

Copied

LATEST

"Paragraph Border" under Paragraph Style Options.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines