A nice way to catch attention is to build your creatives up in boxes with different elements. By adding animations, you can switch the content in the boxes and make the users excited; "what's coming up next" 👀
Follow the step-by-step guide below and watch the video, to produce a nice-looking creative. The guide will take part in the showed creative - a Social Ad in size 1080x1920. You can always change the Start and Duration of the animation, to make it fit into your creative.
Just to be clear... A box is just a rectangle. You can make it just the size you want. It's up to you 🤓
First thing before adding animation:
Add your elements (text, rectangles, and images) and place the layers in the right order.
If you want some elements to animate the same way, you can add them to a group.
Let's move the boxes around with the "Move" animation.
When using the move animation you need to add a value to the X (movement to the left/right) - or Y (movement up/down) value. You find the animation editing menu to the right. You also can edit Start, Duration, Direction, Easing, and Easing Type in the menu.
See the settings for the move animations in the rewarding example below.
Pink box - that covers the whole background:
Direction: "End with"
Y Value: 720 pixels
Easing: Power 3,
Easing Type: In Out
Text element - "DRY":
Direction: "End with"
Y Value: 400 pixels
Easing: Power 3,
Easing Type: In Out
Text element "Skin?":
Direction: "End with"
Y Value: 400 pixels
Easing: Power 3,
Easing Type: In Out
All three layers move together in a group:
Direction: "End with"
X Value: 1080 pixels
Easing: Power 4
Easing Type: Out
Let's Resize with the animation Resize X (Resize Width).
Show an element behind a box with this animation.
Animation settings:
Direction: "End with"
X Value: 0
Easing: Power 3
Easing type: In Out
Enjoy and go box nuts ✌️