How can I connect two disjoint paths in Sketch App?

For example if I draw a oval and then want to paint part of it into different color, how can I connect edge points of my new path with oval?

paths

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

What you need to do is this:

  1. Expand the small path, so that its bounds extend over the outline of the oval (you’ll need to click ‘Close Path’ in the inspector to make it a close path):

    Extend Path

  2. Duplicate the big oval:

    Duplicate Oval

  3. Select the newly duplicate oval and the small shape:

    Select Both

  4. Select Layer › Combine › Intersect:

    Intersect

  5. Select Layer › Paths › Flatten:

    Flatten

  6. Ta-da!:

    Done

Hope it helps 🙂

Method 2

You could use the big oval as a mask. Then everything you draw on top of it will be clipped by it. This way the shapes are a bit easier to edit than with booleans. Masking in sketch works pretty much the same as using clipping masks in Photoshop.

(The join command only works on two open paths. It will connect them from their end points. You can cut off a section of a closed path with the scissors tool.)

enter image description here


All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x