# data[].attributes.attachment_link.description
Share your videos with friends, family, and the world

# data[].attributes.attachment_caption
Kinetic Typography in After Effects Part 1

# data[].attributes.attachment_link.title
Kinetic Typography in After Effects Part 1

# data[].attributes.attachment_caption
Gritty Texture Effects in After Effects | Process & Workflow

# data[].attributes.attachment_link.title
Gritty Texture Effects in After Effects | Process & Workflow

# data[].attributes.attachment_caption
SUPER QUICK Kinetic Typography in AE! | Adobe After Effects Tutorial

# data[].attributes.attachment_link.title
SUPER QUICK Kinetic Typography in AE! | Adobe After Effects Tutorial

# data[].attributes.attachment_caption
Kinetic Wave Typography in After Effects | Tutorial #7

# data[].attributes.attachment_link.title
Kinetic Wave Typography in After Effects | Tutorial #7

# data[].attributes.attachment_caption
Stretching Kinetic Typography - Easy Text Animation in After Effects Tutorial

# data[].attributes.attachment_link.title
Stretching Kinetic Typography - Easy Text Animation in After Effects Tutorial

# data[].attributes.attachment_caption
Rhythmic Fast Kinetic Typography- Don't Blink

# data[].attributes.attachment_link.title
Rhythmic Fast Kinetic Typography- Don't Blink

# data[].attributes.attachment_caption
Custom Text Animation in After Effects - After Effects Tutorial - Liquid Animation in After Effects

# data[].attributes.attachment_link.title
Custom Text Animation in After Effects - After Effects Tutorial - Liquid Animation in After Effects

# data[].attributes.attachment_caption
How to create Flicker Text Animation in After Effects| after effects tutorials|Effect for you

# data[].attributes.attachment_link.title
How to create Flicker Text Animation in After Effects| after effects tutorials|Effect for you

# data[].attributes.attachment_caption
Text Animators for Beginners - After Effects Type Tutorial

# data[].attributes.attachment_link.title
Text Animators for Beginners - After Effects Type Tutorial

# data[].attributes.attachment_caption
Animating font weights in After Effects | Kinetic Typography Tutorial

# data[].attributes.attachment_link.title
Animating font weights in After Effects | Kinetic Typography Tutorial

# data[].attributes.attachment_caption
After Effects Tutorial - Deconstructed Typography in After Effects Animation

# data[].attributes.attachment_link.title
After Effects Tutorial - Deconstructed Typography in After Effects Animation

# data[].attributes.attachment_caption
Kinetic Typography Tutorial | Adobe After Effects

# data[].attributes.attachment_link.title
Kinetic Typography Tutorial | Adobe After Effects

# data[].attributes.attachment_caption
Kinetic Typography In After Effects   Tutorial

# data[].attributes.attachment_link.title
Kinetic Typography In After Effects   Tutorial

# data[].attributes.attachment_caption
Mask Text Reveal Animation in After Effects - After Effects Tutorial | Text Animation

# data[].attributes.attachment_link.title
Mask Text Reveal Animation in After Effects - After Effects Tutorial | Text Animation

# data[].attributes.attachment_caption
5 Essential Type Animations in After Effects

# data[].attributes.attachment_link.title
5 Essential Type Animations in After Effects

# data[].attributes.attachment_caption
Creative Kinetic Type 01 | After Effects Tutorial

# data[].attributes.attachment_link.title
Creative Kinetic Type 01 | After Effects Tutorial

# data[].attributes.attachment_caption
3 Title Kinetic Motion Graphics Techniques in After Effects

# data[].attributes.attachment_link.title
3 Title Kinetic Motion Graphics Techniques in After Effects

# data[].attributes.attachment_caption
4 Modern Motion Design & Typography Techniques in After Effects

# data[].attributes.attachment_link.title
4 Modern Motion Design & Typography Techniques in After Effects

# data[].attributes.attachment_caption
3 Kinetic Typography Block Techniques in After Effects

# data[].attributes.attachment_link.title
3 Kinetic Typography Block Techniques in After Effects

