# Basic Operations

Left click - Draw
Mid click - Move camera
Right click - Get color
Mouse wheel - Zoom
W,S,A,D - Move camera
Q,E - Zoom
F1 - Toggle help window
F11(Win) / Fn+F(Mac)
 - Toggle full screen

* Some operations can be changed in config.

[config]

You can set grids, onion skins, etc.

[Save]

To open your data again with PixelArch, then "Save"

To download your data as a GIF or PNG, then "Export"

[Pen tool]

Draw pixels. Right click to open menu.

# Trick
Double-click to fill. Fill with the same color to remove jaggies. Hold down the arrow key and double-click to fill only edges (This is useful when drawing shadows)

[Eraser tool]

Erase pixels. Right click to open menu.

[Spot tool]

Select color from canvas.

# Shortcut
Alt/option key

[Bucket tool]

Fill the enclosed area with the same color. Right click to open menu.

[Shape tool]

Draw shapes neatly.

[Selection tool]

You can select a specific range from the canvas and do various things. Right click to open menu.

# Shortcuts
Ctrl - Toggle mode
Ctrl+A - Select all
Arrow keys - Move range

[Paste]

Paste the image copied to the clipboard on canvas or example window.

# Shortcut
Ctrl+V - Paste on canvas

[Undo]

Undo one change.

# Shortcut
Ctrl+Z

[Redo]

Undo one 'Undo'. 

# Shortcut
Ctrl+Y
Ctrl+Shift+Z

[Selected color]

Click to open a menu to show/hide various palettes.

[Grid config]

Configure vertical and horizontal lines on the canvas.

[Layer config]

Config for opacity of layers not selected.

[Frame config]

Config for opacity of frames not selected.

[Mouse Operation config]

Assign various operations to each mouse button.

[Sensitivity config]

If you feel uncomfortable operating the camera with a mouse or keyboard, change this.

[Frame opacity (front)]

Opacity of frames front of the selected frame.

[Frame opacity (behind)]

Opacity of frames behind the selected frame.

[Layer opacity (front)]

Opacity of layers front of the selected layer.

[Layer opacity (behind)]

Opacity of layers behind the selected layer.

[Input device]

Specify whether you are using a mouse or a trackpad as your input device. Normally, it is automatically detected, but if you feel any discomfort in operation, you can manually adjust it. For example, whether a two-finger swipe affects scrolling or zooming.

[Save]

Save the data as a PXARCH file. You can load this to resume editing. On the other hand, "Export" data cannot be loaded with PixelArch again as it doesn't have special data for editing. 

# Shortcut
Ctrl+S

[Load]

Load the PXARCH file. Current editing data will be cleared.

# Shortcut
Ctrl+L

[Adding load]

Load the PXARCH file. Current editing data will be left.

[Single PNG]

Download current selected single frame as a PNG image.

[Concatenated PNG]

Download current selected object as a PNG image. PNG does not support animation. So, animation frames are concatenated.

[ZIP]

Convert each frame into a PNG image and download them as a ZIP file.

[Copy]

Copy to the clipboard. You can paste by Ctrl+V on the SNS posting screen, etc. Due to browser restrictions, you can copy only a still image.

[Backup]

Up to 20 edits are automatically saved once every 15 minutes.

[Pixel perfect pen]

Draw diagonal lines without jagged edges.

# Shortcut
Ctrl - reverse ON/OFF

[Fill]

Fill the enclosed area with the same color.

[Add edge]

Fill only the edge. Hold down the arrow keys to fill in only that direction. This is useful for shading.

[Leave edges]

Leave the edges and fill in the rest.

[Color replacement]

Replace the clicked color with the selected color.

[Regard similar colors]

Regard similar colors as the selected color. Useful when filling images which has slightly different pixel colors like photographs.

[Paste to palette]

Paste the colors used in the image copied to the clipboard to the color palette.

[Clear palette]

Deleting all the registered colors in the color palette. This operation cannot be undone!

[Color palette]

Select a color to draw. You can rearrange or delete colors by dragging them. Colors can be registered in the lower left corner of the 'Color Picker' (double-click a color to open it)

[Gradient palette]

Create gradient colors. You can select the color of the left and right buttons by right-clicking.

[Register color button]

Register the selected color in the color palette.

[Color input form]

You can specify the color with text.

# Input example
rgb(0,128,255)
rgba(0,128,255,.5)
#0088FF
#08f

[GIF export]

Download a static image or animation as a GIF file depending on playing status. You can access more download options in upper floppy disc icon.

[Temporarily horizontal flip]

Even if you think you have drawn well, you may notice distortion when you flip. This setting does not affect the image data, so check while drawing!

[FPS]

Speed of animation frame switching when exporting as GIF animation.

[Example window]

You can move, zoom, resize the example image and pick color from it like canvas. You can also move it with keyboard when mouse cursor is on this window.

[Horizontal flip]

[Vertical flip]

[Copy]

Copy to the clipboard.

# Shortcut
Ctrl+C

[Cut]

Copy to the clipboard and delete.

# Shortcut
Ctrl+X

[Delete]

# Shortcut
Del key

[Layer list]

Draw images separatly, and finally they are united to one automatically. For example, it's covenient to draw face contour and parts on separate layers.

Click to select the layer to edit. Hold down Shift key to select multiple layers. Left-click to open the menu.

[Frame list]

Create new frames if you want to make your image animate. If you just draw a still image, ignore this.

Click to select the frame to edit. Hold down Shift key to select multiple frames. Left-click to open the menu.

[Object list]

Create new object if you want to draw multiple characters or animations side by side. Objects contain frames, and frames contain layers.

Click to select the object to edit. Hold down Shift key to select multiple objects. Left-click to open the menu.