How to join two separate shapes with an intermediate one
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
and heres what i want
however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)
adobe-illustrator path shapes merge
New contributor
add a comment |
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
and heres what i want
however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)
adobe-illustrator path shapes merge
New contributor
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
add a comment |
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
and heres what i want
however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)
adobe-illustrator path shapes merge
New contributor
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
and heres what i want
however as u can see its not perfect.
I would like to know how.
(Ai cc 2018)
adobe-illustrator path shapes merge
adobe-illustrator path shapes merge
New contributor
New contributor
New contributor
asked 2 hours ago
RechemRechem
61
61
New contributor
New contributor
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
add a comment |
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
add a comment |
4 Answers
4
active
oldest
votes
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:
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
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
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
add a comment |
One possibility is to use a Blend.
Select both your shapes and click Object > Blend > Make
then Object > Blend > Blend options
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.
add a comment |
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.
add a comment |
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.
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.
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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:
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
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
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
add a comment |
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:
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
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
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
add a comment |
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:
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
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
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:
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
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
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
add a comment |
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
add a comment |
One possibility is to use a Blend.
Select both your shapes and click Object > Blend > Make
then Object > Blend > Blend options
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.
add a comment |
One possibility is to use a Blend.
Select both your shapes and click Object > Blend > Make
then Object > Blend > Blend options
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.
add a comment |
One possibility is to use a Blend.
Select both your shapes and click Object > Blend > Make
then Object > Blend > Blend options
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.
One possibility is to use a Blend.
Select both your shapes and click Object > Blend > Make
then Object > Blend > Blend options
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.
edited 36 mins ago
answered 52 mins ago
Billy KerrBilly Kerr
26.1k22056
26.1k22056
add a comment |
add a comment |
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.
add a comment |
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.
add a comment |
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.
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.
answered 30 mins ago
13ruce13ruce
2,308515
2,308515
add a comment |
add a comment |
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.
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.
add a comment |
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.
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.
add a comment |
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.
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.
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.
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.
edited 29 mins ago
answered 41 mins ago
user287001user287001
20.7k21236
20.7k21236
add a comment |
add a comment |
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.
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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