{"id":114,"date":"2008-04-20T18:00:20","date_gmt":"2008-04-20T17:00:20","guid":{"rendered":"http:\/\/www.hyperbate.com\/dernier\/?p=114"},"modified":"2008-04-20T18:00:20","modified_gmt":"2008-04-20T17:00:20","slug":"typo-animee","status":"publish","type":"post","link":"https:\/\/hyperbate.fr\/dernier\/?p=114","title":{"rendered":"Typo anim\u00e9e"},"content":{"rendered":"

Une mode cr\u00e9ative int\u00e9ressante que l’on trouve notamment exploit\u00e9e par des amateurs sur les plate-formes de streaming : la \u00ab\u00a0Kinetic Typography<\/a>\u00ab\u00a0.
\nIl s’agit d’animations ne contenant que des lettres et illustrant par exemple une chanson ou des dialogues bien connus tir\u00e9s d’un film. Le principe n’est pas particuli\u00e8rement neuf et on peut citer de nombreuses r\u00e9f\u00e9rences en rapport, Saul Bass, Pablo Ferro et autres auteurs de g\u00e9n\u00e9riques, le clip pour Sign ‘O’ the Times<\/em><\/a> de Prince, l’\u0153uvre multim\u00e9dia de Claude Faure intitul\u00e9e La d\u00e9rive des continents<\/em> (o\u00f9 les mots sont illustr\u00e9s par eux-m\u00eames… on appelle \u00e7a de la Semantic Typography \u00e0 pr\u00e9sent), certaines animations de Norman McLarren (facile, il a tout fait), etc. <\/em>Je suppose qu’on peut trouver des exemples int\u00e9ressants chez divers mouvements d’avant-garde, comme Dada, les lettristes, les situationnistes ou l’Oulipo (question \u00e0 creuser). <\/em>Godard lui-m\u00eame a beaucoup utilis\u00e9 la typographie dans son cin\u00e9ma (sur l’image, souvent). Et ne parlons pas de l’habillage TV, naturellement port\u00e9 vers l’animation du texte. Il existe par ailleurs une s\u00e9rie de livres intitul\u00e9s Type in motion<\/a>\"\"<\/em>, par Matt Woolman, consacr\u00e9s \u00e0 ce sujet.
\nLa nouveaut\u00e9 ici, c’est le fait que ce sont des amateurs qui s’emparent d’outils tels que Flash ou After Effects et qui se mesurent les uns aux autres via Youtube ou Dailymotion. On ne sait pas toujours s’ils sont \u00e9tudiants en design graphique ou lyc\u00e9ens, s’il y a un projet particulier derri\u00e8re ces d\u00e9monstrations… On note quelques tics r\u00e9currents, mais aussi quelques bonnes id\u00e9es.
\nUn excellent exercice pour apprentis typographes, en tout cas.<\/p>\n

\"Typo<\/a><\/p>\n

Floril\u00e8ge : L’associ\u00e9 du diable,<\/a> Pulp Fiction,<\/a> Ocean eleven<\/a>, <\/a>Who’s on first? (Abbot & Costello)<\/a>, <\/a>The Big Lebowski<\/a>, <\/a>V pour Vendetta<\/a>, <\/a>Zoolander<\/a>, Fight Club<\/a>, American Beauty<\/a> (int\u00e9ressant : les sons des dialogues sont \u00f4t\u00e9s), Matrix<\/a>,… Et il n’y a pas que le cin\u00e9ma. Dans un autre genre, une petite animation<\/a> o\u00f9 la typographie n’est pas utilis\u00e9e pour \u00e9crire mais pour dessiner, un haiku<\/a>, du Jean-S\u00e9bastien Bach<\/a>, un extrait de Hamlet<\/a>, un clip pour un vieux morceau de soul music<\/a>, un clip pour un morceau de Folk<\/a>, un clip pour Weezer<\/a>, un clip pour Nine Inch Nail<\/a>, un sketche<\/a>…
\nUne tr\u00e8s p\u00e9dagogique publicit\u00e9 pour la promotion des femmes dans le tiers-monde<\/a> (signal\u00e9 par Astrid)
\nEt pour finir, un un exemple de Kinetic Typography qui traite pr\u00e9cis\u00e9ment de typographie<\/a>. (merci \u00e0 Fr\u00e9d\u00e9rique)<\/p>\n","protected":false},"excerpt":{"rendered":"

Une mode cr\u00e9ative int\u00e9ressante que l’on trouve notamment exploit\u00e9e par des amateurs sur les plate-formes de streaming : la \u00ab\u00a0Kinetic Typography\u00ab\u00a0. Il s’agit d’animations ne contenant que des lettres et illustrant par exemple une chanson ou des dialogues bien connus tir\u00e9s d’un film. Le principe n’est pas particuli\u00e8rement neuf et on peut citer de nombreuses […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,13],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-apres-cours","category-design"],"_links":{"self":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":0,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions"}],"wp:attachment":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}