Erikari

Hello! 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.



RESOURCES

Assets and Spine file and Original PSD file

Photoshop script and Other scripts

CHAPTERS LIST
Good for people that search on the forum for something specific:

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
アバター
Erikari

Erikari
記事: 830

renderplace

Nice, and thanks for sharing!
Can you please check the links to the source files, seems like they are broken?
renderplace
記事: 3

Nate

Links fixed!
アバター
Nate

Nate
記事: 7697

trinee

amazing work Erikari, congrats :clap:
アバター
trinee
記事: 24

wagabag

Thank you Erikaki, showing your workflow really helps! Please keep them coming :)
wagabag
記事: 15

Crocodilum

Loved it, tons of tips, great video. Keep them coming :)
アバター
Crocodilum
記事: 83


Return to Showcase