Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Kinetic Typography 101
Transcript of Kinetic Typography 101
Jackson, Georgina, Rae Kinetic Typography Text Animation
Having words moving around in a creative way.
Motion and text working together
The effect of time on text
thoughts, emotions, film and video, music video What is Kinetic Typography? HOW it's done BACKGROUND Step One HOW TO There are many different ways of doing kinetic typography, the most popular and recommended program is Adobe After Effects (any version), and Illustrator for creating clear vector images and text. Always start your animation on a large blank page when inserting your script. Use Illustrator's text tool to edit the font type, making sure there is enough room in-between each line. TIP: Plan out your entire animation with pencil and paper first, allowing you to easily create and change the organization (size, rotation, colour, etc.) of how your words will appear from start to finish. Step Three Step Four Step Two Creating different layers:
1. Type > Create outlines
2. Objects > Ungroup
3. Drag and select to group the objects into words >
(COMMAND + G)
4. SELECT ALL > Layers > Options > Release to layers sequence
5. SELECT ALL > Drag out to layer one > Each is now a separate layer for a different frame in AE TIP: if you want to group the words into a shape animation, draw the shape and place them into the desired sequence in Illustrator first, before saving and inserting into After Effects. HOW TO - in Illustrator Create a new document in AE, and import your illustrator file (make sure you select "Import As: Composition - Cropped Layers"). All of your words should still be in separate layers, which will be useful when splitting up your animation into sections. Once selected, you must pre-compose each section using the (Layer > Pre-Compose) function to group these layers together. Do this for every section.
Or you can create text in AE itself, by using using the Text tool (command + T) to insert individual words as separate layers before beginning to animate. For accurate design, you can create composition lines to show alignment of text ( Command + R). To animate text: There are 5 importance transform sections: Examples Of Various Kinetic Typography Very basic style. Only using a very basic font and minimal transformation(i.e. turning the angels, the size of the words).
The Increasing or decreasing the size of the font is a way to express the importance of those words.
Not very aesthetic, however it fits the content; a conversation. This simplicity also helps the viewers to focus only on the dialog. Then to start animating, begin creating key frames to determine the '5' transformations of text. Remember when setting a key frame: to set the timer behind a few frames in order for the path of the animation to take place. Each key frame will show a particular path of motion, this can be synced to an audio input by adjusting the timing of each layer to match the wave length of each sound. By Karina & Rae HOW TO - in After Effects By: Candice Ferreira
History of Kinetic typography
Some of the earliest examples of Kinetic Typography are dated back to the late 1890’s. Georges Méliès was a french illusionist and filmmaker, he was know for his premature developments in stop motion technology aswell as many other special effects. Some of Méliès’ early feature films contain typography, he is considered to be the Godfather of kinetic typography.
The first feature film to use Kinetic Typography is Alfred Hitchcock’s “North by Northwest” (1959). The films opening title Sequence was created by Saul Bass, and demonstrates animated text flying in from of the screen and eventually fading into the film itself. This was a revolutionary idea and has become a common practice in film and television ever since. Karen's Example Music Video More Advance Styles A lot animations and transitions.
Multiple fonts were used.
Fonts are fused or transformed into graphics.
Animations are synchronized with the music. Summary
5. Opacity Here is an example
(12:15-12.57) Kinetic Typography is text animation. The text can rotate, slide, change sizes or flip to create a visual effect. The element of time is important within kinetic typography- as it examines the effect time has on the expression of text. Motion and text work simultaneously together to present a thought, emotion or artwork such as film credits, music videos, poetry and advertisements. LIVE EXAMPLE Rae's example Kinetic Typography has come a long way from the early works of Méliès and Hicthcock to Katy Perry's lyric video to"Wide Awake" It's use in the media has given another new meaning to expressive art and design. Kinetic Typography continues to be one of the many methods editors use to create crafty, eye-popping and fun visuals for audiences.