Rob O'Leary

Posts tagged with “gsap“ (7)

  1. An annotated depiciton of the title of the TV series Stranger Things. The notes point out various instances where the typeface was manipulated. Examples such as kerning to connect the letters: r, a, and n. The leading letters of the words are enlarged.

    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.

  2. The title card for the tv series Better Call Saul. In the background is an inflatable lady liberity. The title is written in a sketchy cursive fot with a strong offset black shadow. A feathery sketch of a balancing scales is beside the title.

    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.

  3. The Schitts Creek title card is illuminated with a dazzling light. The font used for the title is a serif font. The last s in the first word is modified to look like a dollar sign.

    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.

  4. An exploded view of the animation for the TV Series Upload. It shows layers from back to front: background image of a lake, glitches, a beam, knocked out text, stroked text, and a reveal layer.

    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. The ozark title card has an iconic design. Inside the letter,it is divided into quadrats, each containing a symbol that represents the remaining 4 letters of the title. The first symbol is a man handcuffed begging, the second is a strange A-shaped object, the third is a pistol, and the fourth is a dead person sprawled out like a starfish.

    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.

  6. A panel from a page from the graphic novel Sin City. It features Marv in a side profile look intently with a gun in his hand pointing up.

    Make your own (interactive) graphic novel

    As a child, I always wanted to create a graphic novel. After cultivating more front-end skills, I decided to explore making an interactive comic.

  7. The title for the TV Series Killing Eve. It uses a stylish serif font with a large size. The text is pink against a light blue background.

    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.