TV & movie title sequences as web animations

I will recreate some title sequences from popular TV series and movies as web animations. Any bit of action that is part of the opening or ending credits that grabs my attention I will make as a web animation. I will explore making the animation in CSS and JavaScript to compare approaches. I hope to expand my animation chops and disover new techniques along the way.

  1. cover image

    How to create a slick animation from Killing Eve

    It would be fun to create some title sequences from TV shows as web animations. You know the bit where the credits roll? First stop, Killing Eve.

  2. cover image

    How to create a slick animation from Ozark

    Today I will create the title sequence from Ozark as a web animation using the Greensock (GSAP) JavaScript library.

  3. cover image

    How to create a slick CSS animation from The Marvelous Mrs Maisel

    This time, I will animate a title sequence from The Marvelous Mrs. Maisel from Episode 2 of Season 4. It has a cool kind of curtain swipe affect.

  4. cover image

    How to make a slick CSS animation from Upload

    This time, I will tackle a title sequence from Upload. It has a cool chugging, progress bar reveal of the title.

  5. cover image

    How to create a slick animation from Schitt's Creek

    This time, I will make the title sequence from Schitt's Creek. It has a quirky, irreverent quality to it.

  6. cover image

    A slick animation from Better Call Saul

    This time, I will make the title sequence from Better Call Saul. It looks like a poorly produced, cheesy commercial from the noughties.

  7. cover image

    How to create a slick animation from Stranger Things

    Stranger Things might be the most dissected and celebrated title sequence around! Let's break it down and see if we can emulate it as a web animation.