Interactive
Creating Elements in Sketch: Boolean Operations
Biz Library
Updated Sep 04, 2018Sometimes it is more effective to bind the relationship of two states together to get a desired shape or outcome. This is where Boolean operations come handy. Located in the Top Bar slightly off center you will see "Union, Subtract, Intersect, and Difference." Union: The result is a vector that is the sum of both vector's areas. Subtract: The result is a vector where the area of the top shape is removed from the one under it. Intersect: The result is a vector consisting of the parts where the original shapes overlapped. Difference: The result is a vector that is exactly the part where they didn't overlap. It's the inverse of an intersect operation. Then talk about how manipulating the ordering of the layers changes the shapes outcome. When you initiate a Boolean Operation, you can still view the outlines of both of the shapes. To create a perfect and finalized instance, simply click the "flatten" tool in the top of the screen.
Related learning
