Applying Animations to Text Elements

In the fast-paced world of digital advertising, capturing audiences' attention has become increasingly challenging. This is where the importance of animations on text layers comes into play. Animations can add depth, movement, and visual interest to otherwise static and uninteresting text-based content, making it more engaging and memorable for viewers.

How to Apply a Text Animation in the Editor

1. Open your design.
2. Open the  Timeline.
3. Identify where you want to apply the animation (Build-in, Middle, Build-out).
4. Select an animation preset, or you can  Build your¹ animation.
5. Go to  Custom settings to change additional animation settings (optional).
6. Click the  Play icon to preview the animation and adjust as needed.

How to Apply a Text Animation in the Generator

1. Open your design set.
2. Double-click any available size to access Individual edit mode.
3. Open the Timeline.
4. Identify where you want to apply the animation (Build-in, Middle, Build-out).
5. Select an animation preset, or you can  Build your² animation.
6. Go to  Custom settings to change additional animation settings (optional).
7. If you wish to apply the same animation to all the existing sizes within that set, follow these steps:
   
   1. From the  Custom settings card, click  Copy.
   2. Click on  Paste to.
   3. Select  All layouts.
8. Click the Play icon to preview the animation and adjust as needed.

Note¹'²: Creating custom animations is only available for the Plus subscription plan. If you wish to learn more about our available subscription plans, please visit this page.

Important: When using custom fonts and exporting your design or set as HTML or AMP, it's advised to use the Convert custom fonts to SVG option. However, this option will disable Gradient and Shadow Pop animations. Words Fade and Words Blur animations are applied to the entire text instead of individual words.