---
title: Motion Typography (made by me)
description: A blog about things seen and noted on the ether.
image: https://michaelcontent.us/hubfs/Typography%20sml.png
---

[Skip to content](https://michaelcontent.us/blog/motion-typography#main-content)

[social media](https://michaelcontent.us/blog/tag/social-media) ·  Aug 17, 2024

# Motion Typography (made by me)

[Michael](https://michaelcontent.us/blog/author/michael)

![](https://michaelcontent.us/hubfs/Typography%20sml.png)

#### Creating animated typography or making words jump off the screen isn't hard any more. Let me know if you need any help.

![perfectly imperfect 16](https://michaelcontent.us/hs-fs/hubfs/perfectly%20imperfect%2016.gif?width=720&height=218&name=perfectly%20imperfect%2016.gif)

![Federer 80pct win, 54pct points 23](https://michaelcontent.us/hs-fs/hubfs/Federer%2080pct%20win%2c%2054pct%20points%2023.gif?width=720&height=406&name=Federer%2080pct%20win%2c%2054pct%20points%2023.gif)

![used up this year UN 33](https://michaelcontent.us/hs-fs/hubfs/used%20up%20this%20year%20UN%2033.gif?width=720&height=452&name=used%20up%20this%20year%20UN%2033.gif)

![Crawford aging lucky 16](https://michaelcontent.us/hs-fs/hubfs/Crawford%20aging%20lucky%2016.gif?width=720&height=236&name=Crawford%20aging%20lucky%2016.gif)

![dance in the rain 13](https://michaelcontent.us/hs-fs/hubfs/dance%20in%20the%20rain%2013.gif?width=720&height=236&name=dance%20in%20the%20rain%2013.gif)

![Dr Aditi healthy stress 07](https://michaelcontent.us/hs-fs/hubfs/Dr%20Aditi%20healthy%20stress%2007.gif?width=720&height=369&name=Dr%20Aditi%20healthy%20stress%2007.gif)

![KPIs new 16](https://michaelcontent.us/hs-fs/hubfs/KPIs%20new%2016.gif?width=720&height=254&name=KPIs%20new%2016.gif)

![Roddick on GOATing 21](https://michaelcontent.us/hs-fs/hubfs/Roddick%20on%20GOATing%2021.gif?width=720&height=179&name=Roddick%20on%20GOATing%2021.gif)

![to success 15](https://michaelcontent.us/hs-fs/hubfs/to%20success%2015.gif?width=720&height=292&name=to%20success%2015.gif)

Lots more to come... Ideas and suggestions welcome below.

Thanks to various templates I look into and use, these don't take too many hours any more. Theoretically speaking, it costs just a couple of hundred dollars apiece, if you don't have more than one revision. More complicated stuff and longer projects are also welcome.

##### Spread the word

- [Share this blog post on Twitter](https://twitter.com/intent/tweet?text=I+found+this+interesting+blog+post&url=https://michaelcontent.us/blog/motion-typography)
- [Share this blog post on Facebook](http://www.facebook.com/share.php?u=https://michaelcontent.us/blog/motion-typography)
- [Share this blog post on LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://michaelcontent.us/blog/motion-typography)

![](https://michaelcontent.us/hubfs/contact%20MIchael%20%20@Emmys%20NewsDoc%20cropped.jpg)

##### [Michael](https://michaelcontent.us/blog/author/michael)

##### Leave a comment

Things seen and noted

## Content Takes Craftsmanship

![20111020_WelderSparkleRing_P1070326](https://michaelcontent.us/hubfs/20111020_WelderSparkleRing_P1070326.jpg)

- [About](https://michaelcontent.us/about)
- [Contact](https://michaelcontent.us/contact)
- [QR Codes](https://michaelcontent.us/qr-codes)

Adamant HubSpot Theme by [Kohorta](https://kohorta.co)   
© 2024. All rights reserved

[linkedin-in icon](http://www.linkedin.com/in/michael-zhao-yunfeng) [instagram icon](https://www.instagram.com/look.see.snap/)

```json
{
      "@context": "https://schema.org",
      "@type": "BlogPosting",
      "headline": "Motion Typography (made by me)",
      
        "image": [
          "https://45286396.fs1.hubspotusercontent-na1.net/hubfs/45286396/Typography%20sml.png"
        ],
      
      
        "description": "<h4 style="text-align: left;">Creating animated typography or making words jump off the screen isn't hard any more. Let me know if you need any help.</h4>
<p><img src="https://45286396.fs1.hubspotusercontent-na1.net/hubfs/45286396/perfectly%20imperfect%2016.gif" width="720" height="218" loading="lazy" alt="perfectly imperfect 16" style="height: auto; max-width: 100%; width: 720px;"></p>
",
      
      "datePublished": "2024-08-17T04:20:12",
      "dateModified": "2024-09-02T01:23:46",
      "author": [{
          "@type": "Person",
          "name": "Michael",
          "url": "https://michaelcontent.us/blog/author/michael"
        }]
    }
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Michael",
    "url" : "https://michaelcontent.us/blog/author/michael"
  },
  "dateModified" : "2024-09-02T01:23:46.002Z",
  "datePublished" : "2024-08-17T04:20:12.000Z",
  "headline" : "Motion Typography (made by me)",
  "image" : [ "https://michaelcontent.us/hubfs/Typography%20sml.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://michaelcontent.us/blog/motion-typography",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject"
    }
  }
}
```