# data[].attributes.attachment_caption
3 Crazy Typography Techniques in After Effects | Tutorial

# data[].attributes.attachment_link.title
3 Crazy Typography Techniques in After Effects | Tutorial

# data[].attributes.attachment_caption
Camera Fly Trough Text Animation in After Effects - After Effects Tutorial | Text Reveal

# data[].attributes.attachment_link.title
Camera Fly Trough Text Animation in After Effects - After Effects Tutorial | Text Reveal

# data[].attributes.attachment_caption
Kinetic Typography In After Effects - After Effects Tutorial - No Plugins

# data[].attributes.attachment_link.title
Kinetic Typography In After Effects - After Effects Tutorial - No Plugins

# data[].attributes.attachment_caption
3 Liquid Motion Graphics Effects in After Effects | Tutorial

# data[].attributes.attachment_link.title
3 Liquid Motion Graphics Effects in After Effects | Tutorial

# data[].attributes.attachment_caption
Animate font weights in After Effects with a slider

# data[].attributes.attachment_link.title
Animate font weights in After Effects with a slider

# data[].attributes.attachment_caption
Smooth Text Animation in After Effects - After Effects Tutorial - No Third Party Plugin

# data[].attributes.attachment_link.title
Smooth Text Animation in After Effects - After Effects Tutorial - No Third Party Plugin

# data[].attributes.attachment_caption
Create AMAZING Lyric Videos in After Effects with typography!

# data[].attributes.attachment_link.title
Create AMAZING Lyric Videos in After Effects with typography!

# data[].attributes.attachment_caption
Top 5 Typography Techniques in After Effects | Kinetic Type Tutorial

# data[].attributes.attachment_link.title
Top 5 Typography Techniques in After Effects | Kinetic Type Tutorial

# data[].attributes.attachment_caption
Simple Kinetic Typography in After Effects - Motion Graphics Basics Tutorial (No Plugins)

# data[].attributes.attachment_link.title
Simple Kinetic Typography in After Effects - Motion Graphics Basics Tutorial (No Plugins)

# data[].attributes.attachment_caption
Kinetic typography animation | After Effects tutorial

# data[].attributes.attachment_link.title
Kinetic typography animation | After Effects tutorial

# data[].attributes.attachment_caption
After Effects Tutorial - Kinetic Typography Animation in After Effects - No Plugins

# data[].attributes.attachment_link.title
After Effects Tutorial - Kinetic Typography Animation in After Effects - No Plugins

# data[].attributes.attachment_caption
The Art of Movie Title Design | Saul Bass and Beyond

# data[].attributes.attachment_link.title
The Art of Movie Title Design | Saul Bass and Beyond

# data[].attributes.attachment_link.readable_text
How the kinetic typography and motion graphics of innovative designer Saul Bass helped change graphics and cinema since the 1950s

S aul Bass is one of the most exciting and innovative graphic designers of the twentieth century. When he left school in 1936, he was already dabbling in graphic design and sought further training at the New York Art Students League where he was encouraged to attend evening classes led by György Kepes at Brooklyn College. Those classes were to shape his career and help develop the...

# data[].attributes.attachment_link.description
How the kinetic typography and motion graphics of innovative designer Saul Bass helped change graphics and cinema since the 1950s S aul Bass is one of the most exciting and innovative graphic designers of the twentieth century.

# data[].attributes.attachment_caption
9 ridiculously good examples of kinetic typography | Inside Design Blog

# data[].attributes.attachment_link.readable_text
Kinetic typography is an animation technique that uses moving text to capture attention, set a tone, and entertain. It seems to be everywhere right now-commercials, music videos, mobile apps, and websites use it to make their words more impactful and add an element of artistry.

But in no way is moving type having just a moment. It's been around since the 1960s, when feature films started using animated opening titles instead of static text, and it's not going anywhere any time soon. Alfred Hitchcock's North by Northwest (1959) is credited as the first feature film to extensively use kinetic typography. Watch the two-minute opening title sequence:

And now, our featured presentation: For your inspiration we've gathered our favorite examples of kinetic typography found on Dribbble. Grab some popcorn and start scrolling.

