14 Replies Latest reply: Nov 12, 2012 11:04 AM by Joanna Olsen RSS

    how to connect multiple endpoints into one straight one line

    koorean Community Member

      Hello everybody,

       

      I made a sihlouette of buildings and I"m wanting to connect the bottom open endpoints into one straight line. The reason I'm doing this is because I want to add a fill to the sihlouette as a whole instead of doing them one by one.

       

      I tried joining paths but it can only be two open endpoints at a time. As you can see with the picture below, I have many open endpoints.

       

      The pen tool only joins two open endpoints. If I try to continue to try to add another endpoint to the same line, the pen tool becomes a "minus anchor point" tool and messes up the shape of the buildings.

       

      Of course, I thought of just making each building seperate and grouping them together. However, if I do that, a issue occurs because I have certain buildings that are "in front" of each other (not in the sense of layers, but the image as a whole). I purposely made the sihlouette look like some buildlings are in front of each other and some are behind each other.

       

      I hope I am making sense. I don't even know if what I am doing is possible.

       

      I added a picture below so everybody can see what I am trying to achieve. Any help would be greatly appreciated.

      Screen shot 2012-08-12 at 2.44.20 PM.png

        • 1. Re: how to connect multiple endpoints into one straight one line
          Monika Gause MVP

          Joining them won't be getting you too far.

           

          You really waht one path going round that silhouette? Take a look at the pathfinder panel (see manual)

          • 2. Re: how to connect multiple endpoints into one straight one line
            Jacob Bugge MVP

            koorean,

             

            If you wish to give all buildings tha same fill, why not just select the lot (drag over them with the Selection Tool or Ctrl/Cmd+A and apply the desired fill colour?

             

            The paths do not have to be closed.

             

            If you wish to have a line at the bottom, you may just create one, maybe extending past the outermost Anchor Points, or just join those.

            • 3. Re: how to connect multiple endpoints into one straight one line
              Wade_Zimmerman Community Member

              Do you want the area inside the buildings sihlouette to be transparent? If so waht is wrong with leaving it as is or as Jacob suggesst a line across the botton sitting on top of the art

               

              If you are concerned about moveing the object about consider turning into a symbol selet all the art including the new line and drag it to the symbols panel.

               

              Good thing aboout this it can be used over and ob=ver and even in other documents and if you updte the art all instances of the symbol are updated even in other documents, but if you want to edit one instance to be different you can do that as well.

              • 4. Re: how to connect multiple endpoints into one straight one line
                Jesseham Community Member

                It might help if you further explained what end result you were trying to acheive. If you join all these objects together with a single path along the bottom, they will all have to have the same fill, so there will be no buildings in front or behind.

                 

                If you are looking to add a transparent fill to all of the buildings at once (overall shading or whatnot?) while also having each building have it's own fill, group them and then with the group selected, go to the appearance panel and from the flyout menu, add new fill.  You can then click on that fill in the appearance panel to modify it.

                • 5. Re: how to connect multiple endpoints into one straight one line
                  koorean Community Member

                  Thank you all for being very helpful. As you can see, I have much to learn.

                   

                  @Jonika

                  I have tried the pathfinder but the images become messed up and not exactly the way I want it.

                   

                  @jacobbugge

                  I did and this is what happens.

                  Screen shot 2012-08-12 at 6.08.16 PM.png

                  I tried to do that in the first place but it wasn't working so I'm stuck trying to figure out a different way.

                   

                  To everybody else:

                  What I eventually want to do is to do a clipping mask so I can use a picture that will show up on the inside of the buildings. And if I do it the way it is right now, it won't necesarily fill in all of the buildings. If you see the picture above, it cuts off the areas that have no endpoints to the other side.

                   

                  The buildings that have two points on the bottom, I am able to fill without connecting the endpoints. That is true. However, for example, the far left and the far right buildings, do not fill correctly because they do not have an endpoint that is right next to it that it can connect to. This is getting difficult to describe haha.

                   

                  The front buildings are no problem. However, the buildings "behind" the other buildings, how can I get these to fill in all the way?

                  • 6. Re: how to connect multiple endpoints into one straight one line
                    Jacob Bugge MVP

                    koorean,

                     

                    I (wrongly) presumed that all the buildings had two points on the bottom.

                     

                    They are needed in any case (unless you skip having different buildings in front of one another).

                    • 7. Re: how to connect multiple endpoints into one straight one line
                      koorean Community Member

                      Yeah, I think that there is no way around it.

                       

                      Thanks Jacob. I appreciate your help!

                      • 8. Re: how to connect multiple endpoints into one straight one line
                        [Jongware] MVP

                        Wouldn't it be enough to select all and use the pathfinder's Add command?

                        • 9. Re: how to connect multiple endpoints into one straight one line
                          koorean Community Member

                          Hey everybody,

                           

                          @Jongware

                          Thanks for the help. I tried and it works. However, only to a certain extant. It does everything that I want it to except that it takes away the lines in the buildings where there is a building in the front and behind it. If the buildings overlap, the line in the middle that seperates them disappears. The computer does this so that it can execute the "add" function.

                           

                          However, I finally figured out. I simply joined the buildings in the front first. Then I used the pen tool to connect the remaining open endpoint to the already closed endpoint. It works beautifully. When I do that, I am able to use a fill simataneously on all the buildings and I'm also able to add a stroke. When I add a stroke, it differentiates between the buildings in the front and in the back. I am very happy.

                           

                          You guys are all extremely helpful. Thank you everybody!!!

                          • 10. Re: how to connect multiple endpoints into one straight one line
                            emil emil Community Member

                            koorean,

                            on the graphic from your screen shot in post #5 do this:

                            Select All (Ctrl+A) and Copy (Ctrl+C)

                            In the Pathfinder panel click the Unite button (the first one)

                            Remove the anchor points that brake the straight line at the bottom of the fill. One way is with the Lasso tool by drawing a selection like the yellow line on the image below and then in the Control panel (under the main menu)  click the button next to Anchors.

                            Capture.JPG
                            Select All (Ctrl+A) and make a compound path (Ctrl+8). Use this path for the clipping mask.

                            Paste in front (Ctrl+F) to put the original lines back and remove their fill

                            • 11. Re: how to connect multiple endpoints into one straight one line
                              koorean Community Member

                              @emil emil,

                               

                              Thank you for the help!

                               

                              I got up to the point by selecting all the anchor points like you did with the lasso tool. When you say "click the button" do you mean the "minus anchor point" tool that shows up next to the word anchors? And if it is, this is what happens:

                              Screen shot 2012-08-12 at 8.43.38 PM.png

                              Also, when you say paste in front, you mean the original shape with the broken fill like I posted in post #5? Can you clairfy this last part?

                               

                              And with the way that I wrote above (post #9), I tried to use a clipping mask but it just won't work. It is extremely frustrating. The image disappears or it just becomes white. What am I doing wrong?

                              • 12. Re: how to connect multiple endpoints into one straight one line
                                emil emil Community Member

                                Looks like you missed step 2 or didn't keep the selection from step 1 when making step 2. . Also, your lasso selection shold not include the bottom right point of the graphic.

                                Try again

                                emil emil wrote:
                                ...

                                1. Select All (Ctrl+A) and Copy (Ctrl+C)

                                2. In the Pathfinder panel click the Unite button (the first one)

                                3. Remove the anchor points that brake the straight line at the bottom of the fill. One way is with the Lasso tool by drawing a selection like the yellow line on the image below and then in the Control panel (under the main menu)  click the button next to Anchors.


                                4. Select All (Ctrl+A) and make a compound path (Ctrl+8). Use this path for the clipping mask.

                                5. Paste in front (Ctrl+F) to put the original lines back and remove their fill

                                • 13. Re: how to connect multiple endpoints into one straight one line
                                  koorean Community Member

                                  I did skip step 2. My bad.

                                   

                                  Instead of the lasso tool, I just used the direct selection tool and shift clicked all the anchor points and deleted them. I grouped them then I made a compound path. THEN, I did the clipping mask. IT WORKS!!!!!!

                                   

                                  The compound path was the key as well. I got to study that more.

                                   

                                  Thanks!

                                  • 14. Re: how to connect multiple endpoints into one straight one line
                                    Joanna Olsen Community Member

                                    I know, I am a bit late in this thread, but another solution could have been just drawing a straight line at the bottom all across all the vertical lines, select everything, choose Object/Live Paint/Make ... and then go ahead and fill out all the areas with Live Paint Bucket (k or in the Tools panel with the Shape Builder Tool) ... when done if you wish to make it into regular paths again simply select the paths with your Selection Tool (v) and select Object/Expand.