If this is done in animate mode it can simulate changing the angle of view or even changing proportions as in the initial GIF.įor now, let's just duplicate top-scale so that also its children are duplicated. In this example the scale values are set to 1 and 0.3, but this amount can be changed to achieve different perspectives. If the rotation is done after scaling, using the values above will not produce the desired result.Īfter the rotation is ready, go back to setup mode and scale the bone top-scale only vertically. It's important to create the rotation animation now, because after scaling the parent bone the values of the rotation keyframes will change after being distorted by the scale. To achieve that, set 4 equally distanced keyframes with the rotation values 0°, 120°, 240° and lastly 0° again to loop the animation. Next, switch to animate mode and create an animation that does a 360° rotation using the bone top-rotation. The child bone is in charge of rotating so its name is going to be top-rotation. The parent bone is the one in charge of scaling the structure, therefore let's call it top-scale. You can ensure this by selecting the top attachment and, with the parent axis selected, change both the translation values to 0.
To achieve this, create two bones that overlap each other, one a child of the other, then parent the slot called top containing the hexagon image attachment to the child bone so that the bones are in the exact middle of the image. The first step is to create a section that rotates in perspective, just like the windmill blades in the windmill example project. The objective is to create a structure that rotates in perspective for the first two sections: the top and middle of the diamond, which can be achieved by using 2 bones for each section, then have a third section at the bottom which is used to control the tail of the diamond. The final structure of this skeleton is actually simple, it only requires 5 bones to work. We will later refine the images to add a color gradient and add a separate shimmer image, but to keep things simple as we start, we will only create a new Spine project and import these 3 shapes as illustrated:Īfter importing these images into Spine, we can start creating the bones to control them. To begin the creation of our diamond, we need to import 3 main shapes in Spine: the top as seen from the front top, the upper square side upper-side, and the lower triangle side lower-side.
DIAMONDS ANIMATIONS DOWNLOAD
You can download the project to follow along, as well as to see the final result here. To achieve this rotation effect, the skeleton combines the use of perspective rotations, weighted meshes and exact mesh vertex placement by copying and pasting vertices. This advanced tutorial requires the use of Spine Professional. This wildly satirical and surreal masterpiece tells of the corrupting nature of power.In this blog post we will create a rotating diamond animation using only weights and bones, without any deform keys. This gem by the legendary French animator Paul Grimault-based on a tale by Hans Christian Andersen-follows a shepherdess and chimney sweep on the run from a tyrannical king with some help from a talking bird. The Dog Who Loved Music ( Le Chien mélomane), 1973, 11 minįeature Film: The King and the Mockingbird ( Le Roi et l'Oiseau).The Little Soldier ( Le Petit Soldat), 1948, 11 min.The Magic Flute ( La Flûte magique), 1946, 9 min.The Lightning Rod Thief ( Le Voleur de paratonnerres), 1946, 10 min.
0 kommentar(er)