Related: The 8 most important UI animations of all time

Did we forget to include your favorite kinetic typography Dribbble shot here? Share it with us on Twitter so we can add it in: @InVisionApp.

Want to learn more about motion design?

# data[].attributes.attachment_link.title
9 ridiculously good examples of kinetic typography | Inside Design Blog

# data[].attributes.attachment_link.description
Kinetic typography is an animation technique that uses moving text to capture attention, set a tone, and entertain. It seems to be everywhere right now-commercials, music videos, mobile apps, and websites use it to make their words more impactful and add an element of artistry.

# data[].attributes.attachment_caption
10 Best Kinetic Typography Templates for After Effects [2022]

# data[].attributes.attachment_link.title
10 Best Kinetic Typography Templates for After Effects [2022]

# data[].attributes.attachment_caption
20 Examples Of Cool Kinetic Typography - Creatopy

# data[].attributes.attachment_link.title
20 Examples Of Cool Kinetic Typography - Creatopy

# data[].attributes.attachment_link.description
Check out this selection of cool typography animations. Plus, learn how to create kinetic typography in minutes, in Bannersnack!

# data[].attributes.attachment_caption
Kinetic Typography Trends & Text Animation Examples | Content Creatues

# data[].attributes.attachment_link.readable_text
Video is essential in the world of corporate communications and clients are using the lingua franca of animators and filmmakers with increasing ease.

Undoubtedly, this is great on many levels. Along with making it simpler to understand what clients want, it is also more straightforward for creatives to communicate back an idea.

'Kinetic Typography' is one term that clients frequently use. On one level, it's clear that they are looking for a piece of content that leans heavily on animated type, but because kinetic typography is a genre of animation rather specific style or technique, the term can be interpreted in many ways.

This short reel from some of our recent work shows just how varied the use of kinetic type can be.

As a genre, kinetic type first appeared in a very basic form as long ago as 1899 in the work of the ground-breaking Georges Melies. Despite being regarded as the father of special effects, much of his work has been lost and there are no examples of his early text animation.

True kinetic typography trends didn't emerge until the 1960s, featuring in numerous movie title sequences. This trend was kicked off in 1959 by Saul Bass for the titles of North By Northwest, which saw the animated text "flying" in from off-screen before fading out into the film itself.

Since then, techniques have evolved, as have the attempts to categorise the genre. One of the most widely accepted is Barabara Brownie's specific classification system. She breaks kinetic typography down into two types, Motion Typography and Fluid Typography, with the former split out into Scrolling Typography and Dynamic Layout.

With all the groups and sub-groups, the term 'kinetic typography' starts to seem anything but straightforward. In truth, these categories are quite easy to identify.

Motion Typography - Scrolling Typography

This refers to any type that simply moves along a plane. Be that sideways, upwards, downwards or even advancing and receding as you see in Star Wars.

It can be effective when there are longer sentences or words as it can slow the pace of a video to create a smooth, effortlessly elegant feel. Conversely, a faster, pacier movement with some overlap can be dynamic.

The below text animation shows a series of statements that were animated simply, ensuring the copy is clear and legible. The animation that happens underneath reinforces the message.

Motion Typography - Dynamic Layout

Here, the elements that make up the type move in relation to one another. Letters and words may move away from one another on a 2D plane, or in three-dimensional space.

A dynamic layout is particularly useful for videos where impact or drama are key requirements of the brief.

In this example, the movement of the words and letters in relation to the rest of the copy reinforces the sense of separation.

Fluid Typography

This type is unique, as letters don't have to move in space. It concerns letters or words changing shape or evolving.

Here, we start with a dynamic layout before finishing with a simple example of fluid typography, as the letters 'stand out' are painted across the screen.

Kinetic typography trends are ever-evolving and a swiss army knife for anyone working in text animation. It can be used in many ways; as the foundation of a creative proposal, to enhance a narrative throughout or to reinforce single moments within a script.

The style of animation employed will vary depending on the tone of the story and how much the copy needs to convey.

There's a lot to think about when briefing "kinetic typography" and, we haven't even covered the impact of fonts, kerning, leading and all the other considerations that have affected a large portion of the text animation examples we have come across so far.

