How to join two separate shapes with an intermediate one












1















so my probleme is quite simple. i have 2 circles away from each other and not intersecting, I want to connect those 2 cirlces with a rectangle in the middle.
heres what I have
enter image description here



and heres what i want



enter image description here



however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)










share|improve this question







New contributor




Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





















  • You might be able to do this with this Metaball script. I'm thinking the non-arc version might work better.

    – Joonas
    23 mins ago
















1















so my probleme is quite simple. i have 2 circles away from each other and not intersecting, I want to connect those 2 cirlces with a rectangle in the middle.
heres what I have
enter image description here



and heres what i want



enter image description here



however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)










share|improve this question







New contributor




Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





















  • You might be able to do this with this Metaball script. I'm thinking the non-arc version might work better.

    – Joonas
    23 mins ago














1












1








1








so my probleme is quite simple. i have 2 circles away from each other and not intersecting, I want to connect those 2 cirlces with a rectangle in the middle.
heres what I have
enter image description here



and heres what i want



enter image description here



however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)










share|improve this question







New contributor




Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












so my probleme is quite simple. i have 2 circles away from each other and not intersecting, I want to connect those 2 cirlces with a rectangle in the middle.
heres what I have
enter image description here



and heres what i want



enter image description here



however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)







adobe-illustrator path shapes merge






share|improve this question







New contributor




Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question







New contributor




Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question






New contributor




Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 2 hours ago









RechemRechem

61




61




New contributor




Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






Rechem is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.













  • You might be able to do this with this Metaball script. I'm thinking the non-arc version might work better.

    – Joonas
    23 mins ago



















  • You might be able to do this with this Metaball script. I'm thinking the non-arc version might work better.

    – Joonas
    23 mins ago

















You might be able to do this with this Metaball script. I'm thinking the non-arc version might work better.

– Joonas
23 mins ago





You might be able to do this with this Metaball script. I'm thinking the non-arc version might work better.

– Joonas
23 mins ago










4 Answers
4






active

oldest

votes


















2














One easy option is to merely draw a path with rounded end caps.




  • Switch to Outline Mode (View > Outline)

  • Turn on the Smart Guides (View > Smart Guides) if they aren't already on

  • Ensure the center marker is enabled in the Attributes Panel:


enter image description here



Using the Line Tool, merely draw a path from the center of one circle to the other. The Smart Guides will tell you when you are at the center with the cursor.



Then merely adjust the stroke weight to match the width of the circles and tick the Rounded End Caps option on the Stroke Panel



enter image description here



Related:




  • Illustrator: Is there an efficient and accurate way to join two circles by their tangents (and keep it editable)?

  • How to smoothly connect a circle with rectangle shape at the tangent?

  • How to draw circle tangents and removing the inner lines?

  • Merging a semicircle with two parallel lines






share|improve this answer


























  • Many solutions offered, this would be my choice. +1

    – WELZ
    28 mins ago











  • This is what I would do in lieu of the Astute SubScribe plugin. I almost answered with this, then decided that I didn't think it's really answering the question of how do you connect the shapes perfectly. It simply replaces them. What if they were ovals or just blobs? This is a great solution, but for a very limited situation. Illustrator should just have built in tangent recognition. We've only been waiting 31 years.

    – 13ruce
    24 mins ago











  • Well :) Ovals or blobs would be a different matter and I'd use a different approach, such as tangents, add anchors, delete sections, join anchors. Almost gave that answer.... :)

    – Scott
    21 mins ago





















0














One possibility is to use a Blend.




  1. Select both your shapes and click Object > Blend > Make


  2. then Object > Blend > Blend options


  3. Under Spacing, choose "Specified steps", set it to something high like 500 steps



However, the above comes with disadvantages:- It creates 500 individual shapes, and even if you Expand then Unite them with the Pathfinder, you'll still have over 1000 anchors, and Simplifying doesn't really work either.



Another possibility is to do it the way you have already done, but to edit the position of the anchors of the rectangle manually using the Direct Selection Tool (A), so that they intersect with the outermost edge of each circle, to reduce the humps that you can see in your example.






