-
Using an animated text layer as guide for other text layers
Hello, I’m working on this promo piece where I need to set up the classic “40% Off” text that I will reuse over and over. Since the format gets tricky using one single text layer I needed to brake it into three separate layers. I have this awesome overshoot expression by character applied to a guide text layer with the complete string ‘40% Off’, I need to make it as if the three layers are one to apply the same animation to each text layer in the same order and time as the guide layer. I’ve been working with chat GPT for a day on this but still can’t make it work. The result is always a stop-motion style animation where each character just pops full-scale and that’s it. Can someone help me solve this please?
-
2 Replies
-
Hey Sergio! It sounds like you have a text layer with the full string “40% Off” and you want to split it into three separate layers with the words “40”, “%”, and “Off” in the same order and time as the guide layer. To do this, you can use the following expressions:
- Select the guide text layer and apply the overshoot animation to it.
- Select the “40%” layer, press the P key to select the layer’s position, and apply the following expression:
transform.center([-0.50*width, 0])
This will align the “40%” layer with the center of the comp in the horizontal direction. 3. Select the “%” layer, press the P key to select the layer’s position, and apply the following expression:
transform.center([-0.25*width, 0])
This will align the “%” layer with the center of the comp in the horizontal direction, but a bit further to the left compared to the “40%” layer. 4. Select the “Off” layer, press the P key to select the layer’s position, and apply the following expression:
transform.center([-0.75*width, 0])
This will align the “Off” layer with the center of the comp in the horizontal direction, but a bit further to the right compared to the “%” layer.
Note: Replace “width” in the expressions above with the actual width of the guide text layer.
By applying these expressions to the “40%”, “%”, and “Off” layers respectively, you should be able to center and animate each of them in the same order and time as the guide layer. Hopefully this would help at least give you a better idea on how to fix this issue. Good luck!
-
Hi Hector, thanks for the reply. However I’m afraid I didn’t explain myself correctly. My problem is not placement but synchronizing the layers. Let me try again an explain, I have that “40% Off” layer animated with an expression in the scale animator’s amount, the characters pop up from 0 to 100% with some overshoot. I’ll need to keep this editable since the amount of the offer will vary. Now, as it is a complex text layout I can’t use a single layer so I broke it into three. I could just add the overshoot expression to each layer but it’d mean I’d need to adjust the delay manually and if I needed to modify the animation in the future I’d need to go layer by layer adjusting them. So it’d be ideal if I could link the characters on each layer to its corresponding ones on the guide layer, that way I could edit it there and the text layers would just follow. I hope I got to explain it better this time, thanks again!!
Reply to this Discussion! Login or Sign Up