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

collapsing artboards

Browse Source
This commit is contained in:
andy 2021-09-14 12:32:54 +02:00 committed by Andrés Moya
parent 47a677b09c
commit 031a5dced2
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/collapsing-groups.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 127 KiB

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

@ -82,13 +82,11 @@ title: 04· Layer basics
<p><img src="/img/layers-moving.gif" alt="Moving layers" /></p>
<h3 id="resizing-layers">Resizing layers</h3>
<p>To resize a selected layer you can use the handles at the edges of the selection box. Make sure the cursor is in resizing mode. If you hold <kbd>Shift/⇧</kbd> while resizing the object will preserve its current proportions. You can also use the design panel where you can link width and height.</p>
<p><img src="/img/layers-resizing.gif" alt="layers" /></p>
<h3 id="rotating-layers">Rotating layers</h3>
<p>To rotate selected layers you can use the handlers at the edges of the selection box. Make sure the cursor is in rotation mode. If you hold <kbd>Ctrl/⌘</kbd> while rotation the angle will change in 45 degree increments. You can also find this option at the design panel.</p>
<p><img src="/img/layers-rotating.gif" alt="layers" /></p>
@ -105,3 +103,8 @@ title: 04· Layer basics
<p><img src="/img/layers-align.gif" alt="layers" /></p>
<p><strong>Distributing</strong> objects allows you to position them vertically and horizontally with equal distances between them.</p>
<p><img src="/img/layers-distribute.gif" alt="layers" /></p>
<h3 id="collapsing-groups">Collapsing groups and artboards</h3>
<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>