share|improve this answer

































    0














    There are various ways to get the effect of what you're asking in Illustrator, but they are slow and labor intensive. There is currently no way to do it by simply drawing tangents, unless you use a third party plugin. Fortunately, there is a cheap plugin made by Astute Graphics that allows you to very easily draw tangents between objects. As of today it's priced at $6.51, although there may be an exchange rate charge if you're ordering from a different currency that pounds, if I recall correctly. See video link:

    https://www.youtube.com/watch?time_continue=13&v=fu4Sn6_Epdo

    I've been using Astute plugins for years and they are all extremely well made and I think every one has a video tutorial.






    share|improve this answer































      0














      I suggest you draw it. Having snap to point and smart guides on you can draw a line between the circle centers. Select the line and goto Object > Path > Outline Stroke. Then you have a rectangle.



      enter image description here



      You must select straight stroke ends in the strokes panel, if they are rounded.



      If the circles are equal and the rectangle must be as wide as your circles are, then you simply draw only a rounded rectangle or a rounded line and no circles at all.






      share|improve this answer

























        Your Answer








        StackExchange.ready(function() {
        var channelOptions = {
        tags: "".split(" "),
        id: "174"
        };
        initTagRenderer("".split(" "), "".split(" "), channelOptions);

        StackExchange.using("externalEditor", function() {
        // Have to fire editor after snippets, if snippets enabled
        if (StackExchange.settings.snippets.snippetsEnabled) {
        StackExchange.using("snippets", function() {
        createEditor();
        });
        }
        else {
        createEditor();
        }
        });

        function createEditor() {
        StackExchange.prepareEditor({
        heartbeatType: 'answer',
        autoActivateHeartbeat: false,
        convertImagesToLinks: false,
        noModals: true,
        showLowRepImageUploadWarning: true,
        reputationToPostImages: null,
        bindNavPrevention: true,
        postfix: "",
        imageUploader: {
        brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
        contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
        allowUrls: true
        },
        onDemand: true,
        discardSelector: ".discard-answer"
        ,immediatelyShowMarkdownHelp:true
        });


        }
        });






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










        draft saved

        draft discarded


















        StackExchange.ready(
        function () {
        StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f119522%2fhow-to-join-two-separate-shapes-with-an-intermediate-one%23new-answer', 'question_page');
        }
        );

        Post as a guest















        Required, but never shown

























        4 Answers
        4






        active

        oldest

        votes








        4 Answers
        4






        active

        oldest

        votes









        active

        oldest

        votes






        active

        oldest

        votes









        2














        One easy option is to merely draw a path with rounded end caps.




        • Switch to Outline Mode (View > Outline)

        • Turn on the Smart Guides (View > Smart Guides) if they aren't already on

        • Ensure the center marker is enabled in the Attributes Panel:


        enter image description here



        Using the Line Tool, merely draw a path from the center of one circle to the other. The Smart Guides will tell you when you are at the center with the cursor.



        Then merely adjust the stroke weight to match the width of the circles and tick the Rounded End Caps option on the Stroke Panel



        enter image description here



        Related:




        • Illustrator: Is there an efficient and accurate way to join two circles by their tangents (and keep it editable)?

        • How to smoothly connect a circle with rectangle shape at the tangent?

        • How to draw circle tangents and removing the inner lines?

        • Merging a semicircle with two parallel lines






        share|improve this answer


























        • Many solutions offered, this would be my choice. +1

          – WELZ
          28 mins ago











        • This is what I would do in lieu of the Astute SubScribe plugin. I almost answered with this, then decided that I didn't think it's really answering the question of how do you connect the shapes perfectly. It simply replaces them. What if they were ovals or just blobs? This is a great solution, but for a very limited situation. Illustrator should just have built in tangent recognition. We've only been waiting 31 years.

          – 13ruce
          24 mins ago











        • Well :) Ovals or blobs would be a different matter and I'd use a different approach, such as tangents, add anchors, delete sections, join anchors. Almost gave that answer.... :)

          – Scott
          21 mins ago


















        2














        One easy option is to merely draw a path with rounded end caps.




        • Switch to Outline Mode (View > Outline)

        • Turn on the Smart Guides (View > Smart Guides) if they aren't already on

        • Ensure the center marker is enabled in the Attributes Panel:


        enter image description here



        Using the Line Tool, merely draw a path from the center of one circle to the other. The Smart Guides will tell you when you are at the center with the cursor.



        Then merely adjust the stroke weight to match the width of the circles and tick the Rounded End Caps option on the Stroke Panel



        enter image description here



        Related:




        • Illustrator: Is there an efficient and accurate way to join two circles by their tangents (and keep it editable)?

        • How to smoothly connect a circle with rectangle shape at the tangent?

        • How to draw circle tangents and removing the inner lines?

        • Merging a semicircle with two parallel lines






        share|improve this answer


























        • Many solutions offered, this would be my choice. +1

          – WELZ
          28 mins ago











        • This is what I would do in lieu of the Astute SubScribe plugin. I almost answered with this, then decided that I didn't think it's really answering the question of how do you connect the shapes perfectly. It simply replaces them. What if they were ovals or just blobs? This is a great solution, but for a very limited situation. Illustrator should just have built in tangent recognition. We've only been waiting 31 years.

          – 13ruce
          24 mins ago











        • Well :) Ovals or blobs would be a different matter and I'd use a different approach, such as tangents, add anchors, delete sections, join anchors. Almost gave that answer.... :)

          – Scott
          21 mins ago
















        2












        2








        2







        One easy option is to merely draw a path with rounded end caps.




        • Switch to Outline Mode (View > Outline)

        • Turn on the Smart Guides (View > Smart Guides) if they aren't already on

        • Ensure the center marker is enabled in the Attributes Panel:


        enter image description here



        Using the Line Tool, merely draw a path from the center of one circle to the other. The Smart Guides will tell you when you are at the center with the cursor.



        Then merely adjust the stroke weight to match the width of the circles and tick the Rounded End Caps option on the Stroke Panel



        enter image description here



        Related:




        • Illustrator: Is there an efficient and accurate way to join two circles by their tangents (and keep it editable)?

        • How to smoothly connect a circle with rectangle shape at the tangent?

        • How to draw circle tangents and removing the inner lines?

        • Merging a semicircle with two parallel lines






        share|improve this answer















        One easy option is to merely draw a path with rounded end caps.




        • Switch to Outline Mode (View > Outline)

        • Turn on the Smart Guides (View > Smart Guides) if they aren't already on

        • Ensure the center marker is enabled in the Attributes Panel:


        enter image description here



        Using the Line Tool, merely draw a path from the center of one circle to the other. The Smart Guides will tell you when you are at the center with the cursor.



        Then merely adjust the stroke weight to match the width of the circles and tick the Rounded End Caps option on the Stroke Panel



        enter image description here



        Related:




        • Illustrator: Is there an efficient and accurate way to join two circles by their tangents (and keep it editable)?

        • How to smoothly connect a circle with rectangle shape at the tangent?

        • How to draw circle tangents and removing the inner lines?

        • Merging a semicircle with two parallel lines







        share|improve this answer














        share|improve this answer



        share|improve this answer








        edited 16 mins ago

























        answered 35 mins ago









        ScottScott

        146k14201413




        146k14201413













        • Many solutions offered, this would be my choice. +1

          – WELZ
          28 mins ago











        • This is what I would do in lieu of the Astute SubScribe plugin. I almost answered with this, then decided that I didn't think it's really answering the question of how do you connect the shapes perfectly. It simply replaces them. What if they were ovals or just blobs? This is a great solution, but for a very limited situation. Illustrator should just have built in tangent recognition. We've only been waiting 31 years.

          – 13ruce
          24 mins ago











        • Well :) Ovals or blobs would be a different matter and I'd use a different approach, such as tangents, add anchors, delete sections, join anchors. Almost gave that answer.... :)

          – Scott
          21 mins ago





















        • Many solutions offered, this would be my choice. +1

          – WELZ
          28 mins ago











        • This is what I would do in lieu of the Astute SubScribe plugin. I almost answered with this, then decided that I didn't think it's really answering the question of how do you connect the shapes perfectly. It simply replaces them. What if they were ovals or just blobs? This is a great solution, but for a very limited situation. Illustrator should just have built in tangent recognition. We've only been waiting 31 years.

          – 13ruce
          24 mins ago











        • Well :) Ovals or blobs would be a different matter and I'd use a different approach, such as tangents, add anchors, delete sections, join anchors. Almost gave that answer.... :)

          – Scott
          21 mins ago



















        Many solutions offered, this would be my choice. +1

        – WELZ
        28 mins ago





        Many solutions offered, this would be my choice. +1

        – WELZ
        28 mins ago













        This is what I would do in lieu of the Astute SubScribe plugin. I almost answered with this, then decided that I didn't think it's really answering the question of how do you connect the shapes perfectly. It simply replaces them. What if they were ovals or just blobs? This is a great solution, but for a very limited situation. Illustrator should just have built in tangent recognition. We've only been waiting 31 years.

        – 13ruce
        24 mins ago





        This is what I would do in lieu of the Astute SubScribe plugin. I almost answered with this, then decided that I didn't think it's really answering the question of how do you connect the shapes perfectly. It simply replaces them. What if they were ovals or just blobs? This is a great solution, but for a very limited situation. Illustrator should just have built in tangent recognition. We've only been waiting 31 years.

        – 13ruce
        24 mins ago













        Well :) Ovals or blobs would be a different matter and I'd use a different approach, such as tangents, add anchors, delete sections, join anchors. Almost gave that answer.... :)

        – Scott
        21 mins ago







        Well :) Ovals or blobs would be a different matter and I'd use a different approach, such as tangents, add anchors, delete sections, join anchors. Almost gave that answer.... :)

        – Scott
        21 mins ago













        0














        One possibility is to use a Blend.




        1. Select both your shapes and click Object > Blend > Make


        2. then Object > Blend > Blend options


        3. Under Spacing, choose "Specified steps", set it to something high like 500 steps



        However, the above comes with disadvantages:- It creates 500 individual shapes, and even if you Expand then Unite them with the Pathfinder, you'll still have over 1000 anchors, and Simplifying doesn't really work either.



        Another possibility is to do it the way you have already done, but to edit the position of the anchors of the rectangle manually using the Direct Selection Tool (A), so that they intersect with the outermost edge of each circle, to reduce the humps that you can see in your example.






        share|improve this answer






























          0














          One possibility is to use a Blend.




          1. Select both your shapes and click Object > Blend > Make


          2. then Object > Blend > Blend options


          3. Under Spacing, choose "Specified steps", set it to something high like 500 steps



          However, the above comes with disadvantages:- It creates 500 individual shapes, and even if you Expand then Unite them with the Pathfinder, you'll still have over 1000 anchors, and Simplifying doesn't really work either.



          Another possibility is to do it the way you have already done, but to edit the position of the anchors of the rectangle manually using the Direct Selection Tool (A), so that they intersect with the outermost edge of each circle, to reduce the humps that you can see in your example.






          share|improve this answer




























            0












            0








            0







            One possibility is to use a Blend.




            1. Select both your shapes and click Object > Blend > Make


            2. then Object > Blend > Blend options


            3. Under Spacing, choose "Specified steps", set it to something high like 500 steps



            However, the above comes with disadvantages:- It creates 500 individual shapes, and even if you Expand then Unite them with the Pathfinder, you'll still have over 1000 anchors, and Simplifying doesn't really work either.



            Another possibility is to do it the way you have already done, but to edit the position of the anchors of the rectangle manually using the Direct Selection Tool (A), so that they intersect with the outermost edge of each circle, to reduce the humps that you can see in your example.






            share|improve this answer















            One possibility is to use a Blend.




            1. Select both your shapes and click Object > Blend > Make


            2. then Object > Blend > Blend options


            3. Under Spacing, choose "Specified steps", set it to something high like 500 steps



            However, the above comes with disadvantages:- It creates 500 individual shapes, and even if you Expand then Unite them with the Pathfinder, you'll still have over 1000 anchors, and Simplifying doesn't really work either.



            Another possibility is to do it the way you have already done, but to edit the position of the anchors of the rectangle manually using the Direct Selection Tool (A), so that they intersect with the outermost edge of each circle, to reduce the humps that you can see in your example.







            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited 36 mins ago

























            answered 52 mins ago









            Billy KerrBilly Kerr

            26.1k22056




            26.1k22056























                0














                There are various ways to get the effect of what you're asking in Illustrator, but they are slow and labor intensive. There is currently no way to do it by simply drawing tangents, unless you use a third party plugin. Fortunately, there is a cheap plugin made by Astute Graphics that allows you to very easily draw tangents between objects. As of today it's priced at $6.51, although there may be an exchange rate charge if you're ordering from a different currency that pounds, if I recall correctly. See video link:

                https://www.youtube.com/watch?time_continue=13&v=fu4Sn6_Epdo

                I've been using Astute plugins for years and they are all extremely well made and I think every one has a video tutorial.






                share|improve this answer




























                  0














                  There are various ways to get the effect of what you're asking in Illustrator, but they are slow and labor intensive. There is currently no way to do it by simply drawing tangents, unless you use a third party plugin. Fortunately, there is a cheap plugin made by Astute Graphics that allows you to very easily draw tangents between objects. As of today it's priced at $6.51, although there may be an exchange rate charge if you're ordering from a different currency that pounds, if I recall correctly. See video link:

                  https://www.youtube.com/watch?time_continue=13&v=fu4Sn6_Epdo

                  I've been using Astute plugins for years and they are all extremely well made and I think every one has a video tutorial.






                  share|improve this answer


























                    0












                    0








                    0







                    There are various ways to get the effect of what you're asking in Illustrator, but they are slow and labor intensive. There is currently no way to do it by simply drawing tangents, unless you use a third party plugin. Fortunately, there is a cheap plugin made by Astute Graphics that allows you to very easily draw tangents between objects. As of today it's priced at $6.51, although there may be an exchange rate charge if you're ordering from a different currency that pounds, if I recall correctly. See video link:

                    https://www.youtube.com/watch?time_continue=13&v=fu4Sn6_Epdo

                    I've been using Astute plugins for years and they are all extremely well made and I think every one has a video tutorial.






                    share|improve this answer













                    There are various ways to get the effect of what you're asking in Illustrator, but they are slow and labor intensive. There is currently no way to do it by simply drawing tangents, unless you use a third party plugin. Fortunately, there is a cheap plugin made by Astute Graphics that allows you to very easily draw tangents between objects. As of today it's priced at $6.51, although there may be an exchange rate charge if you're ordering from a different currency that pounds, if I recall correctly. See video link:

                    https://www.youtube.com/watch?time_continue=13&v=fu4Sn6_Epdo

                    I've been using Astute plugins for years and they are all extremely well made and I think every one has a video tutorial.







                    share|improve this answer












                    share|improve this answer



                    share|improve this answer










                    answered 30 mins ago









                    13ruce13ruce

                    2,308515




                    2,308515























                        0














                        I suggest you draw it. Having snap to point and smart guides on you can draw a line between the circle centers. Select the line and goto Object > Path > Outline Stroke. Then you have a rectangle.



                        enter image description here



                        You must select straight stroke ends in the strokes panel, if they are rounded.



                        If the circles are equal and the rectangle must be as wide as your circles are, then you simply draw only a rounded rectangle or a rounded line and no circles at all.






                        share|improve this answer






























                          0














                          I suggest you draw it. Having snap to point and smart guides on you can draw a line between the circle centers. Select the line and goto Object > Path > Outline Stroke. Then you have a rectangle.



                          enter image description here



                          You must select straight stroke ends in the strokes panel, if they are rounded.



                          If the circles are equal and the rectangle must be as wide as your circles are, then you simply draw only a rounded rectangle or a rounded line and no circles at all.






                          share|improve this answer




























                            0












                            0








                            0







                            I suggest you draw it. Having snap to point and smart guides on you can draw a line between the circle centers. Select the line and goto Object > Path > Outline Stroke. Then you have a rectangle.



                            enter image description here



                            You must select straight stroke ends in the strokes panel, if they are rounded.



                            If the circles are equal and the rectangle must be as wide as your circles are, then you simply draw only a rounded rectangle or a rounded line and no circles at all.






                            share|improve this answer















                            I suggest you draw it. Having snap to point and smart guides on you can draw a line between the circle centers. Select the line and goto Object > Path > Outline Stroke. Then you have a rectangle.



                            enter image description here



                            You must select straight stroke ends in the strokes panel, if they are rounded.



                            If the circles are equal and the rectangle must be as wide as your circles are, then you simply draw only a rounded rectangle or a rounded line and no circles at all.







                            share|improve this answer














                            share|improve this answer



                            share|improve this answer








                            edited 29 mins ago

























                            answered 41 mins ago









                            user287001user287001

                            20.7k21236




                            20.7k21236






















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










                                draft saved

                                draft discarded


















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













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












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




                                draft saved


                                draft discarded














                                StackExchange.ready(
                                function () {
                                StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f119522%2fhow-to-join-two-separate-shapes-with-an-intermediate-one%23new-answer', 'question_page');
                                }
                                );

                                Post as a guest















                                Required, but never shown





















































                                Required, but never shown














                                Required, but never shown












                                Required, but never shown







                                Required, but never shown

































                                Required, but never shown














                                Required, but never shown












                                Required, but never shown







                                Required, but never shown







                                Popular posts from this blog

                                How to label and detect the document text images

                                Vallis Paradisi

                                Tabula Rosettana