Creation Tips - Animation Setting
#Content Editor
Last updated
#Content Editor
Last updated
Finger Animation | Illustration | Steps | Screenshot |
---|---|---|---|
On-spot clicking |
| ||
Moving click |
| ||
Choose one of the two options |
| ||
Choose one of the four options |
| ||
Left-Right Swipe |
| ||
Swipe Cut |
| ||
Figure-Eight Swipe |
| ||
Drag from point A to point B |
|
Select the character layer and modify the pivot to (50, 100).
Add animation - Universal - Scale Easing to the character layer. Set the parameters as follows.
Note: Adjust the "End Scale" parameter according to your specific needs to control the magnitude of the character's scaling.
Prepare two images: background image and progress bar image.
Select the progress bar layer, modify the pivot to (0, 50), and adjust it to the desired position.
Add animation - Universal - Scale Easing to the progress bar layer. Important parameter settings are as follows:
Play 1 time
Set the initial Scale X to 0, while keeping the Scale Y at the default value of 1.
Keep the end scale at the default value of 1.
Prepare two images: background image and blood bar image.
Select the blood bar layer, modify the pivot to (0, 50), and adjust it to the desired position.
Add animation - Universal - Scale Easing to the blood bar layer. Important parameter settings are as follows:
Play 1 time
Keep the initial scale and the end scale Y unchanged at the default value of 1.
Adjust only the end scale X value, which represents the final blood value.
Taking a example of the screw puzzle gameplay, let's achieve the effect of rotating a wooden board 180Β° to the right with the screw as the origin.
1οΌClick on an empty area to create a new group layer with no content.
2οΌMove the position of the group to the location of the screw, which is the rotation origin (you can use the copy-paste function to quickly reuse the screw's position).
3οΌSelect the group and add a "Spin Easing" animation.
4οΌRefer to the image below for the rotation animation parameter settings. Adjust the parameters according to your specific needs.
5οΌDrag the wooden board layer into the group, and the setup is complete.
Example: I have a sequence of frames for a character running in place. How can I create the effect of the character running back and forth?
Core Logic for Animation Setup: Use position animation combined with scale animation. When the character reaches the end point, change the scale values from (1,1) to (-1,1). The specific parameter settings are as follows: