Typography | Off Book | PBS

Subscribe to the new Off Book channel at www.youtube.com Type is everywhere. Every print publication, website, movie, advertisement and public message involves the creation or selection of a fitting typeface. Online, a rich and artistic typographical culture exists, where typefaces are created and graphic design seeps in to every image. In episode 2 of Off Book, typeface designers Jonathan Hoefler and Tobias Frere-Jones outline the importance of selecting the right font to convey a particular feeling. Graphic designer Paula Scher talks about building identity in messaging, while Eddie Opara uses texture to create reaction. Infographic designers Julia Vakser and Deroy Peraza map complicated data sets into digestible imagery, mixing color, graphics and type. www.pbs.org Artists: Jonathan Hoefler and Tobias Frere-Jones, Typeface Designers Paula Scher, Designer Eddie Opara, Designer Deroy Peraza and Julia Vakser, Designers Music by: VLOOPER: vlooper.bandcamp.com Anitek: www.myspace.com Reno Project: soundcloud.com Stidiek: www.myspace.com Hinariku216: soundcloud.com Follow Off Book: Twitter: @pbsoffbook Tumblr: pbsarts.tumblr.com Produced by Kornhaber Brown: www.kornhaberbrown.com
typography font graphic design infographics typeface art pbs off book paula scher jonathan hoefler tobias frere-jones eddie opara julia vakser deroy peraza type pbs arts pbs digital studios
Stephen Fry Kinetic Typography - Language

UPDATE 24/05/2011:Thankyou to @hedgehoglet for the Russian Subtitles UPDATE 11/10/2010: Thanks to Stephen Fry for mentioning this video on his twitter account, rather exciting! Follow me at @RogersCreations on twitter Using the wonderful words of acclaimed writer, actor and allround know it all (I mean that in the best of ways) Stephen Fry I have created this kinetic typography animation. If you like what you hear you can download the rest of the audio file from Mr. Fry's website. stephenfry.com and then go to the audio and video section at the top of the page and look for the file entitled language. You can also find the file on iTunes by searching the name 'Stephen Fry's Podgrams'. I loved this particular essay on language and I thought it would be the perfect opportunity to make my first kinetic typography video. I hope you like it and even if you dont I would like to heard what you think in the comments section. Also I know that at points the audio does not match the text so you do not have to write that. It is because I copied the transcript off of Stephen's website and it was not 100% exactly what he said and i did not notice until I was well underway. However these cases are few and far between. Just incase you were wondering the programs I used to make this were all by Adobe. Mostly After Effects but also Flash and Illustrator. Flash for the changing background colour transitions and illustrator for putting the words in to the shape of 'language' before loading it <b>...</b>
kinetic typography stephen fry after effects animation cs5 adobe language words text rogers creations flash illustrator smart clever animation short
Portal - Still Alive typography

The ending song to Portal in a typographic animation. This time with no typos.
An Intro to Typography

TO LEARN MORE (I have a lot of links to put here) Thinking With Type: amzn.to A Type Primer: amzn.to Graphic Design A Concise History: amzn.to ilovetypography.com http www.thinkingwithtype.com The typography on Wikipedia is actually very informative: en.wikipedia.org Also make sure to watch the Helvetica movie: www.helveticafilm.com It's also on Netflix! Thanks for doing the outro Craig! youtube.com Music: Kevin MacLeod www.incompetech.com And of course, the self-indulgent self-promotional links: karenkavett.com http karenkavett.blogspot.com http
typography graphic design helvetica legibility intro introduction learn nerd geek nerdfighter dftba font typeface anatomy usage this took forever so eye really hope you like it
V for Vendetta in Kinetic Typography

The scene in V for Vendetta in which V introduces himself to Eevy, in a long rambling string of alliteration.
kinetic typography type in motion exercise for vendetta alliteration animation
Shop Vac (kinetic typography animation)

A kinetic typography music video for Jonathan Coulton's Shop Vac. This was created using Adobe Illustrator, Photoshop, After Effects, Premiere and Toon Boom Animate. I worked on this sporadically, so it's difficult to estimate how much time went into it. Somewhere between 500-1000 hours, but it was a labor of love. Go buy the song on JoCo's website: www.jonathancoulton.com Enjoy!
Jarrett Heather Jonathan Coulton Shop Vac Shopvac joco jmheather kinetic typography motion graphics animated animation cartoon after effects toon boom animate
Typography School

Veteran graphic design/typography and letterpress teacher from the London College of Printing/London College of Communication: David Dabner talks... giving an insight into the principles of design, creative letterpress and why computers make students sloppy.
printing metal type graphic dabner grierson design typography typesetting letterpress fonts lcc lcp london graphics college of communication
Mad As Hell! Kinetic Typography

450 words individually synced and animated to the famous monologue from the 1976 movie "Network" written by Paddy Chayefsky. The song I used is called "Love and War" by Immediate Music. UPDATE: Yes, I realize the video itself does not properly credit the movie "Network" and it's makers. I am not able to replace the video file on Youtube, but I've replaced the file on Vimeo with a properly credited version.
kinetic typography after effects the network monologue speech mad as hell society animation motion graphics video adobee cs4 1977
Fight Club - Chemical Burn - Kinetic Typography

A typography experiment animated and designed by graphic artist Sebastian Jaramillo ( www.sebastianjt.com ) based on the movie Fight Club on the scene "Chemical Burn". Associate to a Creative Commons license Attribution-NonCommercial-ShareAlike 3.0 - more info: creativecommons.org
animation experimental kinetic type www.sebastianjt.com typography after effects fight club sebastianjt sebastian jaramillo type kinetic art motion graphics digital art motion adobe
Inglourious Basterds Kinetic Typography - Lt. Aldo Raine Speech

Kinetic typography showcasing the speech delivered by lt. Aldo Raine (Brad Pitt) in front of his troops in Quentin Tarantino's 2009 movie "Inglorious Basterds".
inglorious basterds kinetic typography 2009 aldo raine brad pitt quentin tarantino anno domini annodomini
Another Video About Typography

The article in question: www.cracked.com The Helvetica movie: www.helveticafilm.com I've actually been updating my blog lately. Check it out: karenkavett.blogspot.com http twitter.com
font typeface helvetica movie cracked univers baskerville avenir graphic design nerd youtube nerdfighter dftba suspenders are cool too
Anamorphic Typography

colourblinddesign.blogspot.com A video piece of mine and Hunter's two anamorphic typography installations in Chelsea College of Art & Design which we completed for our Final Major Project in 2010 as a collaborative venture. Link to my blog with pictures colourblinddesign.blogspot.com
Anamorphosis Typography Anamorphic Typography Varini Felice Varini Graphic Design Optical illusion Type
Minimalism - Kinetic Typography Poem

Trying my hand at After Effects. Text version at: www.azrienoch.com
kinetic typography poem visual text font after effects cs3 minimalism postmodern art
Max Miedinger - Typography Assignment

We were given a typographer to study and then present in an informative kinetic typography animation. I chose to talk about Max Miedinger's Helvetica. Made in Adobe After Effects Follow me on Twitter! twitter.com Deviantart: epicsteve.deviantart.com http Swinburne Prahran Campus - Typography for Screen and Motion.
Max Miedinger Kinetic Typography Modernism Helvetica After Effects animation
Blink 182 - Online Songs Kinetic Typography

Hey, I've come to realize, that no matter how you put it, I'm not really entitled to offer this for download at all. I've removed the download link. For all you blink fans, here's something to spark your nostalgia. It's my first take on a typography project and I had to learn how to use After Effects from scratch to do it. You can really appreciate how the video gets better and more complicated towards the end as I got more confident and proficient at using the software. PLEASE watch it till the end and in HIGH QUALITY, or else you might miss the best parts. It took me quite a while to finish and I continued working on it through exams at uni and other school work. Fortunately I passed all my courses with good grades (I'm studying photovoltaic engineering at UNSW, in case anyone's wondering). Enjoy!
blink 182 mark hoppus online songs motion kinetic typography type graphics art animation blink-182 music video
The Beatles - Help! Kinetic Typography

