Initial docs version

Author: dacap

.gitignore

@@ -0,0 +1,2 @@
+Thumbs.db
+.#*

animation.md

@@ -0,0 +1,28 @@
+# Animation
+
+Aseprite's main goal is to be a tool to create animations. The
+[timeline](timeline.md) gives you total control over frames and
+[cels](cel.md).
+
+First of all you should learn
+[the difference between a frame and a cel](cel.md).
+
+### Common Operations
+
+1. [Add a new frame copying the current one](new-frame.md)
+1. [Add a new empty frame](new-frame.md#new-empty-frame)
+1. [Copy frames](copy-frames.md) or [cels](copy-cels.md)
+1. [Move frames](move-frames.md) or [cels](move-cels.md)
+1. Remove frames
+1. Reuse frames
+1. Tag several frames
+1. Change the duration of a specific frame
+1. Copy frames to other file
+1. [Loop a section](loop.md)
+
+---
+
+**SEE ALSO**
+
+[Timeline](timeline.md) |
+[Continuous Layers](continuous-layers.md)

basics.md

@@ -0,0 +1,60 @@
+# Basics
+
+Here you can learn the basics principles behind Aseprite.
+
+In Aseprite a [sprite](sprite.md)  is a sequence of frames and a stack of layers.
+Each frame-layer intersection is called a [cel](cel.md).
+
+This is a general overview of the [timeline](timeline.md):
+
+![Timeline Overview](sprite/sprite-components.png)
+
+## Workflow
+
+The basic [workflow](workflow.md) is:
+
+* [Create a new sprite](new-sprite.md) from *File > New* menu.
+* [Draw](drawing.md) with pencil tool ![Pencil Tool Icon](tools/pencil-tool.png) using
+  `Left click` or `Right click`, and pick colors from the
+  [color bar](color-bar.md) using those same buttons.
+* Save your work from *File > Save* menu as a
+  `.ase` file to preserve all your image information (layers, frames,
+  etc.).
+* [Export your sprite](exporting.md) as a `.gif` file to publish your image on a
+  website, or `.png` to save a sequence of files, or as a `.png`
+  [sprite sheet](sprite-sheet.md), etc.
+
+See the [workspace](workspace.md) to know more about the elements
+in the window. See [workflow](workflow.md) section for more details.
+
+## A hand on the keyboard
+
+You should put your left hand on the keyboard *(or your right hand if
+you are left-handed)*. As there are some handy keyboard shortcuts, you
+can use them from the very beginning to make a better use of Aseprite:
+
+* Keys `1`, `2`, `3`, `4`, `5`, and `6` can be used to change the [zoom](zoom.md)
+  (you can use the Mouse Wheel to change zoom too).
+* `B` key is the Pencil tool, and `M` the rectangular marquee, maybe the
+  most common tools that you will use.
+* You can pick colors with `Alt` + click.
+  E.g.
+  `Alt+Left click` changes the Foreground Color,
+  `Alt+Right click` changes the Background Color (Eyedropper tool ![Eyedropper Tool Icon](tools/eyedropper-tool.png)).
+* The `Ctrl` key (or `⌘` on Mac OS X) can be used to select the [Move tool](move-tool.md) ![Move Tool Icon](tools/move-tool.png).
+  With it you can easily select or move layers.
+
+## Alternative functions for right-click
+
+By default, `Right click` paints with the Background Color,
+but you can change this configuration from *Edit > Preferences > Editor*:
+
+![Right-click Preferences](basics/pref.png)
+
+---
+
+**SEE ALSO**
+
+[Workspace](workspace.md) |
+[Workflow](workflow.md) |
+[Sprite](sprite.md)

basics/pref.png

@@ -0,0 +1,22 @@
+# Canvas Size
+
+The canvas is the visible area of the sprite. You can change the
+canvas size using *Sprite > Canvas Size...* menu.
+
+![Canvas Preview](canvas/canvas.gif)
+
+In this window you can change the `Width` or `Height` manually, or
+using the blue rules in the editor window.
+
+## Crop
+
+You can change the canvas size using the current selection bounds:
+
+![Crop Preview](canvas/crop.gif)
+
+## Trim
+
+You can remove transparent borders from canvas automatically
+using the *Sprite > Trim* menu.
+
+![Trim Preview](canvas/trim.gif)

canvas.md

@@ -0,0 +1,35 @@
+# Cel
+
+A cel (from [celluloid](http://en.wikipedia.org/wiki/Cel)) is one
+image in a specific frame and layer, at a specific *xy*-coordinate in
+the canvas.
+
+![Cel on Timeline](cel/cel-on-timeline.png)
+
+The difference between a frame and a cel, is that a frame is the set of
+cels for all layers in a specific time:
+
+![Frame on Timeline](cel/frame-on-timeline.png)
+
+## Move a Cel
+
+You can use the [Move tool](move-tool.md) to drag-and-drop the current
+cel in the canvas.
+
+## Change Opacity
+
+On [RGB](color.md#rgb) images each cel has its own opacity
+level. You can use the slider at the status bar to modify its opacity:
+
+![Cel Opacity](cel/cel-opacity.gif)
+
+You can do the same right-clicking a cel and selecting *Properties* option (or *Frame > Cel Properties* menu):
+
+![Cel Properties](cel/cel-properties.gif)
+
+----
+
+**SEE ALGO**
+
+[Linked Cels](linked-cels.md) |
+[Timeline](timeline.md)