100%
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
 

Pi.js Pixel Editor

By

Andy Stubbs

New Image

Save Image

Load Image

Delay:
Size:

Pi.js Pixel Editor - Help

Colorbar

Screen Commands

  • Control + Left Click Screen - Zoom in
  • Control + Right Click Screen - Zoom out

Keyboard Shortcuts

  • Control + A - Select entire screen
  • Control + C - Copy image from active layer
  • Control + X - Cut image from active layer
  • Control + L - Copy image from all layers
  • Control + K - Cut image from all layers
  • Control + V - Paste image onto layer
  • Delete - Delete selection from active layer
  • Control + Delete - Delete selection from all layers

Rotate Command

  • Hold Control while rotating image to snap rotation to 15° increments

Image Command

  • Control + Left Click Image - Toggle overlay image
This is the color bar section. From here you can set the colors for left and right click.
  • Left click color to set 1
  • Right click color to set 2
  • Double click a color to change the color
  • Use the slider to set the color alpha
This is the control buttons section.
  • Reset Colors - Resets the color bar to default palette
  • Animator - Opens the animator window
  • Help - Opens this help page
This is the toolbar section.
  • Pencil - Used for drawing freestyle
  • Eraser - Used for erasing freestyle
  • Shapes - Used for drawing different shapes
  • Paint bucket - Used for filling in colors
  • Color Selector - Used for getting a color from an image
  • Selection - Used for selecting an area of the tool
  • Zoom - Used for zooming in and zooming out
  • Options - Used for editor/image options
This is the options section. This is used to set the various options used by each tool.
This is the main screen viewer. This is where you draw on your image.
This is the layer buttons section.
  • Add - Adds a new layer
  • Trash - Deletes the active layer
  • Merge - Merges the active layer with the layer above
  • Copy - Copies the active layer into a new layer
  • Move Up - Moves the active layer up
  • Move Down - Moves the active layer down
This is the layers section. From here you set each layer's transparency, hide the layer, or select the layer.
This is the image buttons section.
  • New - Creates a new image
  • Load - Imports an image into a new image
  • Copy - Copies the active image into a new image
  • Save - Saves the active image
  • Delete - Deletes the active image

This is the images section. From here you can select the image. Control + Click to set an image as an overlay image. This is helpful when doing animations.

Control + Click again to unset the overlay.
This is the status bar. There is useful information about the active operation such as x y coordinates of the cursor.

Import Image

 
Select
Move
Pixel
Smooth

No Flip
Flip X
Flip Y
Flip XY

 
 
 
 
 
 
 
 
 
 
 

Show
Hide