3

I have this SVG logo. I want to make the lines thinner. enter image description here

I have tried Offset Path -20px, but nothing changes.

I have also tried adding a Outline stroke that I can use and shrink, but when I go Object -> Path -> Outline Stroke

I apologize if this was already asked, I have looked over other questions and couldn't find the answer. I'm new to Adobe Illustrator.

3

You can find an approximate solution that you will then have to refine.

  • Add a stroke

Stroke

  • Menu Object → Expand Appearance
  • Select each part of the original black drawing using the Group Selection Tool (the white arrow with the plus) and delete it

Outline

  • Cmd + Alt + Shift + 8 Mac or Ctrl + Alt + Shift + 8 Win to release the compound shape

release the compound shape

  • Cmd Shift + G Mac or Ctrl + Shift + G Win to ungroup

  • Select the outer paths and delete them

  • Select the inner paths from the hand and the triangle and delete them
  • Select the triangle paths and press Cmd + 8 Mac or Ctrl + 8 Win to make a Compound Shape
  • Do the same with the hand

Animation

  • Thanks for the detailed answers Danielillo. But my 'Expand Appearance' is grayed out. As you can see here: imgur.com/GqH2FHq – IkePr Aug 15 at 15:55
  • Use Expand instead – Danielillo Aug 15 at 16:05
  • Okay, but now when I select the black path and hit Delete, the entire path deletes (see gif: imgur.com/ey4Ix0q ) Sorry for dumb question, and thanks for your time Daniellillo – IkePr Aug 15 at 16:44
  • Answer updated. – Danielillo Aug 15 at 17:06
2

Get Inkscape (=freeware). Its Dynamic offset can work in your case. The effect is exportable. If one saves the result as plain SVG, it can be opened in Illustrator with no problems.

enter image description here

  1. A too thick curve. It isn't a stroke, it's a filled shape just like your shapes are.

  2. The fill is removed, a thin green stroke is inserted to show the problem

  3. Path > Dynamic Offset is applied, the adjusting handle is dragged to minimum area position.

NOTE: To see the result better the adjustment is best to do for a filled shape which has no stroke. The green stroke is inserted here only for demonstration.

The method can be developed to get a single stroke, if that's needed. In Inkscape the Dynamic Offset is an readjustable effect. It can be fixed with Path > Object to Path. That makes the result a normal path. But it's still a closed shape if it's made of a shape which was like image 1.

That closed shape can be broken at the ends by splitting the path with the node tool. There's typically good nodes for it at tight curves, but one can also insert new nodes for it. Here the splitting is done and that half which got the original big rounded ends is moved apart:

enter image description here

In Inkscape splitting a path doesn't release the halves, the result is a compound path. The parts must be released with Path > Break Apart. Illustrator's scissors release the halves as soon as they are clipped apart.

If the shape is like a closed path, a single stroke version needs different approach. In the next image the blue shape is actually a combined path (see the nodes):

enter image description here

A red copy is made and Dynamic offset is applied to the copy:

enter image description here

The Dynamic Offset is fixed by applying Path > Object to Path and the combined shape is broken to 2 separate paths with Path > Break Apart. 2 separate closed shapes was generated. Both of them are quite nearly the midlines of the original curve. Another of the shapes is moved aside, both have got a thin stroke:

enter image description here

Dynamic offset isn't faultless. At sharp corners it can decide wrongly (=create a shortcut) and some edits are needed.

0

I would be tempted to redraw it, so that the black lines are strokes rather than expanded and filled. Then you can set the width of stroke to anything you want. It's not exactly complicated and should take less than 10 minutes. The results will be better than anything automated.

Examples of the same icon with different weights of stroke applied

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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