Bold agency and Asktomato.com animation studio presents clip of The Beatles song "Help!". Enjoy Watching ;) © 2009 bold | asktomato.com
The Beatles Help Bold Asktomato.com Animation Motion Graphics Kinetic Typography Flash Character
3d Gimp Typography

Here are the stocks you will need: Flags: i217.photobucket.com Gun: www.arlaud.dk Grunge Stock: fc09.deviantart.net Splatter Brushes: Osiris2735.deviantart.com Smoke1: www.sxc.hu Smoke2: www.sxc.hu Text (.png) i450.photobucket.com
3d Typography Gimp rebel rebellion gimpknowhow awesome gimps interface basics advanced basic amazing simple beginner adept photoshop typo text pro
Regina Spektor - Hotel Song (Typography)

A typography based on the song 'Hotel Song by Regina Spektor. A new typography based on the song 'Mansion song' by Kate Nash is posted on vimeo here: vimeo.com -------------------------------------------------------------------------- Facebook: www.facebook.com Twitter: www.twitter.com Flickr: www.flickr.com Vimeo: www.vimeo.com
official Regina Spektor Typography Adobe After Effects AE CS4 Cinema 4D Sony Vegas Pro Photoshop Cs3 editing animation short rnb music music hip hop anime music Hotel Song Fidelity Lyrics Video conor beattie iicbeattieii cs5 full free keygen r11.5 r12 tutorial introduction intro tut project file template after effects bullet valentine nike sony vegas special shoes mass bag mass effect
Typography: Lesson TWO

Watch the first video in this series first! www.youtube.com LINKAGE The article about free fonts I mentioned above: bit.ly More information about font classifications: bit.ly An amazing resource of fonts you can buy: www.fontshop.com Thanks for the outro Adam! youtube.com Music: Kevin MacLeod www.incompetech.com Find me online! karenkavett.com http karenkavett.blogspot.com http
typography typeface font lesson learn teach two small caps grid classification serif sans oldstyle lining figures widows orphans not harry potter bowties are cool
J.Reyez - Smile Through It All (Typography Animation)

J.Reyez - Broken HeART mixtape out now! bit.ly datpiff.com Also available for purchase for anyone who liked it and wants to support and buy it! JREYEZ.bandcamp.com Download Song itunes.apple.com LYRICS: (verse 1) Although it's tough, when growing up I was a pretty normal kid I'm old enough to realize that my family had more to give We couldn't afford a lot but I kept on ignoring it And would I make it? my basement is where I'm recording in I'm depending on a dream and if I'd ever score it big They believe on what it seems but I ain't even close to it I'm focusing on what I do, not caring if they notice it I'm composing my life story, all the highs and lows in it My family was doing good, I'm riding bikes around the block But coming home to mom and dad and the fighting never stopped And it already begun, my father was getting drunk Breaking things around the house, telling my mom to pick it up I would be laying on my bed, hearing the yelling through the walls It was small in the beginning now I couldn't take it at all And I'm preparing to fall and why is this happening? Drastically, actually this life was after me (Chorus) I just wanna live a life with no stress Success is just a mile away, I look for better days Even if they hate you, just gotta smile through it all Just be grateful, you just gotta smile through it all I'm doing well so thanks for your help I do it for myself for nobody else And I owe to myself, I just gotta smile through it all Just smile through it all <b>...</b>
jreyez j.reyez j-reyez smile through it all nick zervos typography animation
Social Life, With Friends (kinetic typography)

Blog post about the YouTube/Guggenheim "Play" Biennial: alanlastufka.com "So You Want A Social Life, With Friends" poem written and read by Kenneth Koch kinetic typography video created by Alan Lastufka Created with Adobe AfterEffects CS3 in seven hours from conception to completion. Permission to use the audio recording was granted by the creator of the recording, Amy Krouse Rosenthal.
kinetic typography poem animation moving text alan lastufka fallofautumndistro alanlastufkaviralvideos
Clockwork Typography in Gimp

