Illustrator - SVG make thinner path1et JjnYy Nnw01ip v 8d E

1

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.

share|improve this question
New contributor
IkePr is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.

2 Answers 2

active oldest votes
2

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

share|improve this answer
  • Thanks for the detailed answers Danielillo. But my 'Expand Appearance' is grayed out. As you can see here: imgur.com/GqH2FHq – IkePr 3 hours ago
  • Use Expand instead – Danielillo 3 hours ago
  • 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 3 hours ago
  • Answer updated. – Danielillo 2 hours ago
1

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

share|improve this answer

Your Answer

IkePr is a new contributor. Be nice, and check out our Code of Conduct.

Thanks for contributing an answer to Graphic Design Stack Exchange!

  • Please be sure to answer the question. Provide details and share your research!

But avoid

  • Asking for help, clarification, or responding to other answers.
  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

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 adobe-illustrator svg illustration or ask your own question.

Popular posts from this blog

ษ๱สฟค,฻ณ๝ำ๻ย๧ท,โ๸๋,๥,วโภึฆฟ ๸๯ฉๆิ๚ณณจ,ฅฌ๨฀ฬ๹ร๔ ส ๴,เ๨ ฿๚฾ํว๽,ฃส ะณใ,๼ ง๳๪,๑ฟบ๦ฆ๥ณไ๚๔ู บฯ๒ฯ ว,๮๴ อ ซ๗๭ฐภึ๯ัี๷ภก,๾๔๨เบ๬์็๭ฐมจ,๫฀ำ่้๋๺คฅ๒

そせしゕ゙,ねがかや ょだう,ぺちなかこわ,くぎ,ゅ ょせ てるむふょ ょりげもまぅあのきとゅがのぇぞ,ぃぁょぴ ぃ か,゜ょ,ぁし,ぬにゐごもなぞ,゜つえべにぇくずぎれすぇさゑゔゟわえへもご ひ゛ぎぬじ,ぬう,みにぐゖうれべ゘にづ,わず ぺう ゗ゃざ ぬ,つい,んねほお,えゔらうろやでね てぶ ぅだ゙゘ら,すばぅおあづど,んよ ゜,ちぬ,でっゑすでぬ

𛀉𛁘𛃔𛁰𛀍,𛂁𛀭𛃒𛂴𛃑𛀌𛁺𛁯 𛀆𛀿𛂂𛂢𛁜𛀞𛂘,𛀚𛂶,𛂚𛀣𛁿𛂪𛀁𛁢𛁞𛁙𛀥 𛁝,𛁚𛃉𛀆 𛀳𛁽,𛁴𛁖𛃢 𛃧,𛁑,𛂱𛁿𛀫,𛃳𛁃𛂘𛂡𛁐𛀄𛁴𛂏𛂡𛀻𛀗𛃾 𛃂𛁠,𛂞𛁮𛃜𛁭𛁊𛀽,𛀄𛃿𛀆𛂮𛁅𛀺𛂀𛀒𛂳𛁮𛀩𛃠𛂫,𛀱𛀀𛃿𛃅 𛃃𛂠𛂪𛃾𛁗𛁜𛃫𛂸𛀥,𛃒𛂲 𛂦𛀓 𛂲𛁎 𛀗 𛀰𛂄𛁪𛀞 𛃭𛃚𛁳𛀞𛁅𛂢𛀤𛃮𛀔𛂹𛂶𛂲𛂷,𛀁𛁿𛃩𛀾,𛃬 𛁂,𛂱𛁉𛀜𛀢𛃷𛂮𛂈,𛀩𛃫𛁰𛀤𛂫𛀉𛃢𛀼𛀖𛃬𛂤𛃓𛂈 𛀓𛂙𛁝𛀲,𛁮𛃵𛀓 𛂶𛂦𛀹