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

Variable width profile still showing a line when set to 0 pixels

Community Beginner ,
Apr 07, 2017 Apr 07, 2017

Hello there! Thank you for listening.

I'm a Photoshop user integrating into Illustrator because of its far greater vector tools compared to Photoshop.

I discovered variable width profile which is AMAZING when doing lineart. I'm doing this Gorilla character which needs to be in multiple parts for animation.

But I ran into trouble when I discovered it's not possible to hide part of the stroke with the width tool even though I set it to 0 pixels.

Is it possible at all to get rid of the small line or is it permanent that it cannot be hidden and I have to approach this way of creating shapes with lineart in another way?

Making the stroke disappear at certain parts would be awesome when doing characters for animation. 😄

widthprofile.jpg

3.6K
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
Adobe
Community Expert ,
Apr 07, 2017 Apr 07, 2017

Interesting use of width profiles. I never thought of that.

You might try art brushes for that.

But unfortunately art brushes are not as flexible as width  profiles, so you would need a variety of art brushes with different settings of gaps.

Or maybe set up dashes on your strokes. But then again they would need some further fiddling with the settings.

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 Beginner ,
Jul 27, 2017 Jul 27, 2017

Hello!

Thank you for your reply and sorry for my late answer.

After fiddling around with strokes, dashes and gaps I managed to somehow get what I wanted.

Here is 1 dash and 1 gap. I had dash value at 500px and gap value at 50px. I think it has to do with the length of the stroke around the shape. Anyways, the other end of the stroke was fat so I Width Tool'd it down, but it frequently produced some very thin annoying lines, but I tried to work it out to remove them. My inexperience with how Illustrator works affects everything I do here

widthprofile_4.jpg

I am not sure if this efficient to make in the long run but I'll try it for some project because I haven't found any other efficient way to do it.

I like the fact that the stroke is part of the shape and not a external shape. So when you work with the shape, the stroke always follows it.

I like how in this way, the shape is retained and no cut needs to be done like shown below here:


widthprofile_3.jpg

I decreased the opacity of the object on the right. These lines taper really nicely when they're both 100% opacity but the cut part isn't so elegant

But yes, thanks for everybody's reply. This might be the closest, non-hassle way to make this happen (?)

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 ,
Jul 27, 2017 Jul 27, 2017

Thank you for your detailed instruction and the added screenshots. I'm sure this will help others.

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 ,
Jul 27, 2017 Jul 27, 2017

Expand and use the eraser tool.

Left: 3 of 4 total points set to 0 point, a hairline still shows.

Right: After Expand & Eraser tool.

Screen Shot 2017-07-27 at 2.53.38 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
Community Beginner ,
Jul 30, 2017 Jul 30, 2017

Hello!

It does work, except it is not attached to the shape after expanding which isn't as convenient compared to if width tool could actually set the line to 0 to make it invisible. So if I make changes to the shape, I need to fiddle with the outline as well

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 ,
Jul 31, 2017 Jul 31, 2017

Would be best if the variable width tool worked perfectly, but unfortuanately whether you enter the values or manually or use the tool, 0 thickness variable width lines often need some cleanup.

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
Engaged ,
Jul 22, 2017 Jul 22, 2017

I ran into this exact same problem today when trying to use the variable width tool to remove outlines on the joint sections of a 2D character for an animation. It seems when you set the line width to zero, it never truly disappears. There is ALWAYS a thin hairline present. (I also tried setting it to .001 px). Has anyone discovered a work-around for this issue?

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 ,
Jul 23, 2017 Jul 23, 2017

https://forums.adobe.com/people/Jerry+Witt  schrieb

I ran into this exact same problem today when trying to use the variable width tool to remove outlines on the joint sections of a 2D character for an animation. It seems when you set the line width to zero, it never truly disappears. There is ALWAYS a thin hairline present. (I also tried setting it to .001 px). Has anyone discovered a work-around for this issue?

As I already wrote in this thread: try dashed strokes. Adjust the length of the dashes until they fit.

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 ,
Jul 22, 2017 Jul 22, 2017

I agree. It's a great use of profiles - but the problem you're encountering is that no matter how you look at it, it's still a stroke - so the line'd still generally show, if attached to any broader area (unlike when we just set regular strokes to zero).

As for the showing or hiding on zoom, I think you're just seeing a function of the response of your graphics card - it's still there, but the monitor's just not going to show it at certain zoom levels.

One thing I'd try would be to create the stroke as a separate item, with no fill. Then, perhaps use the knife or scissors to cut the path at whatever point you wanted. You could shorten either path and use either a brush with thin ends, or the profile with thin ends to make it have that gap, and still have your graceful taper on the stroke.


Adobe Community Expert / Adobe Certified Instructor
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 Beginner ,
Aug 10, 2017 Aug 10, 2017

Hey, one more work around for this problem would be setting your variable width line outside the shape and add another thin line (of background colour) on the top of it, so it goes where you want to hide that unwanted stroke

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 Beginner ,
Nov 13, 2018 Nov 13, 2018

BUMP. WHY doesn't the line appear invisible if it's 0?? This makes this function basically useless for me. So workarounds it is 😕

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 ,
Nov 13, 2018 Nov 13, 2018

In PostScript and PDF a line width of zero is possible: It is interpreted as the thinnest line that can be rendered at device resolution—in other words, one device pixel wide.

With a normal line, Illustrator sets the line color to None when you enter a 0 line width, but with a variable stroke it cannot do that, it would make the entire stroke invisible.

That would explain the tiny line you see when you make a variable stroke 0 pts wide, it will be rendered as one device pixel and that stroke does not become bigger when you zoom in.

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 ,
Nov 13, 2018 Nov 13, 2018

At least in some circumstances the zero stroke width line can be masked by applying a gradient along the path in appropriate colors.

Peter

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 ,
Nov 13, 2018 Nov 13, 2018

tromboniator  wrote

At least in some circumstances the zero stroke width line can be masked by applying a gradient along the path in appropriate colors.

Or a 0% opacity.

Varistroke.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 ,
Nov 13, 2018 Nov 13, 2018

A broad interpretation of "appropriate colors" might include 0% opacity, but I'll admit that I hadn't gotten there yet!

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 ,
Nov 14, 2018 Nov 14, 2018

I did not get there until I saw your gradient suggestion

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 ,
Nov 14, 2018 Nov 14, 2018
LATEST

What a team!

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