# animated type Animated Type, also known as Kinetic Type, is a fancy name for moving text. It is often used for movie titles or in commercials, as well as on websites and in mobile apps. Animated type can really be just about anything that involves [[5 types of animation#motion graphics|motion graphics animation]] and can include moving text that changes size, color, fonts, fades in or out, rotates, spins around, etc. The goal is to create a visually engaging graphic that captures the viewer’s attention. [Design Shack](https://designshack.net/articles/typography/kinetic-typography-an-introductory-guide/) has a solid introduction and history of kinetic typography. I’ve compiled a list of tutorials for creating different [[type effects in after effects|type effects]]. Since animated types is so popular, there are zillions of tricks and techniques out there. I have built a few specific pages for After Effects techniques that can help you to create more interesting animated type… - [[after effects masking|use masking in After Effects to create reveal effects]] - [[2.5d & parallax animation|use 2.5D in After Effects to create camera and parallax effects]] --- [See cool examples of animated type at Inside Design.](https://www.invisionapp.com/inside-design/kinetic-typography-examples/) And here are a few examples that I really like… <div class="iframeDiv"><iframe width="100%" height="400" src="https://www.youtube.com/embed/PbC4gqZGPSY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><cite><a href=“https://youtu.be/PbC4gqZGPSY” target=“_blank”>ira glass on the creative process</cite></div> --- <div class="iframeDiv"><iframe width="100%" height="400" src="https://www.youtube.com/embed/p5_WkM7S5U0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><cite><a href=“https://youtu.be/p5_WkM7S5U0” target=“_blank”>i’m gonna make it better</cite></div> --- <div class="iframeDiv"><iframe width="100%" height="315" src="https://www.youtube.com/embed/xekEXM0Vonc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><cite><a href=“https://youtu.be/xekEXM0Vonc” target=“_blank”>the value of data visualization</cite></div> --- Lean more… - https://www.vectornator.io/blog/kinetic-typography/ - https://www.wearefrantic.com/guide/kinetic-typography/ --- tags: #animation #resources home: [[! animation]]