Skip to content

Latest commit

 

History

History
104 lines (82 loc) · 3.75 KB

user-interface.md

File metadata and controls

104 lines (82 loc) · 3.75 KB
Raw

Slate - User Interface

Contents

Reference

Tool Bar

Tool bar

  1. Changes the size of the canvas.
  2. Changes the size of the image.
  3. Crops the image to the current selection.
  4. Undo the last canvas operation.
  5. Redo the last undone canvas operation
  6. Switches the current tool to the pen tool.
  7. Switches the current tool to the eye dropper (colour picker) tool.
  8. Switches the current tool to the eraser tool.
  9. Switches the current tool to the fill tool. Long press to bring up the fill tool menu.
  10. Switches the current tool to the selection tool.
  11. Switches the current tool to the note tool.
  12. Changes the size of drawing tools.
  13. Changes the shape of drawing tools.
  14. Rotates the selection by 90 degrees counter-clockwise.
  15. Rotates the selection by 90 degrees clockwise.
  16. Flips the selection horizontally.
  17. Flips the selection vertically.
  18. Shows rulers.
  19. Shows guides.
  20. Locks guides.
  21. Shows notes.
  22. Toggles split screen.
  23. Locks split screen splitter.
  24. Toggles full screen.

Colour

Colour panel

  1. Toggles the visibility of the panel.
  2. Switches between foreground and background colours.
  3. Shows the current colour as a hex value. Can be edited.
  4. Changes the hue of the current colour.
  5. Changes the saturation and lightness of the current colour.
  6. Changes the opacity of the current colour.
  7. Decreases the lightness of the current colour.
  8. Increases the lightness of the current colour.
  9. Decreases the saturation of the current colour.
  10. Increases the saturation of the current colour.

Swatches

Swatches panel

  1. Toggles the visibility of the panel.
  2. Displays auto swatch colours if enabled (Settings > Enable auto swatch (experimental)).
  3. Displays custom swatch colours.
  4. Creates a new custom swatch from the current colour.

Layers

Layers panel

  1. Toggles the visibility of the panel.
  2. Displays layers. Each layer can be hidden by clicking on the icon, and renamed by double-clicking on its name.
  3. Creates a new layer.
  4. Moves the current layer down.
  5. Moves the current layer up.
  6. Duplicates the current layer up.
  7. Deletes the current layer.

Animation

Animation panel

  1. Opens animation playback settings.
  2. Toggles the visibility of the panel.
  3. Displays a preview of the animation. The scale of the preview can be changed in the settings.
  4. Plays/pauses the animation preview playback.
  5. Displays the progress of the animation preview playback.
  6. Toggles between playing once and looping.
  7. Exports the animation as a GIF.

Settings

The following user interface settings are saved to the project file when it is saved:

  • The last fill tool that was used.
  • Pane settings: the width, zoom level, and position of each pane.
  • Split screen settings: enabled and locked.
  • The position of the view in the Layers panel.
  • Split view settings: the width of the canvas and the panel, along with the panels it contains (Colour panel, Swatches panel, etc).