Want to Learn More?

If you are thinking of starting on an animated video project for your business then you are on the right track.

# data[].attributes.attachment_link.title
Kinetic Typography Trends & Text Animation Examples | Content Creatues

# data[].attributes.attachment_link.description
Video is essential in the world of corporate communications and clients are using the lingua franca of animators and filmmakers with increasing ease. Undoubtedly, this is great on many levels. Along with making it simpler to understand what clients want, it is also more straightforward for creatives to communicate back an idea.

# data[].attributes.attachment_caption
Kinetic Text After Effects Tutorial - Animated Typography Techniques [NO PLUGINS]

# data[].attributes.attachment_link.title
Kinetic Text After Effects Tutorial - Animated Typography Techniques [NO PLUGINS]

# data[].attributes.body
Individual letterforms that have not been fixed in shape, identity or location may be referred to as fluid typography. With this category, the letters will be malleable. However, one common issue associated with this fluid typography is that can sometimes be hard to recognize as letters. The advantage of using this type is that it may be able to present an audience with multiple meanings. Fluid create a responsive application, but it becomes a balancing act to ensure that usage does not go overboard. The fluid category links the typographic measure and browser width.

# data[].attributes.body
Similar to dynamic layout, the movement occurs in a directional motion, and scrolling typography also places a high importance on composition over design. Using the scrolling category, the motions will be mapped on a panning motion of the backdrop. The process could be in relation to the words, but it might not necessarily be related to the audience. Sometimes scrolling typography creates the impression of 3D imaging, and the scrolling technique could imply a relationship to viewers. Using typography in this way, viewers could feel encouraged to move forward with the landscape

# data[].attributes.body
In dynamic layout, movement of letters and words is directional. They relocate from one place to another. Dynamic layout prioritizes composition over design and makes the layout the focus. In temporal typography, the form relies on changing relationships to form a word or sentence. Letters and words move freely and change their relationship according to the surrounding forms. Dynamic layout relies on the smaller font sizes. However, larger fonts will appear more interesting and differentiate the layout to allows users to decode content.

# data[].attributes.attachment_caption
4 Kinetic Typography 2020 Techniques in After Effects | Tutorial

# data[].attributes.attachment_link.title
4 Kinetic Typography 2020 Techniques in After Effects | Tutorial

# data[].attributes.attachment_caption
3 Kinetic Typography Techniques in After Effects

# data[].attributes.attachment_link.title
3 Kinetic Typography Techniques in After Effects

# data[].attributes.attachment_caption
12 Best Kinetic Typography Videos to Fire up Your Artistry - MotionCue

# data[].attributes.attachment_link.readable_text
Kinetic typography animation focuses on moving texts to evoke emotions and convey the main idea to the audience.

These types of videos are great for marketing. They can help convey your message even if the video is on silent.

Marketers can make their videos stand out in all of the noise over the internet by incorporating this animation technique as the audience will need to read the texts to follow along.

In this piece, we are going to review some of the best kinetic typography animated videos that successfully combined the technique to gain viewers' attention and communicate the notion.

The Black-Owned Friday Anthem - Google

The Black-Owned Friday Anthem is an ad campaign created by BBH NY for Google in 2020.

The video is an announcement for turning Black Friday into a day to show support for black-owned businesses.

Why it works:

It's a cause to shed light on black-owned businesses who suffered through the pandemic

Wyclef Jean and Jazzy Amra's catchy jingle

Vibrant colors and interesting characters

New York Times Turkish Edition - Quba Michalski

Quba Michalski was behind the 2009 advertisement about New York Times: Turkish Edition.

The ad takes viewers on a tour of renowned landmarks of New York City and Istanbul built from kinetic typography.

Why it works:

Actual pages of the newspaper's first edition were used in the video, mainly from the financial and entertainment sections.

Cityscapes of New York City and Istanbul are featured.

Think Ideas - MotionCue

Think Ideas is an explainer video our team created for a client in 2017.

The explainer proposes to bring the stories and ideas of clients to life with a creative concept, research, and design.

