# 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.

# 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.

[Spot tool]

Select color from canvas.

# Shortcut
Alt/option key

[Bucket tool]

Fill the enclosed area with the same color.

[Shape tool]

Draw shapes neatly.

[Selection tool]

You can select a specific range from the canvas and do various things.

# 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 and resume editing.

# Shortcut
Ctrl+L

[PNG]

Download as a PNG image. If you want a still image, this is it. Animation is not supported, so animation frames are output in a horizontal row.

[GIF]

Download as a GIF image. If you want an animation, this is it. A still image is also fine.

[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.

[Itch.io]

Let's share your pixel art with the PixelArch official community.

* This is just a link, so please post the exported image manually.

[Tumblr]

Image posting SNS. If you want to post pixel art, this is it, as it doesn't process posted images.

* This is just a link, so please post the exported image manually.

[Twitter]

Huge SNS, as you know. It processes posted images, so it's difficult to post pixel art. If you post, increase the image size to about 600 x 600 or more. You can also post GIF animations, but the playback speed is unexpectable.

* This is just a link, so please post the exported image manually.

[Pixel perfect]

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

[Easy export]

Download PNG or GIF(if there's multiple animation frames). You can access more detailed 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 make your image animate. If you just draw a still image, ignore this.

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