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

Creating Shapes with Shared Sides

New Here ,
Apr 18, 2020 Apr 18, 2020

Hello, I am simply trying to make a geometric design, with shapes that share one side. However, I need them to be on seperate layers and treated as seperate shapes so I can fill/mask/or otherwise modify them. I have been making custom shapes using the pen tool, but is there anyway to duplicate the shared side or have photoshop recognize it as two distinct shapes? Attached is an example of what I'm looking for, with each section being able to be masked on its own.

485
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 , Apr 18, 2020 Apr 18, 2020

You can do it like this:

 

Start with a closed Shape. With the Direct Selection tool, select the Shape (so you see all the points as hollow squares), and then select the edges you want to connect, either by selecting the edges themselves, or the control points. Selecting a control point will also select its associated edges, so you should not select the two end points, only the edges. Shift+clicking will allow you to select multiple edges. Copy these to the clipboard.

 

Make a new Shape layer, b

...
Translate
Adobe
Community Expert ,
Apr 18, 2020 Apr 18, 2020

First of I hope you created those Shapes with closed Paths. 

Secondly I suspect that you might be better off using Illustrator for this. 

 

But in Photoshop I think you should use Groups with Layer Masks based on Selections created without Anti-aliasing to avoid the mixed edge pixels. 

 

And please post images on the Forum directly … 

insertImagePhotographIcon2020.jpg

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 ,
Apr 18, 2020 Apr 18, 2020

You can do it like this:

 

Start with a closed Shape. With the Direct Selection tool, select the Shape (so you see all the points as hollow squares), and then select the edges you want to connect, either by selecting the edges themselves, or the control points. Selecting a control point will also select its associated edges, so you should not select the two end points, only the edges. Shift+clicking will allow you to select multiple edges. Copy these to the clipboard.

 

Make a new Shape layer, but leave it open. This can even be just a single point, but you need to have a separate Shape layer.. Paste the copied edges, and use the Pen to connect the ends of the drawn path and the pasted path. Click on one point, and you should see "Pick Up Path" in the history. Click on the other, and you should see "Join Paths".

 

As long as the Shape has not been closed, you can continue to copy, paste, and connect from any other previously made Shapes. Note that the shapes are independent, so if you decide to move a vertex in one, the edges will no longer be shared.

 

I hope that all makes sense. Here you can see the results:

image.png

 

 

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
New Here ,
May 09, 2020 May 09, 2020
LATEST

Perfect! Thank you so much!

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