Painter v1
๐๏ธ PAINTER โ Complete User Guide
Welcome to PAINTER, a retro-style drawing program with layers, effects, and multiple tools.
๐ฅ๏ธ Interface Overview
The screen is divided into:
-
Top Bar โ Window title
-
Menu Bar โ File, Edit, Image, Layers
-
Toolbox (Left) โ Drawing tools
-
Canvas (Center) โ Where you draw
-
Layers Panel (Right) โ Manage layers
-
Color Palette (Bottom) โ Choose colors
-
Status Bar โ Shows tool, position, layer, size
๐จ Drawing Tools (Left Panel)
โ๏ธ Pencil (P)
Draw freehand lines.
-
Uses foreground color.
-
Size and tip shape affect the stroke.
๐งน Eraser (E)
Erases using background color.
-
Erases faster with bigger brush sizes.
๐ชฃ Fill (F)
Flood fills an area with the selected color.
-
Click inside a closed area to fill it.
๐ Color Picker (I)
Picks a color from the canvas.
-
Left click โ sets foreground color.
-
Right click โ sets background color.
โฑ Line (L)
Draws a straight line.
-
Click and drag.
โก Rectangle (R)
Draws rectangles.
-
Use Outline or Solid mode.
โ Ellipse (C)
Draws circles and ellipses.
-
Click and drag.
โณ Triangle (T)
Draws a triangle shape.
โ Star (S)
Draws a 5-point star.
โ Arrow (A)
Draws an arrow with an arrowhead.
๐จ Spray (X)
Creates a spray-paint effect.
-
Hold mouse button to spray continuously.
A Text (W)
Adds text to the canvas.
-
Click to start typing.
-
Press Enter to confirm.
-
Press Escape to cancel.
-
Font size depends on brush size.
โฌ Selection (V)
Creates a rectangular selection.
-
Click and drag to select an area.
๐งฐ Shape Options
Fill Mode
-
โก Outline โ Border only
-
โ Solid โ Filled shape
Brush Size
Choose different brush thicknesses.
Brush Tip
-
โ Round
-
โ Square
-
— Flat
-
โฑ Diagonal
Each tip changes how strokes look.
๐จ Colors
-
Click a color โ sets foreground color.
-
Right click a color โ sets background color.
-
Click the two color squares โ swap colors.
-
Use the custom color picker to choose any color.
๐ Menu Functions
๐ File
New
Creates a new blank canvas.
Open
Opens an image file.
Save (Ctrl + S)
Saves your drawing as PNG.
Exit
Closes the program.
โ๏ธ Edit
Undo (Ctrl + Z)
Reverts the last action.
Select All
Selects the entire canvas.
Clear Layer
Clears only the active layer.
Clear All
Clears all layers.
๐ผ๏ธ Image
Flip Horizontal
Flips the active layer horizontally.
Flip Vertical
Flips vertically.
Invert Colors
Reverses all colors.
Grayscale
Converts to black and white.
๐๏ธ Layers
New Layer
Adds a new layer.
Delete Layer
Removes selected layer.
Duplicate Layer
Creates a copy.
Move Layer Up / Down
Changes layer order.
Flatten Layers
Merges all layers into one.
๐๏ธ Layers Panel
Each layer has:
-
๐ Visibility toggle
-
Thumbnail preview
-
Name (double-click to rename)
-
Opacity slider (0โ100%)
The top layer appears in front.
โจ๏ธ Keyboard Shortcuts
| Key | Tool |
|---|---|
| P | Pencil |
| E | Eraser |
| F | Fill |
| I | Picker |
| L | Line |
| R | Rectangle |
| C | Circle |
| T | Triangle |
| S | Star |
| A | Arrow |
| X | Spray |
| W | Text |
| V | Selection |
| Ctrl + Z | Undo |
| Ctrl + S | Save |
| Ctrl + N | New |
| Status | In development |
| Category | Tool |
| Platforms | HTML5 |
| Author | Inku7 |
| Tags | art, Painting, Pixel Art |
| Content | No generative AI was used |


Leave a comment
Log in with itch.io to leave a comment.