Spine Tutorial: Windmill

Spine Tutorial: Windmill

This video shows various tips and tricks for animating a little isometric scene in Spine and it is suitable for Spine ESS and PRO users of all levels.

Get Spine here: http://esotericsoftware.com/

Assets and Spine file:
http://esotericsoftware.com/files/projects/windmill/spine-windmill.zip

Original PSD file:
http://esotericsoftware.com/files/projects/windmill/psd-windmill.zip

Photoshop script:
https://github.com/EsotericSoftware/spine-scripts/tree/master/photoshop

Other scripts:
https://github.com/EsotericSoftware/spine-scripts

***CHAPTERS LIST***

0:00 introduction

**CHAPTER 1: TREES AND BUSHES**
0:48 creating bones for trees and bushes
1:32 renaming with find and replace
1:53 changing the color of bones
2:03 parenting the images to bones quickly
2:24 animating the trees
3:17 moving keyframes in an animation
3:29 animating the bushes with the shear tool

**CHAPTER 2: THE ROOSTER**
4:10 bone creation and image parenting
4:38 animating the rooster

**CHAPTER 3: THE WINDMILL BLADES**
5:14 creating a first bone and parenting the images
6:09 making a frontal rotation (hint: 0°, 120°, 240°, 0)
6:39 rotating in the opposite direction (hint: 0°, 240°, 120°, 0)
6:52 making an object turn with isometric perspective
(scale by 0.86 and shear by 30°, in this case it’s 20° though)
8:09 using the preview view
8:45 offsetting one of the bones to achieve tridimensionality

**CHAPTER 4: SMOKE VFX**
9:09 setup of the bone
9:32 using compensate to fix the position of a bone with children
9:52 animating the smoke (translate, scale, rotate, and fade)
11:01 duplicating a bone with its animations
11:08 offsetting an animation with the offset tool

**CHAPTER 5: FLOWERS**
12:09 creating bones
12:36 parenting the images by filtering the tree (hint: press P)
12:49 animating the flower
13:52 applying easing on everything
14:31 cloning the flower and position the clones around
15:11 differentiating the flowers by scaling parts of them
15:46 changing the image shown in a slot with another one
16:05 changing the color of many images at the same time
17:06 tweaking the animation by offsetting some flowers

Thanks for following this first tutorial with Erika!

Similar Posts:

Leave a Reply

You have to agree to the comment policy.