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

Stroke on one side of an Object?

Explorer ,
Mar 23, 2012 Mar 23, 2012

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

74.2K
Translate
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

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

Which version of Illustrator are you using?

Translate
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

CS5

Translate
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

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

Translate
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

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?

Translate
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

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

Translate
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

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

Translate
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

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

Translate
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

Use the width tool. See manual for details.

Translate
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

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?

Translate
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

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

Translate
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

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.

Translate
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

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.

Translate
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

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

Translate
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

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

Translate
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

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.

Translate
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
LATEST

"Paragraph Border" under Paragraph Style Options.

Translate
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