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!