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

How do I make a dashed stroke having a lineweight?

Enthusiast ,
May 06, 2017 May 06, 2017

How do I make a dashed stroke having an outer lineweight? I usually have to expand a stroke then fill it with colour and apply separately a stroke to it. I want a result like this.

DASHED.png

1.5K
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

Community Expert , May 07, 2017 May 07, 2017

It is easy to get these results with Offset Path, play a litlle with the values.

If I use -0,5 mm with your stroke width, it looks OK.

Translate
Adobe
Advocate ,
May 06, 2017 May 06, 2017

Hi Arjun

You need to add a second stroke to the path and make the new stroke slightly smaller than the old. You can do this through the Appearance panel. Select your path,  set up the black dashed stroke, go to the appearance panel flout menu and choose Add New Stroke. Still in the appearance panel change the new stroke to yellow and make it a point or two smaller than the black.

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
Enthusiast ,
May 06, 2017 May 06, 2017

https://forums.adobe.com/people/Michael+Riordan  wrote

Hi Arjun

You need to add a second stroke to the path and make the new stroke slightly smaller than the old. You can do this through the Appearance panel. Select your path,  set up the black dashed stroke, go to the appearance panel flout menu and choose Add New Stroke. Still in the appearance panel change the new stroke to yellow and make it a point or two smaller than the black.

It doesn't work out. IT has to be a lot of trial and error with changing the gaps of dash or is there a quick and smart way for this?

1.png

2.png

3.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 ,
May 06, 2017 May 06, 2017

You may try this:

I started with a 16 pt dashed stroke (40 dash/20 gap).

Duplicate the stroke in the Appearance Panel and give the top one a different color.

Add some effects to the top stroke:

Effect > Path > Outline Stroke

Effect > Pathfinder > Add

Effect > Offset Path > and choose a negative value (I did choose -4 px).

Save it as a Graphic Style.

Dashed.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
Enthusiast ,
May 06, 2017 May 06, 2017

Thanks. . I'll surely try this out and reply again.

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
Enthusiast ,
May 06, 2017 May 06, 2017

https://forums.adobe.com/people/Ton+Frederiks  wrote

You may try this:

I started with a 16 pt dashed stroke (40 dash/20 gap).

Duplicate the stroke in the Appearance Panel and give the top one a different color.

Add some effects to the top stroke:

Effect > Path > Outline Stroke

Effect > Pathfinder > Add

Effect > Offset Path > and choose a negative value (I did choose -4 px).

Save it as a Graphic Style.

Dashed.png

Sometimes this trick works, sometimes it doesn't and gives me messed up result as seen here.

dash1.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
Community Expert ,
May 07, 2017 May 07, 2017

arjun2  wrote

Ton Frederiks

Sometimes this trick works, sometimes it doesn't and gives me messed up result as seen here.

That is because your offset is bigger than your stroke width.

Try -0,25 mm instead of -1 for Offset.

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
Enthusiast ,
May 07, 2017 May 07, 2017

https://forums.adobe.com/people/Ton+Frederiks  wrote

arjun2   wrote

https://forums.adobe.com/people/Ton+Frederiks

Sometimes this trick works, sometimes it doesn't and gives me messed up result as seen here.

That is because your offset is bigger than your stroke width.

Try -0,25 mm instead of -1 for Offset.

Okay thanks. I just made a thicker stroke and used -1 for offset and got an undesirable result.

11.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 ,
May 07, 2017 May 07, 2017

It is easy to get these results with Offset Path, play a litlle with the values.

If I use -0,5 mm with your stroke width, it looks OK.

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
Enthusiast ,
May 07, 2017 May 07, 2017

Okay, thanks. It works now

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 ,
May 07, 2017 May 07, 2017
LATEST

Good to hear that.

It may also be easier to make thicker and thinner variations by scaling the stroked path with "Scale Strokes and Effects" checked, instead of maually figuring out the ratio between the stroke width and the negative offset.

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
Enthusiast ,
May 06, 2017 May 06, 2017

Wouldn't just making a brush be easier?
MaxthonSnap20170506153502.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 ,
May 06, 2017 May 06, 2017

A brush might be easier to create, but your example is an Art Brush. What did you pick for Brush Scale Options? How long is your stroke? How many do you have, and do they vary in length?

There might be more trouble with consistency if there are several and they vary in length.

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
Enthusiast ,
May 06, 2017 May 06, 2017

@edgrimley,how did you make this brush? I was trying to create one myself but couldn't get arrow.

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