http://www.joaobordalo.com/articles_controller.rb/tag?tag=typography en-us 40 Simplicity, Usability, Productivity, Code, Design, Business and more <p>Vodafone Portugal recently launched a <a href="http://www.maiorfestadomundo.com/#/videocard/ ">Christmas card</a> which, I believe, must be the first ever kinetic typography video with some user generated content. The card is in portuguese only.</p> <p>The following video of a Vodafone Christmas card was captured with <a href="http://www.screentoaster.com">ScreenToaster</a>, a online service that allows you to capture your screen. I'm still evaluating it, as this was my first usage of the service, and first conclusion is: it should capture the sound.</p> <object width='425' height='344'><param name='movie' value='http://www.screentoaster.com/swf/STPlayer.swf'></param><param name='allowFullScreen' value='true'></param><param name='flashvars' value='video=stVUlTQEVLR1FaRVtfUlxZ'></param><embed src='http://www.screentoaster.com/swf/STPlayer.swf' type='application/x-shockwave-flash' allowfullscreen='true' flashvars='video=stVUlTQEVLR1FaRVtfUlxZ' width='425' height='344'></embed></object> <p>RSS readers should click <a href="http://joaobordalo.com/articles/2008/12/06/kinetic-typography-with-your-content">here</a> to watch the video.</p> Sat, 06 Dec 2008 04:40:00 -0600 urn:uuid:e61cd86b-bde6-4c07-b15f-73c6c817c972 bordalix http://www.joaobordalo.com/articles/2008/12/06/kinetic-typography-with-your-content kinetic typography Back on February, I posted one <a href="http://joaobordalo.com/articles/2007/02/26/pulp-fiction-in-typography">article about a Pulp Fiction dialog</a>, presented with moving typography, perfectly synchronized with the text, with a lot of funny and creative details.</p> <p>Later, I found out this presentation technique was named <b>kinetic typography</b>, and that is being explored in the School of Design at CMU since 1996, by <a href="http://www-2.cs.cmu.edu/~johnny/">Johnny Lee</a> under the direction of <a href="http://www-2.cs.cmu.edu/~hudson/">Scott Hudson</a> and <a href="http://goodgestreet.com/">Jodi Forlizzi</a>.</p> <p>But, after all, what is the definition of <a href="http://kinetictypography.org/">kinetic typography</a>?</p> <blockquote><p>Kinetic typography refers to the art and technique of expression with animated text. Similar to the study of traditional typography of designing static typographic forms, kinetic typography focuses on understanding the effect time has on the expression of text. Kinetic typography has demonstrated the ability to add significant emotive content and appeal to expressive text, allowing some of the qualities normally found in film and the spoken word to be added to static text.</p></blockquote> <p>In the meantime, I've collected some of this movies, and arranged them in a YouTube playlist. If want, you can watch the <a href="">movie explaining what is kinetic typography</a>, or be still and watch the playlist (12 videos, aprox. 22 minutes):</p> <object width="530" height="370"><param name="movie" value="http://www.youtube.com/p/1B2C8B9F64093791"></param><embed src="http://www.youtube.com/p/1B2C8B9F64093791" type="application/x-shockwave-flash" width="530" height="370"></embed></object> <p>RSS readers should click <a href="http://joaobordalo.com/articles/2007/08/15/top-12-kinetic-typography-films">here</a> to watch the movies.</p> <p><b>Related article:</b> Vodafone's kinetic typography with user generated content. An idea for a <a href="http://joaobordalo.com/articles/2008/12/06/kinetic-typography-with-your-content">Christmas card</a>.</p> Wed, 15 Aug 2007 10:37:00 -0500 urn:uuid:162ca015-d0ec-4297-b47f-136a95385b6b bordalix http://www.joaobordalo.com/articles/2007/08/15/top-12-kinetic-typography-films presentations kinetic typography