Why it works:

Our team combined the elements of motion design aided by kinetic typography and background voice-over to illustrate the message.

Simple and concise.

If you like this video, then make sure to contact us for your own project.

Want a video for your business?
GET A CUSTOM QUOTE
The Alphabet is an animated short created by Alessandro Novelli of NEWGOLD in 2010.

The video features alphabets from A through Z represented by different fonts for each alphabet.

Why it works:

The video has added Fréhel's "Si tun'étais pas là" as a background track to add more charisma.

A nice learning experience.

Read more: 10 Unique Stop Motion Animated Videos You'll Love

29 Ways to Stay Creative - TO-FU

29 Ways to Stay Creative is a short video created by Japanese motion graphic design studio, TO-FU, in 2011.

It is one of the most popular kinetic typography videos for its inventive and educational content about how to remain creative.

Why it works:

Creative illustrations.

Soothing background music.

Eye-popping texts are all that make this video a good experience for the viewers to gain knowledge.

Jump is an advertisement created by GTB Media Agency for Ford in 2012.

The ad showcases Ford's truck model F-150 and how capable the Raptor is with promising gas mileage and roadworthiness.

Why it works:

Big and bold text popping on the screen to match the vibe and enormity of the truck.

Rugged visuals.

Childline: First Step - YCN and Buck Animation

Childline: First Step is an animated short created by YCN in collaboration with Buck in 2013.

The short promotes a UK-based 24-hour helpline for children to open up, speak, and report sexual harassment.

Why it works:

The abstract art and kinetic typography have been used to illustrate a conversation between an anonymous kid and one of the advisors.

Emotional

Thought-provoking.

Keep Up is an ad created by Wieden+Kennedy for Honda in 2015.

The ad features a sandy desert, few glimpses of the 2015 Honda range, and quick transitions of different words testing viewers' pace to keep up with them.

Why it works:

The message of the ad is to encourage the audience to match the speed of Honda which becomes difficult as it progresses.

People who can keep up until the end learn that they could achieve more than they think.

Also read: 8 Awesome Animated Documentaries to Get You Out of a Creative Rut

The Office is a short video created by a motion graphics artist Stepdraw in 2015.

Stepdraw has recreated an entire cold open from one of the episodes of The Office (US version) in kinetic typography.

Why it works:

The video also has added effects, voiceovers, and illustrations to add the comic factor to the whole scene of the episode.

The Office series reference.

Humor.

Find your Focus - Headspace

Find your Focus is an animated short video by Headspace that came out in 2018.

The video makes excellent use of typography to coax people into following the steps to guided meditation through kinetic typography.

Why it works:

Viewers would be delighted to have an option where they could interact with the video even without having to click buttons or moving the cursor.

Peaceful and helping.

Apple's Big News in 108 Seconds - Apple

Apple's Big News in 108 Seconds is an announcement video created by TBWA/Media Arts Lab in 2018.

The video announces new Apple products coming out in Apple's next event.

Why it works:

The kinetic typography does not distract the viewers from checking out different features of the new product line. It aids the message and design.

The texts are added with personality and flair that give the audience the impression that someone may be narrating them throughout the video.

Clearly is an advertisement created by Cub Studio in 2019.

The ad uses cute illustrations, an upbeat voice-over, and texts to educate viewers about some of the facts related to vision.

Why it works:

The main motive of the ad is to persuade companies to invest in free eye tests for their employees to avoid any workplace mishaps.

Cute illustrations.

Upbeat.

Final thoughts

Kinetic typography is a versatile medium to express and put forth your message to the world. With such a technique, it is easier to grab the viewers' attention and be able to communicate your idea.

And if you are looking for a video production agency to bring your ideas to life, then feel free to drop our video strategists a message today.

Want a video for your business?
GET A CUSTOM QUOTE

# data[].attributes.attachment_link.title
12 Best Kinetic Typography Videos to Fire up Your Artistry - MotionCue

# data[].attributes.attachment_link.description
Kinetic typography animation focuses on moving texts to evoke emotions and convey the main idea to the audience. These types of videos are great for marketing. They can help convey your message even if the video is on silent.