Here are the resources you need... There are tons of them: Clockworks 1: www.3planesoft.com Clockworks 2: fc09.deviantart.net Script-Fu (Layerfx) www.mediafire.com (Take the .scm file and copy it into your Gimp scripts folder.) Video explaining how to install scripts: www.youtube.com Grandfather Clock: www.1-800-4clocks.com Grunge Texture: i450.photobucket.com Normal Clock: (The first 0) lib.store.yahoo.net Screw: www.sxc.hu I think thats everything... Anyway, enjoy this time consuming tutorial. I hope you like the end result.
Typography cool awesome gimp photoshop clock clockworks steam punk ornate video gimpknowhow clocks new year 2010 typo
Halo Reach Kinetic Typography

Audio from the reveal trailer of Halo Reach back in 2009. Reach has arrived, and DefendTheHouse has made some changes to prepare for the launch of our new series Halo Reach Mythbusters. We read as many comments, private messages, and emails as we can, and due to popular demand, we have decided that all of our new videos, including Reach Mythbusters, will be posted here on our channel. We have completely revamped our website. At the site you'll see weekly updates, podcasts and more videos. Listen to the first episode of the podcast to learn about a contest to win Call of Duty: Black Ops. If you want to help us in our new series, be active on our site and follow us on twitter. (links below) Also, submit myths on our website. www.defendthehouse.com - Join http - Follow Enjoy Reach! :)
defendthehouse defend the house Reach mythbusters myth busters secrets tips tricks glitches easter eggs hacks mods Typography Mskji yt:quality=high Halo Bungie Microsoft Game Studios Xbox 360 Xbox360 Live FPS First 1st first-person Person Shooter
Typography Motion Video "conscious"

www.NickSchrunk.com Undergrad project using motion graphics portraying the unconscious mind drifting into a dream state and finally coming to awareness within it. Done entirely with After Effects, Illustrator, Photoshop, and logic pro. Blue screen footage shot specifically for project, thanks to actor Amy Meyers for her help acting. All other elements self generated. Actual size is 1080x720 at 29.97. This is from my scholarship show for the University of Northern Iowa. Special Thanks to Andre Lipsey for the audio remix. www.myspace.com HD version here: www.vimeo.com
nick schrunk uni flash after effects typography animation conscious student motion graphics
Typography - 'Number One' by FloboFilms

READ :) Guys, this is my first Typography EVER, just that you know.. If you like it, tell me and ill make more Episodes, its pretty fun to make :D Constructive Criticism is appreciated :) and pls rate. Took me about 3 hours and is made with Adobe After Effects Cs5.5, nothing else :D Song: Pmac - One Thanks to: www.youtube.com for helping me with the weird lyrics :D - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Follow me on Twitter: @ www.twitter.com Second Channel: www.youtube.com Back-Up Channel: www.youtube.com
Typography #1 part by Flobo Films Flobofilms Floobo Pmac One Number Edit After Effects valentine effect your adobe mass name after effects special what's radio whats turn right left hand wrong going mass effect sound hey premiere
Typography | Cave Johnson Lemons

Most epic quote by Cave Johnson. ---------------- Alright, I've been thinking. When life gives you lemons, don't make lemonade. Make life take the lemons back! Get mad! I don't want your damn lemons! What am I supposed to do with these?! Demand to see life's manager! Make life rue the day it thought it could give Cave Johnson lemons! Do you know who I am? I'm the man who's gonna burn your house down! With the lemons! I'm gonna get my engineers to invent a combustible lemon that burns your house down! ---------------- Few screns from video: (well, u can use it for wallies if quality enough ^^) www.2shared.com
Cave Johnson Lemons Portal glados Combustible Typography motion animation
Firefly Kinetic Typography

