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

How do I create two shapes with a shared border?

Explorer ,
May 05, 2023 May 05, 2023

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

857537CC-C59E-4325-8FB7-2C783C90D314.pngexpand image

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.jpegexpand image
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
2.3K
Translate
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

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

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

Translate
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

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.

 

Translate
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

Hi Jacob, warm and mostly sunny over here.

Translate
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

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.

 

 

 

Translate
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

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

Mallard.jpgexpand image

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.

 

 

 

Translate
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

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

Translate
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
LATEST

Thank you. That looks promising. 

Translate
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

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

 

Translate
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