Skip to main content
M
marcellz39897899
Participant
November 9, 2017
Answered

Help with logo vectorization

  • November 9, 2017
  • 2 replies
  • 847 views

Hey all,

I'm doing a logo design for a company. Here's a sketch of the logo:

I want to have both the white and black lines on the same weight (unlike the sketch). So when I try to vectorize it, i decided to take the middle black line, trace it until halfway down, copy and mirror it down, add white stroke, expand, add black stroke, then the rest of it.

but instead what happens is the following:

The outermost strokes always turns out to have this weird ugly angles. If i modify it at this point the monoweight line effect is gone. I tried it with 4 different line weights and it always came out wrong. I have been using illustrator for a while but somehow this type of problem avoided me.

Does anybody have any advice about this? Thanks!

This topic has been closed for replies.
Correct answer barbara_a7746676

This is one way to approach it.

  1. Draw one of the lines with the line weight that you want.
  3. Select it and Object > Path > Outline Stroke, to make it into a closed shape.
  4. Duplicate it four times. all the shapes should touch. That may be easier to see in View > Outline. There should be 5 shapes total.
  6. Select all five shapes, and Object > Path > Add Anchor Points.
  7. Repeat Object > Path > Add Anchor Points. There will be anchor points as shown:
  9. With the Direct Selection tool, select just the anchor points shown:
  11. Move them to the left and note how far you moved them. I held down Shift and hit the left arrow key 4 times to move them.
  13. Select the lower anchor points and move them the same distance but in the opposite direction.
  15. With the same anchor points still selected, click the icon shown below to convert them to smooth points.
  18. Use the Direct Selection tool to select the top anchor points and repeat to convert them to smooth points.
  20. Draw a circle with no fill and the same line weight you used for the other lines. The circle should intersect the wavy shapes. It's ok if the wavy shapes go past the circle.
  22. With the circle selected, Object > Path > Outline Stroke.
  23. Select everything.
  24. Select the Live Paint tool.
  26. Fill all the areas you want to remove with white, including areas of the wavy shapes that extend past the circle. Helps to zoom in.
  29. With the live paint object selected, choose Object > Live Paint > Expand. Each area will become a separate closed shape, and all areas will be grouped.
  30. This is what it looks like in outline view:
  32. With the Direct Selection tool or the Group Selection tool, delete all of the white areas.
  34. In Outline view you will see that there are some pieces that you may want to combine.
  36. If you select the objects you can either use the Shape Builder tool to drag over areas and unite them.

2 replies

kphotopage
kphotopage
Legend
November 10, 2017

Years ago I had a very similar task.

Needed make curvy lines and equal spacing between.

So I thought I would share my method if interested.

With pen tool, I made a zig zag path. Corner points.

Made and Art brush with Fill paths.

Applied Art brush to zig zag.

With the Direct Selection tool, selected the two center anchors and applied a large Round Corner. (Effect>Stylize>Round Corners).

EZ edits!!!     Your Art Brush, anchor points on stroke, radius on Rounded Corners.

Expanded Appearance, Expanded strokes & fills.

Next Live Paint.

Expanded Live Paint. Pathfinders>Unite.

K

    M
    marcellz39897899Author
    Participant
    November 10, 2017

    epic, thank you! <3

    barbara_a7746676
    Community Expert
    barbara_a7746676Community ExpertCorrect answer
    Community Expert
    November 9, 2017

    This is one way to approach it.

    1. Draw one of the lines with the line weight that you want.
    3. Select it and Object > Path > Outline Stroke, to make it into a closed shape.
    4. Duplicate it four times. all the shapes should touch. That may be easier to see in View > Outline. There should be 5 shapes total.
    6. Select all five shapes, and Object > Path > Add Anchor Points.
    7. Repeat Object > Path > Add Anchor Points. There will be anchor points as shown:
    9. With the Direct Selection tool, select just the anchor points shown:
    11. Move them to the left and note how far you moved them. I held down Shift and hit the left arrow key 4 times to move them.
    13. Select the lower anchor points and move them the same distance but in the opposite direction.
    15. With the same anchor points still selected, click the icon shown below to convert them to smooth points.
    18. Use the Direct Selection tool to select the top anchor points and repeat to convert them to smooth points.
    20. Draw a circle with no fill and the same line weight you used for the other lines. The circle should intersect the wavy shapes. It's ok if the wavy shapes go past the circle.
    22. With the circle selected, Object > Path > Outline Stroke.
    23. Select everything.
    24. Select the Live Paint tool.
    26. Fill all the areas you want to remove with white, including areas of the wavy shapes that extend past the circle. Helps to zoom in.
    29. With the live paint object selected, choose Object > Live Paint > Expand. Each area will become a separate closed shape, and all areas will be grouped.
    30. This is what it looks like in outline view:
    32. With the Direct Selection tool or the Group Selection tool, delete all of the white areas.
    34. In Outline view you will see that there are some pieces that you may want to combine.
    36. If you select the objects you can either use the Shape Builder tool to drag over areas and unite them.
      M
      marcellz39897899Author
      Participant
      November 9, 2017

      wow thats a great guide, thank you for taking the time!

      barbara_a7746676
      Community Expert
      barbara_a7746676Community Expert
      Community Expert
      November 9, 2017

      You're welcome!

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices