User Tools

Site Tools


tweening

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
tweening [2017/02/23 23:17] – [Position Tween] maeflorestatweening [2017/03/11 23:22] (current) – external edit 127.0.0.1
Line 4: Line 4:
  
 =====Tweening Tutorial===== =====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]]. 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]].
  
Line 20: Line 20:
     * Once an object is part of a tween, that object can't be edited as a vector path.     * 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, so let's make a basic example using each of them.+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 }} {{ wiki:tweens_menu.png }}
Line 32: Line 32:
 ;#; ;#;
  
-====Position Tween==== +Now it'time to make a basic example using each of them: 
-As its name implies, this tween is related to movement. Let'say you have an object in the frame #1 and you want to take it through the canvas area from the current position to another point following an specific path and using N frames, well this tween can help you to do the hard work creating N-1 frames for you and placing the object in the right place for every frame, generating the illusion of movement. +    * [[position_tween|Position Tween]] 
-====Rotation Tween==== +    * [[rotation_tween|Rotation Tween]] 
- +    * [[scale_tween|Scale Tween]] 
-====Scale Tween==== +    * [[shear_tween|Shear Tween]] 
- +    * [[opacity_tween|Opacity Tween]] 
-====Shear Tween==== +    * [[color_tween|Color Tween]]
- +
-====Opacity Tween==== +
- +
-====Color Tween====  +
- +
  
 +;#;
 +[[misc_doc#Miscellaneous Tupi Resources|Back to Previous Page]]
 +;#;
tweening.1487891852.txt.gz · Last modified: 2017/03/11 23:22 (external edit)