Web Tasarım

Text Animation

WNM 663 Advanced Topics in Motion Graphics – Spring 2018

I converted a PNG of my signature to a shape layer by using auto trace then copy / pasted the masks from the auto trace layer to paths on a shape layer. I added a white stroke to all of the masks then animated it using trim paths. I used the PNG in the background after the stroke is animated to reinforce the logo.

The animated logotype uses two animators – one to animate the scale of the letters and the other to animate the opacity of the letters timed so the letters are visible as they scale.