Bone3 English documentation

From PSD to 2D skeletal animation

Download the sample PSD and follow real editor screenshots, from your first import to keyframes, meshes, weights, constraints, and export.

Shared sample: right-facing right_test.psd

334 × 387 pixels with 17 layers. Includes humanoid layer names for automatic assembly, bone binding, IK, and seven default animations.

English UI · Real screenshots · Repeatable exercises

English UI · Real screenshots · Repeatable exercises

Start with your goal

Learning path

Each article completes a clear task with real screenshots and verification steps.

01

Getting Started

Import, play, save, and export your first animation with the shared PSD.

3 articles
  1. Skeleton & InterfaceDownload the tutorial PSD and learn the canvas, hierarchy tree, dope sheet, and editing modes.About 6 min
  2. PSD to AnimationUse the right-facing sample PSD to assemble a character, bind bones, create IK, and play default animations.About 10 min
  3. First ExportSave a local snapshot, choose an animation, and export a shareable GIF.About 8 min
02

PSD & Automatic Binding

Understand layer naming, import settings, and automatic binding so you can diagnose import problems.

4 articles
  1. Layers & NamingExplore the tutorial PSD layer by layer, including full paths, side markers, and visibility.About 10 min
  2. Import SettingsUnderstand visible-only, auto-assembly, bone binding, animation generation, and their combinations.About 12 min
  3. Inspect Automatic BindingVerify automatic PSD binding through the canvas, hierarchy tree, constraints, and animation list.About 15 min
  4. PSD TroubleshootingDiagnose common import problems from the file through settings to the resulting bindings.About 12 min
03

Basic Editing

Learn bones, slots, images, canvas transforms, and project saving to build reliable editing habits.

4 articles
  1. Bones & HierarchyInspect the sample's bone chains, then create, select, name, adjust, and delete bones safely.About 14 min
  2. Slots & ImagesUnderstand image resources, slots, and attachments, then bind, move, hide, and reorder them.About 15 min
  3. Canvas Transform ToolsUse the correct shortcuts and numeric fields to adjust bones and images while controlling parent–child effects.About 16 min
  4. Projects & SavingBuild a reliable saving and experimentation workflow using local projects, cloud saving, and independent copies.About 12 min
04

Animation

Progress from animation management and the dope sheet to keyframes, easing, events, and audio.

5 articles
  1. Animation ManagementManage the sample's seven default animations and create an independent custom animation workspace.About 12 min
  2. Dope Sheet & PlaybackRead the dope sheet, navigate to exact frames, play, zoom the timeline, and set animation FPS.About 15 min
  3. Keyframe EditingRecord poses at exact frames and safely select, move, copy, delete, and clear keyframes.About 20 min
  4. Easing & CurvesControl the speed from a starting key to the next segment and fix jumps in looping animations.About 18 min
  5. Events & AudioCreate event definitions, trigger them at exact frames, and bind audio to check action timing.About 18 min
05

Advanced Features

Work with meshes, weights, deformation, constraints, and skins for more precise motion and appearance.

7 articles
  1. Mesh EditingCreate deformation-friendly meshes, trace outlines, add or remove vertices, subdivide, and reset.About 22 min
  2. Weight BindingSelect influencing bones, assign weights automatically, refine them manually, and manage the bind pose.About 28 min
  3. Mesh DeformationDeform vertices without changing topology and record those changes on a specific animation frame.About 24 min
  4. IK ConstraintsUse PSD-generated limb IK, understand two-bone chains, and correct target positions and bending.About 24 min
  5. Transform & Path ConstraintsMake one bone follow another, or arrange and animate a continuous bone chain along a path.About 28 min
  6. Physics ConstraintsAdd physics to a target bone and understand inertia, strength, damping, mass, gravity, and wind.About 24 min
  7. Folders & SkinsUse the structurally identical default and blue PSD assets to batch-bind attachments and switch skins.About 26 min
06

Export & Delivery

Choose Spine, GIF, or MP4 for your destination and verify the delivered files and reimport results.

3 articles
  1. Spine Data ExportChoose a Spine version and data format, then understand the data, atlas, and texture delivery set.About 18 min
  2. GIF & MP4Export previews from the active animation and understand the different parameters and uses of each format.About 18 min
  3. Spine ReimportReimport the exported data folder into a blank project and inspect skeleton, images, animations, and warnings.About 22 min
07

Capstone Project

Combine the previous lessons into a verifiable, recoverable, deliverable walk-animation improvement.

1 articles
  1. walk CapstoneInspect structure, calibrate motion and weights, refine timing, and export in one project copy.About 35 min
08

Reference

Look up current shortcuts, core terminology, and troubleshooting steps by symptom.

2 articles
  1. Shortcuts & MouseCurrent canvas, bone, weight, and dope-sheet keyboard and mouse controls.About 5 min
  2. FAQ & GlossaryDiagnose import, display, binding, animation, weight, and export problems, then look up core terms.About 12 min

Original editor manual