User Tools

Site Tools


tweening

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

tweening [2017/03/11 18:22]
tweening [2019/07/16 20:31] (current)
Line 1: Line 1:
 +;#;
 +[[misc_doc#​Miscellaneous Tupi Resources|Back to Previous Page]]
 +;#;
  
 +=====Tweening Tutorial=====
 +====Introduction====
 +Traditional animation techniques require that you illustrate every frame of your project. So in example, if you are animating a bouncing ball using 20 frames, you will have to draw the ball 20 times in a different position, one time for every frame, just like we did it in our [[basic_example|basic example]].
 +
 +Now, tweening is a software feature that allows you make this process easier and faster for some specific kind of animations by calculating and generating some frames for you between an initial and a final state. In Tupi, there are several types of tweens: position, rotation, scale, shear, opacity and color. These transformations are calculated by the software in every frame following the parameters that you provide, saving you a lot of time.
 +
 +Once you select the tween you want to use, the general workflow for all them is similar:
 +    * Select a name for the tween you want to create.
 +    * Select the object(s) you want to animate using the tween.
 +    * Set the specific parameters required for the kind of tween you chose.
 +    * Apply the tween.
 +
 +Some important tips you should count on:
 +    * You need at least one object in the scene to use a tween.
 +    * Only one kind of tween can be applied for every object. ​
 +    * Once an object is part of a tween, that object can't be edited as a vector path.
 +
 +The access to the list of tween features is available from the left toolbar at the Animation tab, you just have to click on the Tweening button. ​
 +
 +{{ wiki:​tweens_menu.png }}
 +;#;
 +**Fig 1**. Tweening tools button
 +;#;
 +
 +{{ wiki:​tweens_menu_list.png }}
 +;#;
 +**Fig 2**. Tweening tools menu
 +;#;
 +
 +Now it's time to make a basic example using each of them:
 +    * [[position_tween|Position Tween]]
 +    * [[rotation_tween|Rotation Tween]]
 +    * [[scale_tween|Scale Tween]]
 +    * [[shear_tween|Shear Tween]]
 +    * [[opacity_tween|Opacity Tween]]
 +    * [[color_tween|Color Tween]]
 +
 +;#;
 +[[misc_doc#​Miscellaneous Tupi Resources|Back to Previous Page]]
 +;#;