🎉 #2442, #2412 and #1931 content

This commit is contained in:
andy 2022-01-14 16:15:22 +01:00
parent b8ed7c077b
commit 4e4d8e948b
4 changed files with 4 additions and 1 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -12,6 +12,8 @@ available in Penpot, and how to get the most of them.</p>
<h4>Create artboards</h4>
<p>You can create an artboard with a custom sizes or choose one of the provided presets with the most common resolution for devices and standard print sizes. </p>
<p><img src="/img/artboards-creation.gif" alt="artboards" /></p>
<p><strong>TIP:</strong> Create an artboard around one or more selected objects using the option at the menu or the shortcut <kbd>Ctrl/⌘</kbd> + <kbd>Alt</kbd> + <kbd>G</kbd>.</p>
<h4>Select and move artboards</h4>
<p>Click on the artboard name or double click over an area without layers.</p>
@ -59,7 +61,7 @@ a design.</p>
<h3 id="curves">Curves (freehand)</h3>
<p>The curve tool allows a path to be created directly in a freehand mode.
Select the curve tool by clicking on the icon at the toolbar or pressing <kbd>Ctrl</kbd> + <kbd>c</kbd>.
Select the curve tool by clicking on the icon at the toolbar or pressing <kbd>Ctrl/⌘</kbd> + <kbd>c</kbd>.
<p>The path created will contain a lot of points, but it is edited the same way as any other curve.</p>
<h3 id="paths">Paths (bezier)</h3>

View File

@ -9,6 +9,7 @@ title: 07· Styling
<p>Color fills can be added to artboards, shapes, texts and groups of layers. A fill can be a custom color (in Hex) or a color style from a library.</p>
<p>To apply a fill you can use the color picker, the color palette or a color styles.</p>
<p>You can also set the <strong>opacity</strong> for custom fill colors.</p>
<p><strong>TIP:</strong> Select an element and press numbers from 0 to 9 to set their fill opacity. 1 to get 10%, 2 to get 20% and so on. You can set precise opacity by pressing two numbers consecutively in less than a second (for example 5 and 4 to set 54% opacity).</p>
<p><img src="/img/styling-fill-apply.gif" alt="fills" /></p>
<h4>Remove a Fill</h4>