Design your micro-interaction or animation in Sketch. We must have the Sketch and After Effects, programs open at the same time. We will proceed to design our micro-interaction or animation. Being very clear about which parts of it should be animated and which should not. In this case, it is recommended to keep a clear nomenclature of the layers that later helps us to animate them in After Effects.
Here we open the AEUX plugin window and we have two ways to transfer the whole design that we have done in Sketch to After Effects:
After Effects Composition
Current: I will paste all the files copied from Sketch to the composition you currently have in view in After Effects. You will see how AEUX has transformed the layers of our Sketch design to Shape Layers in After Effects. It is very important to remember school mailing lists UK that, to this day, you can only design Lotties in After Effects through shape or text layers.
Animate your micro-interaction or animation in After Effects. Already located in After Effects, the way to animate an asset or an illustration is not. So far from the classic animation in this program. Through the use and management of the Keyframes, we will search for the desired movements with speeds ease in or out, linear or any other.
However, when applying effects, you have to be careful. Because Lottie does not support the full spectrum that After Effects allows. In the same way, it is advisable to work with text layers passed to shapes. Because in App designs, After Effects text layers usually give display problems.
However, in many cases, it is necessary to specify in the export settings that we use. For example, JPEG , PNG or GIF images or text layers not passed to shapes.