Common gesture Small animation library for AE

Hello everyone! This time I want to share an original gesture small animation library (is the demo of that small dot dot). Since it can be called "library", it must be consistent with the call, reusable features. I also think for a good while, made such a gesture library (unfortunately, I will not make script plug-ins, can only be ape engineering files in the form of calls, footsteps plug-in is the next effort direction!).

So let's briefly introduce this little gesture animation library. It contains: Click, double-click, Long Press, drag, zoom, rotate and other common gestures; Click, long Press and drag to support the single finger, double finger, three fingers. Features are not many, but basically meet most of the scene needs.

"Common gestures"

"Use Method"

First drag the gesture. Ape file into your engineering file. Point to the synthesis of gestures, copy the gesture layer you need to add a gesture to the synthesis;

Click/double-click/Long Press gesture usage:

① just click on the position attribute, locate the dot position and the opportunity to appear, and then play a key frame (can be understood as a mark). You can also make some detail adjustments to the dots through the effect control, such as size, transparency, double pointing, three fingers, etc. (as shown in the following figure)

② check double finger, three fingers can activate more small dots;

③ can achieve the effect of long press by adjusting "duration";

There is a "transparency map" in the ④ effect control, which allows you to associate the Press status button's transparency with it, and you can easily achieve the click effect (refer to the sample file in the attachment)

How to use drag gestures:

① just click on the position attribute, locate the dot position and the timing of the occurrence/end, then hit 2 or more keyframes (the first keyframe controls the animation and the last Keyframe controls the Vanishing animation).

You can:

A. Directly in the gesture layer of the position of the properties of K-frame;

B. Associating to other layers through the parent level;

C. Associating to other layers through expressions;

② check double finger, three fingers can activate more small dots;

There is a "move distance mapping" in the ④ effect control. Create a new empty layer and associate its Position property expression with the slider on the move distance map, and then the layer's parent to the Shintou layer that you want to associate with the dot shift; (you can refer to the sample file in the attachment)

How to use zoom & rotate gestures:

① just click on the position attribute, locate the dot position and the timing of the occurrence/end, then hit 2 or more keyframes (the first keyframe controls the animation and the last Keyframe controls the Vanishing animation). Then the position attribute of gesture layer is k-frame;

② (warm tip) rotate animation to the "rotation angle" in the effect control to K-Frame Oh!

The ④ effect control has an "indented projection" and an angular mapping value that can also be associated with an expression association; (You can refer to the sample file in the attachment)

In the interest and improve the efficiency of the idea, took a little time to produce such a "small preset animation" to share to everyone, I hope the students who need to like Oh! (Please open the attachment with AE CC 12 or above)