mirror of
https://github.com/penpot/penpot-docs.git
synced 2024-08-03 09:48:54 +00:00
parent
b8ed7c077b
commit
4e4d8e948b
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 |
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user