I have made a simple text only animation which consists of three lines of text.
- Line 1 flies in from the left
- Then line 2 flies in from the right
- Then line 3 flies in from the left again.
The Animation is to occure once on page load so afterwards looks like a piece of typography on the page.
I have all settings set to % that are possible but I can not get the text to scale down when Browser widths are reduced. All that happens is the width of the text boxes reduce which forces the lines of text to break up into multiple lines.
This image shows the three lines of text after they have moved into place.
This next image shows what happens when the stage width is reduced.
How can I scale the text down responsively to the size of the browser?
The only way I can think of is to replace real text with illustrator outlines. But ideally I want text.
Is this possible?