This is my third experiment with Kinetic Typography. This one is by far the best. I'm in love with the background I made. Also, bear in mind that I don't have After Effects, so I had to do this all by hand, frame by frame. My first two took me roughly 12 hours, but this one took me 5 days. It was sooo worth it. The last few seconds are the best part. Dialogue is from the Firefly episode "Out of Gas", my favorite.
Zoolander Typography

My second project for dynamic typography. We had to take a clip and animated the word dynamically. Zoolander is my favorite movie... so it just made sense that I did it.
Typography Text Animation - After Effects

Please like, comment, and favorite if possible - thank you! Follow my Twitter: twitter.com Like my Facebook: www.facebook.com Visit my website: www.blakezebo.com
blake zebo edits beginner beginning intro introduction composition in the zone hq zonehq cloud nine by tutorials editing motion graphics design designs pack download free giveaway tile after effects ae cs4 cs5 cs5.5 best music uncopyright eoinobroinmusic noisestorm ytquality:high hd high definition machinima respawn yeousch faze clan optic nation dare snipin sniping question answer q&a with zeebo icarly
Sia academia kinetic typography movie

I did this kinetic typo movie over a month a as a self initiated project. All animations are done in flash cs4 and the vignettet and wiggle are done in after effects. Some of the illustrations did I do myself.
Sia academia typographic movie kinetic typo movie typo movie stevebussdk www.stevebuss.net stevebuss.net musicvideo music Sia music video Moving graphics motion graphics flash after effects vignette moving type black and white kobberstik vintage vintage type victorian moving type victorian movie
Typography: IF Rudyard Kipling by George Horne

HIGH QUALITY: www.vimeo.com Probably my favorite quote, from one of my favorite authors read by one of TV's best voices. I was going to fill the gaps in the video with video footage but I didn't want to spend anymore time on this than I already have. God this took a long time Enjoy. Give me feed back!!
Rudyard Kipling typography des lynam football quote writer poem If graphic design man my son warrior public animation
Tropic Thunder - Full Retard - in Typography

"Never go Full Retard" monologue from Tropic Thunder, 2008 By Robert Downey Jr. as Kirk Lazarus Directed by: Ben Stiller Starring: Robert Downey Jr. as Kirk Lazarus Jack Black as Jeff Portnoy Jay Baruchel as Kevin Sandusky Brandon T. Jackson as Alpa Chino Ben Stiller as Tugg Speedman Steve Coogan as Damien Cockburn Tom Cruise as Les Grossman
typography animation kinetic typography Tropic thunder Ben Stiller Robert Downey Jr. Kirk Lazarus jack black Brandon T. Jackson Steve coogan tom cruise les grossman retard full retard never go full retard tugg speedman dravreh
Typography - 'Dreams?' by FloboFilms

i dont like it as always, because there is no creativity at all ;( the boy didnt say much to be creative to.. lol I just think, its hilarious :D check it out here : www.youtube.com Pls support me as always by liking or even favoriting :) keeps me motivated...and it was a lot of work :S IGNORE: We all have at one point. We all have at one point. We all have at one point. Have you ever had a dream like this? Have you ever had a dream like this? Have you ever had a dream like this?
Have you ever had dream like this? Typography by flobofilms this martin luther king Jr little boy kid lol funny mrblueangeldood
Abstract Typography

From Type I class (print) to Motion Design I class (animation). Not finalized yet, and will expand to more images and creating sounds specifically for this piece. In the mean time, the song 'Toh-Koh' is credited to the incredible sound artist Radicalfashion (radicalfashion.net for the audio narrative. Abstract Typography by Ummi Shaharun ummisays.tumblr.com ©2010 All rights reserved.
Sessions - Fundamentals of Typography: Anatomy of Type

Tutorial video from Sessions Online Schools of Art & Design's "Fundamentals of Typography" course. Part of Sessions' Graphic, Web, Digital Arts, Marketing, and Multimedia Arts Design certificate programs. Learn more at: www.sessions.edu
Typography Tutorial Drawing Illustration Graphic Design Digital Art Sessions Online Sessions.edu














