Animate Mode is dedicated exclusively to creating motion. Modifying positions, rotations, or scales here generates keyframes on a timeline without altering the base skeleton configuration.
[Character PSD Layer Structure] ├── Head │ ├── Hair_Front │ ├── Eyes (Open/Closed variants) │ └── Mouth (Phoneme variants) ├── Torso ├── Arm_Upper_Left ├── Arm_Lower_Left └── Hand_Left Layer Segmentation
Located on the right, this hierarchical list displays every bone, slot, image, and constraint in your project.
Walk cycles require careful balance and weight distribution.The contact position features both feet touching the ground.The passing position shows one leg swinging forward cleanly.Coordinate hip drops and shoulder rises with leg extensions. The Run Cycle
Export as a .json or binary .skel file alongside the .atlas and .png files. Spine Pro A Complete 2d Character Animation Guide Free
Position the pivot points of the bones exactly where the physical joints rotate. For example, the elbow bone pivot must sit precisely in the center of the forearm's rounded artwork cap. Mesh Deformations and Weighting
Export your skeleton and animations as a .json or binary .skel file. The binary format is smaller and loads faster inside game engines.
Spine Pro also offers a range of advanced animation techniques, including:
Ensure filtering matches your art style (use Nearest filtering for pixel art, Linear for high-resolution illustrations). Animate Mode is dedicated exclusively to creating motion
: Use the Create Tool to draw bones from the root (pelvis) outward to the limbs.
Switch to to start bringing your character to life. The Dope Sheet The Dope Sheet allows you to manage keyframes across time. Graph Editor (Curves)
If you are an indie game developer or an animator, you have likely heard of . It is the industry-standard tool for 2D skeletal animation. While the software requires a license for commercial use, the knowledge required to master it is widely available for free.
Plain images look like stiff cardboard cutout pieces. Spine Pro fixes this via Meshes. Description Best Used For Walk cycles require careful balance and weight distribution
Allows one bone to mimic the movement of another. 5. Animation Basics: Meshes and Weights
: IK constraints allow you to move a foot, and the rest of the leg follows naturally. This is essential for keeping feet planted on the ground during walk cycles.
Instead of treating images like rigid cards, you can convert an image into a . Define vertices (points) across the image.
Tracking motion paths using Ghosting views to ensure limbs move in curves.
This comprehensive guide covers everything you need to know to master 2D character animation in Spine Pro, from preparing assets in Photoshop to exporting runtime-ready files. 1. Understanding Spine Pro vs. Spine Essential