{"id":6737,"date":"2019-05-21T17:23:18","date_gmt":"2019-05-21T20:23:18","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/?p=6737"},"modified":"2019-05-21T17:28:44","modified_gmt":"2019-05-21T20:28:44","slug":"kinetic-typography","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/kinetic-typography\/","title":{"rendered":"Kinetic Typography"},"content":{"rendered":"\n

Se denomina Kinetic Typography o Tipograf\u00eda Cin\u00e9tica a una t\u00e9cnica de animaci\u00f3n que combina movimientos y texto. <\/em><\/h3>\n\n\n\n

<\/em><\/p>\n\n\n\n

<\/p>\n\n\n

Los inicios de esta t\u00e9cnica se pueden rastrear a los t\u00edtulos y escenas de cr\u00e9ditos de las pel\u00edculas. M\u00e1s espec\u00edficamente al comienzo de la obra “North By Northwest”<\/a> (1960) de Alfred Hitchcock\u00a0<\/strong>en la que se puede observar la entrada y salida de lineas de texto correspondientes a los cr\u00e9ditos y t\u00edtulos, generando sensaciones en el espectador en lo que antes se le\u00eda como algo meramente formal y est\u00e1tico.<\/p>\n

Pese a que hoy en d\u00eda ya no llama tanto la atenci\u00f3n un titulo con animaci\u00f3n, en los comienzos del cine moderno era algo a lo que no se le daba tanta importancia y por lo tanto cuando se le introdujo movimiento se abri\u00f3 un nuevo paradigma en el mundo cinematogr\u00e1fico.<\/p>\n

Pero… \u00bfde qu\u00e9 o qui\u00e9n<\/em> estamos hablando?<\/strong> Uno de los pioneros en esta t\u00e9cnica fue Saul Bass,<\/strong> reconocido dise\u00f1ador gr\u00e1fico estadounidense conocido por su trabajo en la industria cinematogr\u00e1fica y en el dise\u00f1o de algunas de las identidades corporativas m\u00e1s importantes. A su vez fue quien dise\u00f1\u00f3 la introducci\u00f3n de “North By Northwest” mencionada anteriormente. Empez\u00f3 a tener m\u00e1s y m\u00e1s proyectos de este tipo, generando en el proceso los pilares de lo que m\u00e1s tarde se conocer\u00eda como “Kinetic Typography”.<\/p>\n

\n

Ejemplos de esto se pueden ver en pel\u00edculas como “The Man with the Golden Arm”<\/a> (1955) dirigida por Otto Preminger, “Psycho”<\/a> (1960) dirigida por Alfred Hitchcock, y la famosa introducci\u00f3n de “Anatomy of a murder”<\/a> (1959) pel\u00edcula tambi\u00e9n dirigida por Otto Preminger.<\/em><\/p>\n

\n

Estos son s\u00f3lo algunos ejemplos, en este link <\/a>se encuentra una playlist con la mayor\u00eda de los trabajos de Bass y en este otro se encuentra un documental<\/a> en donde explica el por qu\u00e9 de cada proyecto.\u00a0<\/p>\n

En la actualidad<\/strong><\/h4>\n

El progreso desde los t\u00edtulos de cine animados manualmente hacia nuestros d\u00edas no fue poco. Pasando por la representaci\u00f3n de escenas o di\u00e1logos<\/a> hechos con software de edici\u00f3n hasta lo m\u00e1s nuevo que es usando lenguaje de programaci\u00f3n, la tipograf\u00eda cin\u00e9tica todav\u00eda tiene un largo camino que recorrer.<\/p>\n

La distribuci\u00f3n un poco m\u00e1s abierta de recursos genera un flujo de proyectos que antes era impensado. Artistas nuevos surgen todos los d\u00edas, y no hay limites en la forma que se puede integrar esta t\u00e9cnica a los distintos medios (ya sea edificios, museos, trabajos interactivos, etc.) y las figuras retoricas que se pueden emplear (repetici\u00f3n, exageraci\u00f3n, comparaci\u00f3n, etc.) sin contar cuando tambi\u00e9n se usan sonidos junto a la tipograf\u00eda en movimiento.<\/p>\n

Por esa raz\u00f3n este tema y las reflexiones que se generen de \u00e9l no son algo que se pueda definir de una vez y para todas, ya que esta t\u00e9cnica va evolucionando continuamente y siempre hay cambios de los que hablar.<\/p>\n

Algunos ejemplos<\/strong><\/p>\n

\"Feint<\/a>
Kinetic Aesthetic 2.2, pieza conceptual de Feint.<\/figcaption><\/figure>\n
\"Colaboraci\u00f3n<\/a>
Colaboraci\u00f3n de Aristide Benoist y Dan Mall<\/figcaption><\/figure>\n
\"\"<\/a>
Hecho con el c\u00f3digo de Kielm.<\/figcaption><\/figure>","protected":false},"excerpt":{"rendered":"

El progreso desde los t\u00edtulos de cine animados manualmente hacia nuestros d\u00edas no fue poco. Pasando por la representaci\u00f3n de escenas o di\u00e1logos hechos con software de edici\u00f3n hasta lo m\u00e1s nuevo que es usando lenguaje de programaci\u00f3n, la tipograf\u00eda cin\u00e9tica todav\u00eda tiene un largo camino que recorrer.<\/p>\n","protected":false},"author":48,"featured_media":6777,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Kinetic Typography #\u200eTipoblog #Tipografía2 #CátedraCosgaya #\u200eFADU #\u200eUBA","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[24,29,34],"tags":[53,55,51,52,48],"class_list":["post-6737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arte","category-historia","category-tecnologia","tag-disenadores","tag-historia","tag-kinetic-typography","tag-motion-graphics","tag-tipografia"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/workflow_wheel.gif?fit=800%2C600&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paXRK8-1KF","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/6737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/comments?post=6737"}],"version-history":[{"count":50,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/6737\/revisions"}],"predecessor-version":[{"id":6796,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/6737\/revisions\/6796"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/media\/6777"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/media?parent=6737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/categories?post=6737"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/tags?post=6737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}