penpot/penpot-docs
1
0
Fork 0
mirror of https://github.com/penpot/penpot-docs.git synced 2024-07-06 05:41:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎉 Booleans

Browse Source
This commit is contained in:
andy 2021-10-26 16:48:18 +02:00 committed by Andrés Moya
parent 53ab460958
commit 2217661279
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/booleans.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

12
user-guide/layer-basics/index.njk
View File

@ -108,3 +108,15 @@ title: 04· Layer basics
<p>Groups and artboards can be expanded and collapsed to show and hide their contents. Click at the arrow at the right side to toggle their visibility state. </p>
<p>Sometimes you just need to have more clarity at the layers artboard. Press <kbd>Shift/⇧</kbd> + left click over the right arrow of a group or an artboard to collapse them all.</p>
<p><img src="/img/collapsing-groups.gif" alt="Collapsing groups and artboards" /></p>
<h3 id="boolean-operators">Boolean operators</h3>
<p>Combine shapes in different ways to create more complex ones by using formulas called "boolean operators". Boolean combinations are non destructive operations, the original shapes remain grouped and apt to further editions. There are five options: Union, difference, intersection, exclusion and flatten. Using boolean operations will lead to countless graphic possibilities for your designs.</p>
<p><img src="/img/booleans.gif" alt="boolean operators" /></p>
<ul>
<li><strong>Union:</strong> the resulting combination is the sum of the shapes.</li>
<li><strong>Difference:</strong> the opposite of union, the resulting object has the area of the shape on top has been cut out from the shape at the bottom.</li>
<li><strong>Intersection:</strong> creates a group whose shape is the overlapping area between the shapes.</li>
<li><strong>Exclusion:</strong> the opposite of intersection, the resulting shape is the area that does not overlap between the shapes.</li>
<li><strong>Flatten:</strong> Tecnically not a boolean operator, this is the way to permanently combine the paths of a group of shapes in a single one.</li>
</ul>