# data[].attributes.attachment_link.readable_text
Kinetic typography-the technical name for "moving text"-is an animation technique mixing motion and text to express ideas using video animation. This text is presented over time in a manner intended to convey or evoke a particular idea or emotion.

With the advent of film and graphic animation, the possibility of matching text and motion emerged. Examples of animated letter-forms appeared as early as 1899 in the advertising work of George Melies. Early feature films contained temporal typography, but this was largely static text, presented sequentially and subjected to cinematic transitions. It was not until the 1960s that opening titles began to feature typography that was truly kinetic. Scholars recognize the first feature film to extensively use kinetic typography as Alfred Hitchcock's North by Northwest (1959). This film's opening title sequence-created by Saul Bass -contained animated text, featuring credits that "flew" in from off-screen, and finally faded out into the film itself. A similar technique was also employed by Bass in (1960).

Since then, the use of kinetic typography has become commonplace in film introductory titles and television advertisements. More recently, it has been a central feature of numerous television idents, notably Martin Lambie Nairn's first ident for the British Channel 4 television network in use from 1982.

Y. Y. Wong has proposed that it is important to distinguish between the properties of form (e.g. colour and font) and of behaviour (e.g. qualities of movement) in temporal typography. It is necessary to make this distinction in order to classify kinetic typography in ways that acknowledge their difference to static type (which may share properties of form, but not kinetic behaviours). Kinetic typography is therefore categorised according to behaviours or action, rather than appearance.

In classification, kinetic typography is a form of temporal typography (typography that is presented over time). It is distinct from other forms of temporal typography including 'serial presentation', which involves the sequential presentation of still typographic compositions.

Barbara Brownie's model of temporal typography divides kinetic typography into 'motion typography' (subdivided into ' scrolling typography', 'dynamic layout') and 'fluid typography'.[4]

Motion typography Edit

In dynamic layout, text elements move in relation to one another. Letters and words may move away from one another on a 2D plane, or in three-dimensional space. Likewise, scrolling typography can scroll across the flat screen, or can appear to recede or advance. An iconic example is the Star Wars opening crawl inspired by the Flash Gordon serials.

Fluid typography Edit

In fluid typography, letterforms change and evolve without necessarily changing location. An example is the subtitles of the international release of Night Watch: In a scene in which a character is being called by a vampire, he is in a pool and the camera is underwater. The caption appears as blood red text that dissolves as blood would in water.

Kinetic typography is often produced using standard animation programs, including Adobe Flash, Adobe After Effects, and Apple Motion. The effect is most often achieved by compositing layers of text such that either individual letters or words can be animated separately from the rest.

ANSI art allowed for animation based on text characters.

AAlib allows to convert moving images into ASCII art.

1. ^ Bellantoni, Jeff and Woolman, Matt, 'Type in Motion', Thames & Hudson, 1999.

2. ^ Lee, Johnny C.; Forlizzi, Jodi; Hudson, Scott E. "The Kinetic Typography Engine: An Extensible System for Animating Expressive Text" (PDF). Carnegie Mellon University.

3. ^ Brownie, Barbara (2007). "One Form, Many Letters: Fluid and transient letterforms in screen-based typographical artefacts". Networking Knowledge: Journal of the MeCCSA Postgraduate Network. 1 (2). doi:10.31165/nk.2007.12.20. Archived from the original on April 3, 2008.

# data[].attributes.attachment_link.description
Kinetic typography-the technical name for "moving text"-is an animation technique mixing motion and text to express ideas using video animation. This text is presented over time in a manner intended to convey or evoke a particular idea or emotion. With the advent of film and graphic animation, the possibility of matching text and motion emerged.

# data[].attributes.attachment_caption
40 must-see examples of kinetic typography

# data[].attributes.attachment_link.readable_text
(Image credit: Future / Thibault de Fournas / Vit Ryznar)

Kinetic typography comes in many forms. It can help make a message more engaging, stopping the viewer in their tracks, and the animation can even tell a story more than the typography alone.

