Skip to content

Commit

Permalink
shortcuts and and image filters updated
Browse files Browse the repository at this point in the history
  • Loading branch information
uksla committed Nov 25, 2023
1 parent 456204a commit 6eed049
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 12 deletions.
14 changes: 12 additions & 2 deletions docs/images.md
Original file line number Diff line number Diff line change
Expand Up @@ -176,16 +176,26 @@ To **cut out a part of an image**:
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/images_cutout_tool.png" height="auto"><source src="/public/images_cutout_tool.mp4" type="video/mp4"></video>


### Image adjustment
### Image filters

Change the hue, saturation, contrast, and other properties of your images.

To do this:

1. Select one or several image layers.
2. Click `+` next to **Image adjust** in the right panel.
2. Click `+` next to **Image filters** in the right panel.
3. Drag the sliders to adjust the image.


<embed type="image/svg+xml" alt="image_filters" src="https://cdn-eu.icons8.com/docs/Dko8QE6mZ06fz2gAGGUBbA/rx7xGF-vfE2NY86P4YHjog.svg" />


<!--
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/images_adjustments.png" height="auto"><source src="/public/images_adjustments.mp4" type="video/mp4"></video>
-->

These adjustments are all reversible. You can discard all changes and restore the original image by clicking the Reset values (<embed type="image/svg+xml" alt="reset_overrides" src="https://cdn-eu.icons8.com/docs/M9n6bSgrBEaWHOHZwLkY3A/PmMyhR72A0GyShZvh91lgA.svg" width="20" >) button next to the section header.

25 changes: 15 additions & 10 deletions docs/shortcuts.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,8 @@ We keep these shortcuts consistent with both Sketch for Mac and Photoshop. If yo
| Action | Windows, Linux &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | Mac &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |
| ------------- |-------------|---------------|
| Open |`Ctrl + O` | `⌘ + O` |
| New |`Ctrl + N` | `⌘ + N` |
| New cloud document |`Ctrl + N` | `⌘ + N` |
| New local document |`Ctrl + Shift + N` | `⌘ + Shift + N` |
| Save |`Ctrl + S` | `⌘ + S` |
| Save as |`Ctrl + Shift + S` | `⌘ + Shift + S` |
| Export |`Ctrl + E` | `⌘ + E` |
Expand All @@ -52,11 +53,11 @@ We keep these shortcuts consistent with both Sketch for Mac and Photoshop. If yo
| Export in PNG to Icons8 Cloud, copy URL to clipboard |`Alt + C + С` | `⌥ + C + C` |
| Copy Style |`Ctrl + Alt + C` | `⌥ + ⌘ + C` |
| Paste Style |`Ctrl + Alt + V` | `⌥ + ⌘ + C` |
| Copy layer hyperlink | `Ctrl + L` | `⌘ + L` |
| Copy link to layer | `Ctrl + L` | `⌘ + L` |
| Undo |`Ctrl + Z` | `⌘ + Z` |
| Redo |`Ctrl + Y` or `Ctrl + Shift + Z` | `⌘ + Shift + Z` |
| Show Rulers |`Ctrl + R` | `⌘ + R` |
| Show Grid |`Ctrl + ` | `⌘ + '` |
| Show Grid |`Shift + G` | `⌘ + G'` |
| Show Layout Grid |`Ctrl + \` | `⌃ + G` |
| Show Guidelines |`Ctrl + ;` | `⌃ + ;` |
| Lock Guidelines |`Ctrl + Alt + ;` | `⌥ + ⌘ + ;` |
Expand All @@ -79,7 +80,7 @@ We keep these shortcuts consistent with both Sketch for Mac and Photoshop. If yo
| ------------- |-------------|---------|
| Select |`V` | `V` |
| Deselect | `Esc` | `Esc` |
| Frame |`A` |`A` |
| Frame | `F` or `A` | `F` or `A` |
| Text |`T` | `T` |
| Hand | Hold down `Space` or the **middle mouse button** | Hold down `Space` or the **middle mouse button** |
| Rectangle | `R` | `R` |
Expand All @@ -101,14 +102,18 @@ We keep these shortcuts consistent with both Sketch for Mac and Photoshop. If yo
| Hotspot |`H` |`H` |
| Slice |`E` | `E` |
| Comment|`C` | `C` |
| Like (sticker) |`C, C` | `C, C` |
| Dislike (sticker)|`C, C, C` | `C, C, C` |
| Heart (sticker) |`C, C, C, C` | `C, C, C, C` |
| Question (sticker) | `C, C, C, C, C` | `C, C, C, C, C` |
| Button |`B` | `B` |
| Text Input |`D` | `D` |
| Checkbox |`F` | `F` |
| Radio button |`Y` | `Y` |
| Toggle |`J` | `J` |
| Drop-down list |`W` | `W` |
| Component|`S` | `S` |
| Zoom | `Z` | `Z` |
| Crop |`Shift + Enter` | `Shift + Enter` |



## Selecting Layers
Expand Down Expand Up @@ -142,8 +147,8 @@ We keep these shortcuts consistent with both Sketch for Mac and Photoshop. If yo
| Align Top |`Alt + W` | `⌥ + W` |
| Align Bottom |`Alt + S` | `⌥ + S` |
| Align Vertically |`Alt + V`| `⌥ + V` |
| Distribute Horizontally |`Alt + Shift + H` | ` + Shift + H` |
| Distribute Vertically |`Alt + Shift + V` | ` + Shift + V` |
| Distribute Horizontally |`Ctrl + Shift + H` | ` + Shift + H` |
| Distribute Vertically |`Ctrl + Shift + V` | ` + Shift + V` |
| Tidy up |`Ctrl + Alt + Shift + T` | `⌃ + ⌥ + Shift + T` |
| Scale layers |`Ctrl + K` | `⌘ + K` |
| Refresh avatar |`Shift + R` | `Shift + R` |
Expand Down Expand Up @@ -249,8 +254,8 @@ We keep these shortcuts consistent with both Sketch for Mac and Photoshop. If yo
| Bring Forward |`Ctrl + ]` | `⌘ + ]` |
| Send Backward |`Ctrl + [` | `⌘ + [` |
| Send to Back |`Ctrl + Shift + [` | `⌘ + Shift + [` |
| Show / Hide |`Ctrl + Shift + H` | `⌘ + Shift + H` |
| Lock / Unlock |`Ctrl + Shift + L` | `⌘ + Shift + L` |
| Show / Hide |`Ctrl + Shift + H` | - |
| Lock / Unlock |`Ctrl + Shift + L` | - |

## Zoom and Focus

Expand Down

0 comments on commit 6eed049

Please sign in to comment.