• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How do I create two shapes with a shared border?

Explorer ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

I just started learning Illustrator so I set myself the challenge of a 2 colour triangle.

857537CC-C59E-4325-8FB7-2C783C90D314.png

This is a red triangle with a yellow semi circle placed on a higher layer. 

But with a future project in mind, I really wanted to create it like a patchwork - two shapes sharing a border. Like this picture, but with extra tweaking to get the edges to align. 
8371D0E0-2369-4946-A723-F2BFF7FF4241.jpeg
Tutorials that I have watched so far only demonstrate overlapping shapes on different layers.  Am I just thinking about this in the wrong way with my patchwork quilt concept or is there some tool/technique I have yet to discover?

TOPICS
Draw and design , How-to

Views

1.4K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , May 05, 2023 May 05, 2023

You could try Live Paint, you only need to draw a border once (can even be an invisible no stroke border), it does not have to be a closed object and use the Live Paint Bucket to fill the areas on both sides of the border.

https://helpx.adobe.com/illustrator/using/live-paint-groups.html

Votes

Translate

Translate
Adobe
Community Expert ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

If you create two overlapping objects as in your first example, you can select them both an click Divide in the Pathfinder panel.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

Mortimer,

 

In a case such as this, you can also:

 

1) Create the red triangle (as you have),

2) Create an open curved path that starts and ends exactly on top of the two bottom Anchor Points,

3) In the Object dropdown click Path>Divide Objects Below to divide the triangle in the two desired parts,

4) Recolour either new part.

 

 

Edit: Hi Ton, grey, cold, and windy here.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

Hi Jacob, warm and mostly sunny over here.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

Mortimer,

 

In your second image you have drawn two similar borders.

 

The key to the accurate (and easy) solution is to only draw one border, and then use it in one of multiple possible ways depending of the objects to share that border.

 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

Thank you for the answers; I can see how they get my separate patches.

Mallard.jpg

This image exemplifies my ultimate goal—a patchwork of about ten complicated shapes.  I admit it is my inexperience, but I am still unsure of the best way to approach this task.

 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

You could try Live Paint, you only need to draw a border once (can even be an invisible no stroke border), it does not have to be a closed object and use the Live Paint Bucket to fill the areas on both sides of the border.

https://helpx.adobe.com/illustrator/using/live-paint-groups.html

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

LATEST

Thank you. That looks promising. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 05, 2023 May 05, 2023

Copy link to clipboard

Copied

Mortimer,

 

In any case where you have a path like the triangle and a curved path and wish to have the border end at the corners of the triangle, it can be easier to fit the triangle to the curved path by moving the triangle by one corner Anchor Point to snap to the curved path and then rotating it round that corner Anchor Point so that the other corner Anchor Point snaps to the curve. After that you can use Divide.

 

You can see how to rotate as described here,

https://helpx.adobe.com/illustrator/using/rotating-reflecting-objects.html

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines