6 Replies Latest reply on Oct 26, 2009 3:45 PM by Jacob Bugge

    Question about joining and separating some simple paths

    junklogic

      Hello, I have a vector image of a logo, and would like to re-create the "e" listed in the picture here without the missing gap, where a dot image used to be.  I am fairly inexperienced with Illustrator, and am seeking any tips on the best way to join that area together in the simplest and smoothest-looking way possible.

       

      Even further, since I will be using this for a masking effect in Flash, I would like to know how i can separate the intersecting areas on the left side of the 'e', so it appears as a single worm-like line/swoosh.

       

      Thank you for any advice.

       

      -Courtney

       

      Picture 1.png

        • 1. Re: Question about joining and separating some simple paths
          Jacob Bugge MVP & Adobe Community Professional

          Courtney,

           

          Presuming there is no outstanding copyright issue, you may:

           

          1) Cut each of the Anchor Points at the gap with the Scissors Tool;

          2) Rejoin each part of the path by Dragging over the Anchor Points to be joined with the Direct Selection Tool and pressing Ctrl/Cmd+J, now you have straght joining parts with Corner Points at both ends;

          3) ClickDrag each Coner Point with the Convert Anchor Point Tool (flyout from the Pen Tool) to get the right curves, this may take some tries until you get them right.

           

          You may cut the tail where it meets the back of the e with the scissors Tool; you may repeat  2), and 3) if you want to have joining parts with curves.

           

          Always work on a copy when you destroy artwork.

          • 2. Re: Question about joining and separating some simple paths
            junklogic Level 1

            Thank you, this is very helpful.

            • 3. Re: Question about joining and separating some simple paths
              Jacob Bugge MVP & Adobe Community Professional

              You are welcome, Courtney.

              • 4. Re: Question about joining and separating some simple paths
                Jacob Bugge MVP & Adobe Community Professional

                Courtney,

                 

                On second thought, you may also try this way, still after creating a copy on top of the locked original (Ctrl/Cmd+C+F), and working without fill:

                 

                1) Cut each of the Anchor Points at the gap with the Scissors Tool;

                2) Rejoin each part of the path by Dragging over the Anchor Points to be joined with the Direct Selection Tool and pressing Ctrl/Cmd+J, now you have straght joining parts with Corner Points at both ends;

                3) Use the Delete Anchor Point Tool to delete the Anchor Points in 2); this simplifies the path and gives you the original shaping Anchor Points to work with;

                4) Use the Convert Anchor Point Tool twice and start over, thus actually corresponding to reshaping the original path; in this connexion, ClickDragging to get a best possible fit; following drags are done with the Direct Selection Tool;


                You will get the safest result if you have Smart Guides on and keep an eye on the paths in the Layers palette:

                5) Copy the original tailed e without locking it, and without fill;
                6a) Select each Anchor Point of both paths;
                6b) In the Layers panel, lock the path you are working on and repeat 6a); now you know which Handle to work with;
                6c) Drag the Handle to snap with the Handle of the original.

                After cutting the tail where it meets the back of the e with the scissors Tool; you may repeat  2) - 5), and then:

                 

                7) Create a copy on top of the locked finished e (Ctrl/Cmd+C+F);

                8) Select both e and tail, and use Pathfinder>Minus Back/Minus Front/Subtract from Shape Area deoending on stacking order, to get the same curve at the inner end of the tail.

                 

                This should give you a path with the original shape and number/positions of Anchor Points (apart from the lizardly tail dropping).

                 

                1 person found this helpful
                • 5. Re: Question about joining and separating some simple paths
                  junklogic Level 1

                  This worked well.  i was able to graphically join as well as functionally split this graphic in a way that a motion path and mask in Flash will be able to follow it nicely.  Thanks agin. 

                  • 6. Re: Question about joining and separating some simple paths
                    Jacob Bugge MVP & Adobe Community Professional

                    Very good. Thank you for reporting back, Courtney.