Some kinetic typography animations are a feast for the eyes, including songs, homages to a famous movie speech and explorations of the typography itself. We've picked some of favourite kinetic typography animations to date to provide some inspiration, from music videos to movie tributes and more.

Feeling inspired? Create your own kinetic typography using our pick of free fonts and After Effects tutorials will help you on your way.

01. North by Northwest kinetic typography

Let's start where it all began. Kinetic typography isn't something new; it's been around for decades. Alfred Hitchcock's North by Northwest (1959) is often credited as being the first feature film to make extensive use of kinetic typography in its opening titles, and Saul Bass's work had a major influence on making kinetic typography part of movies - it became a way of keeping viewers' attentions.

02. The Office

Moving on to how kinetic typography is being developed by contemporary creatives, this piece by motion graphics artist, Stepdraw riffs on a classic moment from The Office (the US version). Including bears, beets and Battlestar Galactica, the timing is spot on as is the personality the sketchy typography lends to the audio.

03. Rick and Morty

The kinetic typography in this video was created by animator/director Gary Motion. Based on TV show Rick and Morty, it's a total contrast to the above example. It again adds visuals to a classic comedy TV moment, but is flashy and fast-moving. It's a super slick piece that has some great detail like the diagonally-sliding text, and the varied use of style and colour.

04. The Light in the Dark

Animated and directed by Eli Guillou, this animated typographic piece aims to encourage anyone who feels that they're lost in the darkness, and to help them find the light in the dark and to move forward.

05. By Your Side

Created by Paulo Manso, a graphic and motion designer from Brazil, this lyric video for Jacob Sartorius' By Your Side has a lively hand-drawn look to it, with a vivid palette and energetic visual flourishes that are sure to catch the eye.

06. Gill Sans

Gill Sans, created by eccentric typographer and animal lover Eric Gill, is a classic and reliable font that can be found in most designers' type collections. But how much do you know about it? This motion work by Matthieu Dufour and Carl Soper will set you straight, assuming you speak French.

07. Kick-ass

Ryan Perera's video based on a sequence from the film Kick-ass uses a hand-drawn style to reflect the brand's comic book influences. It's a great example of how drama and emotion can be expressed with moving type.

08. Coconut Woman

This lively animation by Motion Surfing uses coconut-shaped type timed with the rhythm of the song to to convey personality and energy.

09. From Paper to Screen

This masterpiece was, unbelievably, a graduation project by graphic designer Thibault de Fournas. The animation shows the evolution of typography from paper to screen in serious style. The first half of the video deals with the basic rules of typesetting, before moving on to the use of typography in cinema, with impressive effects running throughout - the tribute to Saul Bass (whose work we mentioned at the start) being our favourite.

10. Language

Designer Matthew Rogers is the man behind this kinetic typography animation of the words of British writer and actor Stephen Fry. A fan of this particular essay on language, Rogers decided to make it his first kinetic typography project using a combination of After Effects, Flash and Illustrator.

11. The 10 Commandments

In just under two minutes, this kinetic typography animation reveals the 10 Commandments. The man behind the piece is designer Vit Ryznar, who completed the project using After Effects.

12. Shine a Light

Let's be frank, this J-pop tune by DJ Takuma featuring Angella Guistini is pretty forgettable, and we imagine the lyrics were sugary nonsense even before they got translated from Japanese. But the vibrant typographic video by Bait makes everything better.

13. Childline: First Step

Ad agency YCN Studio collaborated with LA-based production company Buck on this powerful animation, which encourages children to talk about and report sexual abuse.

The video promotes the services of UK-based, confidential, free, 24-hour counselling service for children, Childline. Following a conversation between child and advisor, the four-minute animation uses kinetic typography and abstract art to get its message across. It's by no means an easy issue, and we think YCN Studio and Buck have done a sterling job at covering it in a powerful yet sensitive way.

14. Breaking Bad

American TV show Breaking Bad has won multiple awards since it first aired back in 2008. Which is hardly surprising when it includes brilliant monologues like 'I am the danger', in which school teacher-turned-criminal Walter White convinces his wife that he's a dangerous man, capable of striking fear into hardened criminals.

