5 Replies Latest reply on Nov 10, 2017 2:52 PM by marcellz39897899

    Help with logo vectorization

    marcellz39897899

      Hey all,

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

      help2.JPG

      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!

        • 1. Re: Help with logo vectorization
          Barbara Ash Adobe Community Professional

          This is one way to approach it.

          1. Draw one of the lines with the line weight that you want.
          2. Select it and Object > Path > Outline Stroke, to make it into a closed shape.
          3. Duplicate it four times. all the shapes should touch. That may be easier to see in View > Outline. There should be 5 shapes total.
          4. Select all five shapes, and Object > Path > Add Anchor Points.
          5. Repeat Object > Path > Add Anchor Points. There will be anchor points as shown:
          6. With the Direct Selection tool, select just the anchor points shown:
          7. 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.
          8. Select the lower anchor points and move them the same distance but in the opposite direction.
          9. With the same anchor points still selected, click the icon shown below to convert them to smooth points.
          10. Use the Direct Selection tool to select the top anchor points and repeat to convert them to smooth points.
          11. 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.
          12. With the circle selected, Object > Path > Outline Stroke.
          13. Select everything.
          14. Select the Live Paint tool.
          15. 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.
          16. 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.
          17. This is what it looks like in outline view:
          18. With the Direct Selection tool or the Group Selection tool, delete all of the white areas.
          19. In Outline view you will see that there are some pieces that you may want to combine.
          20. If you select the objects you can either use the Shape Builder tool to drag over areas and unite them.
          2 people found this helpful
          • 2. Re: Help with logo vectorization
            marcellz39897899 Level 1

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

            • 3. Re: Help with logo vectorization
              Barbara Ash Adobe Community Professional

              You're welcome!

              • 4. Re: Help with logo vectorization
                kphotopage Level 2

                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

                Round Corners, art brush.png

                2 people found this helpful
                • 5. Re: Help with logo vectorization
                  marcellz39897899 Level 1

                  epic, thank you! <3