4

I have been given some SVG icons which are all outlined paths. I need to make the strokes thinner to be consistent with the rest of a design I'm working on. Is there a way to do this without reconstructing the icons from scratch?

(What I am asking to do is the opposite of this question.)

3
  • Just do what that question does and use a negative value instead
    – Manly
    Dec 8, 2016 at 16:05
  • If you read the answer to the question linked you would know that the opposite operation of making the stroke thicker is the same operation.
    – joojaa
    Dec 8, 2016 at 16:05
  • @manly except offseting inwards does shorten the stroke.
    – joojaa
    Dec 8, 2016 at 16:09

1 Answer 1

20

CS6 screen shots.. but it's the same for newer versions as well.

Also by "outlined paths" I'm assuming you mean you have actual shapes with fills, not strokes with an "outline" effect applied to them.

Assume the black is your shape.... These are two separate shapes. You can do this with any number of objects at the same time....

enter image description here

Add a new stroke.

(Any different stroke color works, but an uncommon color to the rest of the piece will make things easier later).

enter image description here

Set the stroke to align "Inside" by clicking the button on the Stroke Panel. And configure the stroke to the weight you wish to remove from the shape(s).

enter image description here

Choose Object > Expand Appearance from the menu....

enter image description here

Click the Merge button on the Pathfinder Panel.

enter image description here

Use the Direct Selection Tool (White arrow) to click one of these new color areas.... and choose Select > Same > Fill & Stroke from the menu. The new color areas should all highlight.

(This is where using an uncommon color helps. If you used a common color, or a color which exists elsewhere in the artwork, you'll need to manually select all these new stroke shapes. You can't use "select same" if the color needs to remain elsewhere in the art.)

enter image description here

Hit the Delete key....

enter image description here

Original again for comparison...

enter image description here

Using Path > Offset can work. It just really is dependent upon the artwork itself. Using the Object Menu item, you would duplicate the shapes. Making the removal of originals necessary. Using the effect can cause path intersection issues with some artwork. You'd just have to try it and see.

enter image description here

I detailed the stroke, then remove method because it tends to circumvent both these problems.

11
  • wouldnt using offset be simpler?
    – joojaa
    Dec 8, 2016 at 20:37
  • @joojaa it kind of depends... I updated my answer.
    – Scott
    Dec 8, 2016 at 20:57
  • What do you mean may not align with fill. The effect changes to object but because its live it gets updated to the real data. And it gets expanded if you export the file, so no need to explicitly expand stuff.
    – joojaa
    Dec 8, 2016 at 21:08
  • See the screenshot above from AICC2017... that path is not aligned with the fill. It's an easy thing for an experienced user to overcome... not so easy if you're new to AI.
    – Scott
    Dec 8, 2016 at 21:08
  • Ermh, no the path you edit is nolonger the path that is in your scene. Thats kindof point of live edits.
    – joojaa
    Dec 8, 2016 at 21:09

Not the answer you're looking for? Browse other questions tagged or ask your own question.