Graphic designer, illustrator and animator Paul Cooper decided to pay homage to the infamous scene using kinetic typography. He visualises the intense scene through a series of black and white illustrations and text, all cleverly timed to each character's lines.

15. The Hush Sound - Lions Roar

Part of a two man team, designer Mig Reyes worked on this typographical motion graphic piece to The Hush Sound's Lions Roar song. Heavily inspired by motion graphics studio MK12, the duo used After Effects to time the song's lyrics to the brilliant typography and graphics.

16. Procrastination

This trailer for David McRaney's international bestselling book You are Not So Smart uses cleverly animated typography to sum up its contents. Animated, designed and produced by Plus3 productions, the perfectly timed animation is all about procrastination, and it'll have you nodding in agreement and smiling all the way through.

17. The Edge

Hunter S Thompson has influenced a generation of film-makers, writers and designers. This homage to the author by Piotr Kabat combines an array of design disciplines to showcase some of his finest words.

18. Apocalypse Rhyme

This is an amazing piece of work considering it was all done by one person. Oliver Harrison wrote the poem, composed the music and organised it all into a splendid animated whole for Channel 4's Random Acts, and his reward was the Best Motion Graphics prize in the British Animation Awards 2014.

19. Bob

Oliver Smith is a 3D animator and compositor who can turn his hand at many aspects of the moving image. Inspired by 'Weird Al' Yankovic's Bob Dylan parody, Bob, the song features Yankovic's signature style and comical lyrics. Although the amusing tune is the main influence for the video, it's Oliver's stunning array of graphic titles and typography that really stand out.

20. Anonymous

This super-cool infographic kinetic typography animation tells the story of how online hactivist group Anonymous came together in 2003 and subsequently went on to stage various protest actions. The short animation, which uses 3D effects, electronics and text to convey the message, was created by multimedia designer Savva Tsekmas.

21. Shop Vac

Artist Jarrett Heather made this kinetic typography music video for Jonathan Coulton's Shop Vac. The humorous animation took Heather somewhere between 500 and 1000 hours to complete. At just under three-and-a-half-minutes long, the brilliant video features a number of different fonts, all perfectly suited to the story each tells.

22. Rolling Stones - Doom and Gloom

Celebrating their 50th anniversary with a series of gigs back in 2012, the old-time rock 'n' rollers released an accompanying new track that was pretty darned good. For the music video, Trunk Animation designed this great splatter style animation, which is reminiscent of Ralph Steadman's typographic artistry.

23. Karloff

Another piece from graphic designer Thibault de Fournas, who has combined modern typefaces Bodoni and Didot in this beautiful animated video exploring how two extremes could be combined into a coherent whole. Stylistically, the video is centred around a series of expanding and disappearing hairlines, with cuts complementing editorial typographic layouts.
Next page: more incredible kinetic typography...

# data[].attributes.attachment_link.title
40 must-see examples of kinetic typography

# data[].attributes.attachment_link.description
See fonts come to life in these clever kinetic typography animations, including music videos, movie tributes and more.

# data[].attributes.body
Kinetic typography refers to a technical name for moving text. This technique mixes movement with text to express ideas with a video animation format. Presented over time, it conveys a specific idea or emotion.

Y.Y Wong proposed the importance for distinguishing the properties of form.

Temporal Typography

Temporal typography includes artifacts and temporal media. As technology progresses, temporal typography has increasingly grown ubiquitous in culture. In addition, the ever-increasing variety exhibits a wide number of varieties, styles and behaviors. Temporal typography has no adequate name for the terminology describing typography that changes into a new identity. Oftentimes, experts call these forms a hybrid of typography, and they cannot be considered as part of static typography. In addition, temporal can be divided into three different categories:

Dynamic Layout

Scrolling Typography

Fluid Typography

People often use kinetic typography with the standard animation programs including: Apple Motion, Adobe After Effects and Adobe Flash. Arranging text in this manner creates visual appeal and will make users want to use the application—provided that it has not been overdone. Typography can be found in advertisements, movies and the Internet. Moving text has become a popular method used for film introductory titles. However, this method has no limits to how it can be used for evoking emotions and ideas.