Spine Tutorial: Windmill

Published: 27 December 2017
on channel: Esoteric Software
70,078
1.4k

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:
https://esotericsoftware.com/files/pr...
esotericsoftware.com/files/projects/windmill/spine-windmill.zip

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

Photoshop script:
https://github.com/EsotericSoftware/s...

Other scripts:
https://github.com/EsotericSoftware/s...

**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!


On this page of the site you can watch the video online Spine Tutorial: Windmill with a duration of hours minute second in good quality, which was uploaded by the user Esoteric Software 27 December 2017, share the link with friends and acquaintances, this video has already been watched 70,078 times on youtube and it was liked by 1.4 thousand viewers. Enjoy your viewing!