Graphic Design BA Thesis. "Video Institucional para la Escuela de Diseño Gráfico" by Roxy Velez

de un

aplicado en un material promocional multimedia Facultad de Diseño Escuela de Diseño gráfico Trabajo de graduación previo a la obtención del título de Diseñador Gráfico Autora: Director:

Rosana Vélez Dis. Juan Carlos Lazo Cuenca-Ecuador 2009-2010

Propuesta

de un

sistema bĂĄsico

diseĂąo grĂĄfico,

aplicado en un material promocional multimedia

La posibilidad de realizar un sue単o es lo que hace que la vida sea interesante. Paulo Coelho

Agradecimientos: Agradezco principalmente a mis padres y a mis hermanas por estar siemopre a mi lado brindándome el cariño y el apoyo que he necesitado. A mi director de tesis, Dis. Juan Lazo, por su gran apoyo con sus conocimientos que han sido una guía constante durante todo el transcurso del proyecto. Al Dis. Rafael Estrella por la atención y comedimiento que ha tenido en dirigirme en el proyecto. Y un agradecimiento especial a Dis Toa Tripaldi por su valioso aporte profesional y compartimiento de sus conocimientos conmigo.

INDICE

Frase Agradecimientos Indice Abstract

Introducción 9

11 Capítulo I DIAGNÓSTICO 13 Introducción diagnóstico

75 Capítulo III

77 Diseño - Sistema Publicitario

15 Diagnóstico - Marco Teórico

17 Introducción Marco Teórico 19 1. Publicidad 21 1.1 Sistema Publicitario 22 2. Multimedia 23 2.1 Elementos principales de una Multimedia 25 3. Motion Graphics 26 3.1 Historia y desarrollo del Motion Graphics 29 3.2 Requerimientos para un Motion Graphics 30 3.3 Especificaciones Técnicas 31 3.4 Evolución del Diseño Gráfico 32 4. Principios de la animación 37 5. Cromática 38 6. Disponibilidad de elementos en la composición 39 7. Tipografía en movimiento 41 8. Producción 53 Diagnóstico - Homólogos 59 Diagnóstico - Investigación de campo Capítulo II PROGRAMACIÓN 63 Programación - Forma 65

66 Tipografía y Cromática 67 Programación - Función 68 Función 69 Storyboard textual 70 Programación - Tecnología 71 Programación - Mercadeo 73

DISEÑO

83 Diseño - Manueal del Sistema Publicitario

87 Diseño - Material Promocional 88 89 94 98 114 131 132 133

Multimedia

Conceptualización Bocetaje Bocetaje digital Recopilación de información Producción - Retoque fotográfico Producción - Tipografía Kinética Producción - Timing Post-producción

135 Resultado - Tomas de Pantalla

Conclusiones

151

Bibliografía

153

Anexos

155

Estética y elementos del Video Institucional

INTRODUCCIÓN La Escuela de Diseño Gráfico de la Facultad de Diseño de la universidad del Azuay, a pesar de su alto prestigio, su participación en eventos y de su crecimiento constante, tiene una carencia de promoción interna y externa ante la sociedad. Las publicidades realizadas anteriormente en la facultad no han seguido ningún sistema, en cuando a desarrollo de las mismas. Por lo tanto debido a que cada publicidad no tiene tipología con ninguna otra publicidad realizada anteriormente; la sociedad no ha podido relacionarlas. A partir de ésta situación, surge la motivación personal de aportar a la escuela de Diseño Gráfico con un sistema publicitario que cree un orden del cual se pueda partir para realizar cualquier publicidad necesaria. Así mismo establecer un asentamiento de la misma imagen de la escuela. Una manera de llegar al público en una publicidad es guiándose por las tendencias, así mismo la facultad de Diseño se caracteriza por buscar constantemente estar a la vanguardia con las nuevas tendencias. La disciplina de motion graphics es una tendencia utilizada en Estados Unidos desde hace algunos años atrás, poco a poco la misma debido a su éxito se ha expandido hacia otros países llegando hace poco a Ecuador, y por lo mismo muy pocas personas conocen o abran escuchado de la misma. Algunos expertos la consideran como la próxima evolución que afecta a los diseñadores gráficos, es el paso del diseño estático a al diseño en movimiento. Aquí nace la motivación personal de aprender y conocer más sobre los motion graphics, utilizando a éste aprendizaje en realizar una pieza publicitaria que busca proporciona información de una manera atractiva, sin limitaciones de tiempo ni espacio.

cap铆tulo I

Diagn贸stico

Introducción Diagnóstico

El capítulo del diagnóstico está dividido en 3 partes. La primera parte llamada marco teórico trata como su nombre indica sobre la teoría necesaria para desarrollar este proyecto de tesis. La segunda parte indica los homólogos tomados según su forma, función o tecnología, que señalan las aspiraciones finales del proyecto. La tercera parte del diagnóstico explica labor personal en el proceso de investigación, seguida con una conclusión de la misma.

Diagnóstico MARCO TEÓRICO

Introducción Marco Teórico

Dentro del marco teórico inicialmente se abarca sobre el tema de la publicidad, en el cual a más de entender el concepto se comprende sobre los diferentes efectos que la misma puede producir en el usuario a través de una correcta estrategia publicitaria. Seguido de la explicación del sistema publicitario, el mismo que se debe utilizar para el desarrollo de éste proyecto de tesis, explicando aquí su subdivisión inicial.

de motion graphics, Matt Franz, sobre la evolución lógica de los gráficos estáticos a los gráficos en movimiento.

A continuación, dado que el sistema será aplicado en un material promocional multimedia, el siguiente tema a tratar es el de la multimedia; iniciando por su concepto general, seguido por los principales elementos de la misma.

tema a tratar y aquí se enumeran y explican cada uno de los principios que logran que la labor de la animación se considere una forma de arte.

Ya que el concepto de multimedia hace referencia a ser la combinación de varios elementos que tienen el objetivo de convertirse en una unidad de fácil uso, la disciplina de la multimedia elegida es la de los motion graphics, por lo mismo que a continuación se abarca su concepto, su historia, las habilidades requeridas para un creador de motion graphics, así como también las especificaciones técnicas requeridas. Concluyendo éste tema, con el punto de vista de un distinguido diseñador

Los proyectos de motion graphics, al desarrollarse, necesitan seguir ciertas pautas y normas para obtener una sensación de realidad en sus animaciones. A éstas se las llama principios de la animación, éste es el siguiente

Siguiendo con las exigencias requeridas en un proyecto para comunicarse con el público de una manera legible y pregnante. Partiendo desde la cromática, a la disponibilidad de elementos en la composición y la tipografía espaciotemporal, que es la que apoya y respalda el mensaje a comunicarse en una composición. El último tema a tratar dentro del marco teórico es el de la producción, el mismo que indica como lograr diferentes emociones en la audiencia realizando específicas tomas, ángulos y movimientos con una cámara virtual, ésta misma proporcionada por el software a utilizarse.

1. Publicidad

Según William Wells, Sandra Moriarty y Jhon Burnett, la gran publicidad es la que tiene un impacto y genera el efecto deseado en la audiencia.

Efectos detrás de la publicidad eficaz

El proceso se inicia con un emisor, que transmite un mensaje por medio de un canal hacia el receptor que decodifica el mismo, realizando una retroalimentación al emisor mediante su respuesta o reacción ante el mensaje. Un anunciante procura predecir ésta respuesta, para medir él éxito de la publicidad. El mensaje transmitido puede ser en palabras, pero en su mayoría son de carácter visual.

Mediante una correcta estrategia de publicidad, los anunciantes obtienen los efectos deseados en el cliente. Los seis posibles efectos son: 1. Percibir (percepción) 2. Comprender (cognición) 3. Sentir(afectivo/emoción) 4. Conectar (asociación) 5. Creer (persuasión) 6. Actuar (comportamiento)

BURNETT, Jhon. MORIARTY, Sandra. WELLS, William. Publicidad, principios y práctica.México, Pearson educación de México, 2007.

- Publicidad -

Percepción

Cognición

Efecto que busca ser notado, es recibido a través de los cinco sentidos. Un anunciante busca inducir la marca en la memoria al consumidor. Sus componentes son, 1. Exposición; que principalmente busca ser notado para hacer contacto con la audiencia meta. 2. Selección y atención, que busca captar la atención del usuario. 3. Interés y relevancia, intenta llegar en un nivel personal al usuario. 4. Conciencia, es cuando el anuncio llega al subconsciente de la persona. 5. Memoria o reconocimiento de haber visto la publicidad.

Formas de responder a un mensaje: Necesidad que se crea con el resultado de un deseo producido por parte del usuario. Información. Aprendizaje cognitivo. Entender las diferencias entre las marcas competitivas. Memoria.

La publicidad subliminal es la que llega al cliente mediante mensajes que no son visibles y están diseñadas para pasar un mensaje al subconsciente.

Respuesta afectiva Los sentimientos del usuario son manipulados por la publicidad con el fin de obtener lo deseado por el anunciante.

Asociación Relación producida por el anuncio entre la marca y sus

características. Sus componentes son el simbolismo, que representa una cualidad específica.

Persuación Es producida por el anunciante al intentar motivar al consumidor a adoptar un pensamiento en función de la marca. Esta se genera por medio de argumentos racionales y por medio de emociones.

Comportamiento Tiene la intención de motivar al usuario a tomar una acción predeterminada. Sus componentes son: probar, comprar, contacto y prevención del comportamiento no deseado.

BURNETT, Jhon. MORIARTY, Sandra. WELLS, William. Publicidad, principios y práctica.México, Pearson educación de México, 2007.

1. 1 Sistema Publicitario

El sistema básico a realizarse en ésta tesis es un sistema Publicitario. Este sistema establece conceptos claves para la publicidad a realizarse y se subdide en dos subsistemas: Sistema conceptual y sistema estructural gráfico.

Sistema Conceptual: implica el contexto actual de la Facultad. Sistema estructural gráfico: implica todas las determinantes en cuanto a la gráfica, cromática, tipografía, estética, etc. Así como también establece las condicionantes de diseño.

BURNETT, Jhon. MORIARTY, Sandra. WELLS, William. Publicidad, principios y práctica.México, Pearson educación de México, 2007.

2. Multimedia

Combinación de varios elementos, como gráfica, sonido y video, que tienen el objetivo de convertirse en una unidad de fácil uso y mejor que la suma de sus partes. Este soporte, debido a la variabilidad en sus elementos, se puede aplicar en varias áreas, ya sea como en el arte, entretenimiento, negocios, educación, etc. Según Lisa Lopuck es importante entender el proceso creativo y pensar estratégicamente sobre como organizar información para una multimedia. Su estructura es el resultado de la combinación de el software que físicamente sostiene a todo en una unidad, la ergonomía de la interacción del usuario y el mensaje. La elección del software y la innovadora interfase de diseño tiene profundo efecto en el producto final.

LOPUCK, Lisa. Designing Multimedia. Berkeley, Peachpit Press, 1996.

2.1 Elementos Principales de una Multimedia

Figura 1.

Lluvia de ideas Primordialmente se determina el target; edad, género, nacionalidad; estos aspectos tienen un fuerte impacto en cuanto al diseño gráfico, la interacción del usuario y su estructura. A continuación se debe realizar la pregunta de ¿Porqué realizar una multimedia, que valor aportaría esta que otro soporte no pueda aportar? aquí es cuando se presentan las ideas; sean buenas o malas, aportan una importante contribución al producto final.

Storyboards Tienen el propósito de ilustrar un concepto para crear una inspiración y pensar en las posibilidades de una multimedia. Muestran los “lugares”. 1

Se basan en imágenes, en la 1ra fase se realizan bocetos sobre papel, mostrando aquí las ideas iniciales. Éstos bocetos son entendidos únicamente por el diseñador, se puede variar el ancho de los frames (cuadros) para indicar la sensación de duración y estructura. En la 2da fase se realiza un bocetaje más detallado, proporcionando al cliente una idea más clara del tono y el estilo. En la3ra fase se muestra ya los resultados con la estética, con detalles de diseño. (Figura 1) 2

Flowcharts Le da el sentido de la estructura, combinándola con la interacción del usuario. Conecta todos los lugares o ambientes ya mencionados con el story board. Al orga-

nizar una multimedia se debe pensar en los ambientes o lugares que se van a necesitar para comunicar el mensaje y como relacionarlos entre sí.

Línea de Tiempo Es responsable por dar secuencia a los eventos participantes en el proyecto multimedia.

Fotograma Es el área rectangular que limita la imagen, así también el espacio en el que se realiza la composición del video. Así mismo este al ser el limitante de espacio y de visualización, puede también funcionar como una ventana por la que se ven parte de los elementos de la

LOPUCK, Lisa. Designing Multimedia. Berkeley, Peachpit Press, 1996. WOOLMAN, Matt. BELLANTONI, Jeff. Tipos en movimiento: diseñando en el Tiempo y el Espacio. Mexico, D.F., McGraw-Hill, 2001.

-- 2.1 2.1 Elementos Elementos principales principales de de una una Multimedia multimedia --

composición o éstos mismos completos, dando una sensación al observador de que los elementos existen más allá del margen de la ventana siendo la composición un espacio de actividad mayor al que se visualiza. Al variar la escala de los elementos dentro del fotograma, se crea una impresión de profundidad. Mientras el elemento sea más grande: la audiencia se encontrará más cerca y mientras el elemento sea más pequeño: la audiencia se sentirá más estar lejos. Ésta profundidad puede reforzarse mediante contrastes de tonalidad y transparencia. La distancia que existe entre el punto más lejano y más cercano que se muestra al mirar la composición se la conoce como profundidad de campo, el mismo determina la profundidad del fotograma. El uso de una retícula puede ser de gran apoyo para asegurarse de mantener una buena legibilidad. Una

organización visual ayuda a la audiencia a leer una secuencia de una manera ordenada, si la mirada de ésta necesita moverse demasiado en el fotograma para lograr leer un texto; automáticamente existirá una falla de comunicación. 1

Lugares (ambientes) Una multimedia se desarrolla en una serie de ambientes, que constantemente evolucionan con el tiempo.

Audio

Al determinar el audio, el diseñador puede tomar decisiones con mayor facilidad en cuanto a lo que concierne a la tipografía y la gráfica. El sonido viene a ser parte integral del mensaje, ya que tiene gran influencia sobre éste. Su clasificación es en literal y abstracto. El literal apoya a la realidad, comunica un mensaje directo, por ejemplo cuando hay un lector a lo largo de la secuencia, o sonidos ambientales. El sonido abstracto, puede ser un tema musical; no es necesario para la secuencia, pero sí proporciona un aporte emotivo del mensaje.1

La música y el sonido pueden contribuir inmensamente al diseño multimedia, ya que ayuda a determinar el tono de la multimedia.2 LOPUCK, Lisa. Designing Multimedia. Berkeley, Peachpit Press, 1996.

WOOLMAN, Matt. BELLANTONI, Jeff. Tipos en movimiento: diseñando en el Tiempo y el Espacio. Mexico, D.F., McGraw-Hill, 2001.

3. Motion Graphics 3. Motion Graphics

Hay varios conceptos que definen el motion graphics. Según Matt Frantz, a definición más clara y acertada es que el motion graphics hace referencia a una composición visual diseñada que se basa en lo no narrativo y lo no figurativo que tiene una transición con el paso del tiempo (ver Figura 2).

Figura 2. Un típico ejemplo de Motion Graphics. Fotografía de 5 cuadros individuales de un video de 20 segundos. Diagramado por Matt Frantz.

En virtud de esta descripción general, un signo restaurante giratorio podría clasificarse como de gráficos en movimiento, lo cual sería incorrecto. Sin embargo, un signo fijo, que presenta imágenes secuenciales de los diseños que cambian con el tiempo sería un ejemplo de motion graphics. Existe una gran diferencia entre una composición visual diseñada que se basa en lo no narrativo y lo no figurativo con la definición más general de la animación o el cine. Un motion graphics a menudo incorpora vídeo, cine, animación, fotografía, ilustración, y la música. Los límites de estas formas de arte son difíciles de delimitar, sobre todo con las obras multimedia. Un vídeo o película de un objeto en movimiento real no puede ser considerado como motion graphics, a no ser que las composiciones estén integradas por elementos de diseño, como tipografía, formas o líneas.

FRANTZ, Matt. “Changing Over Time: The Future of Motion Graphics.” 16 05 2003. 10 Nov 2009. <http://www.mattfrantz.com/thesisandresearch/motiongraphics.html/>.

3.1 Historia y desarrollo del Motion Graphics 3.1 Historia y desarrollo del Motion Graphics

Figura 3. Las líneas blancas se mueven en la pantalla alrededor de los textos en diferentes formas geométricas, hasta finalmente unirse para formar un gráfico de un brazo torcido.

Según la conferencia del 2003 de la Macworld y el sitio web Expo, la forma de arte del motion graphics nació en la década de 1990. La creencia de que el motion graphics es un invento de la última década es muy común, incluso entre profesionales, pero el motion graphics ha existido desde al menos el año de 1955. El primer artista significante del motion graphics que tuvo un respaldo tradicional de diseño gráfico fue Saul Bass (1920-1996). Él diseñó el las secuencias en los títulos para muchas películas populares como: The Man With The Golden Arm (1955), Vertigo (1958), Anatomy of a Murder (1959), North by Northwest (1959), and Psycho (1960). Muchos otros diseñadores han contribuido con la evolución del motion graphics, pero Bass fue un diseñador productivo de un talento

excepcional, y se lo cita a menudo como un precursor en éste campo. Algunos de sus diseños pueden parecer relativamente simples en comparación con los estándares de hoy, pero sus diseños fueron eficaces para comunicar el tono o el tema de las películas de las cuales sus gráficos estaban introduciendo. (Ver figuras 2 y 3). En el momento en que Bass empezaba, todos los gráficos eran creados a mano o con cámaras de película, sin la ayuda de computadoras. Incluso los diseños relativamente simples requerían mucho tiempo y dinero para ser producidos. Debido a los altos costos de producción de aquel momento, era extraño utilizar el motion graphics para algo diferente de secuencias de títulos de películas. Con el crecimiento de la televisión, los motion graphics

empezaron a ser cada vez más necesitados. Steve Currran, autor de motion graphics: diseñador gráfico para televisión y cine, afirma que hasta el 1980 las tres redes que dominaban en aquella época (ABC, CBS y NBC) utilizaban gráficos que consistían un poco más que un simple vuelo logos. Así también los gráficos eran productos de la tecnología y la cultura corporativa, más que de creatividad y talento. Una vez que se difundió la televisión por cable, y MTV (Music Television) se convirtió en un componente cultural importante, la necesidad de utilizar gráficos cautivadores al aire aumentó. Los nuevos y pequeños canales empezaron a utilizar motion graphics como una forma de crear una imagen que pudiera agradar a un público determinado, opuestamente a la imagen generalizada de las tres gran-

FRANTZ, Matt. “Changing Over Time: The Future of Motion Graphics.” 16 05 2003. 10 Nov 2009. <http://www.mattfrantz.com/thesisandresearch/motiongraphics.html/>.

-- 3.1 3.1 Historia Historia yy desarrollo desarrollo del del Motion Motion Graphics Graphics --

Figura 4. La secuencia del título consiste en texto que se escala hacia fuera desde el centro de la pantalla sobre una imagen de los ojos de una mujer. A continuación, una forma de espiral geométrica gira y crece desde el centro, también superpuesto a las imágenes fotográficas.

des redes dominantes. Además de la popularidad de la televisión por cable en la década de 1980, los juegos de video y cintas de vídeo empezaron a crear una demanda adicional de gráficos en movimiento. Los Vídeo juegos se encontraban en un período de rápido crecimiento, y existía una gran demanda en cuanto a diseñadores que puedan crear gráficos dentro de las limitaciones de la tecnología de aquel el momento. La popularidad de BETA y cintas de vídeo VHS alentó los productores de películas independientes, artistas, y las empresas a publicar sus propias películas, conciertos y manifestaciones. Esto creó una mayor demanda de diseñadores para crear la apertura de los títulos de videos. Las tendencias de la década de 1980 continuaron en la década de 1990 en cuanto a los juegos de video, las

películas, y gráficos de transmisión, continando así como una fuente de empleo para los diseñadores de motion graphics. Los grandes avances en la tecnología crearon un cambio en la manera en que los diseñadores trabajaban. Durante la década de 1990 los ordenadores fueron habilitados para la de edición de vídeo, empezando así los diseñadores a trabajar con equipos de trabajo digitales.

cuesta alrededor $1200 y puede utilizarse para crear motion graphics de alta calidad. Como resultado los diseñadores de motion graphics en la actualidad tienen mas opciones creativas que nunca.

Durante los inicios de la década, las computadoras capaces de producir gráficos de alta calidad de transmisión tenían un precio muy alto ($ 30.000 y más), y no era común encontrar un diseñador de motion graphics que trabajara de manera independiente, ya que las empresas eran los que tenían estos equipos. A diferencia de ahora, en el presente año, un computador Apple

FRANTZ, Matt. “Changing Over Time: The Future of Motion Graphics.” 16 05 2003. 10 Nov 2009. <http://www.mattfrantz.com/thesisandresearch/motiongraphics.html/>.

-- 3.1 3.1 Historia Historia yy desarrollo desarrollo del del Motion Motion Graphics Graphics --

Figura 5. Apertura de los partidos del mundial, realizada por la empresa “Prologue” de Kyle Cooper De todos los diseñadores de motion graphics actuales, Kyle Cooper es probable el candidato más popular e influyente. Él ha diseñado las secuencias de más de 100 títulos para películas y programas de televisión. Algunas películas importantes en las que ha diseñado la apertura de la secuencia de los títulos son The Forgotten, Iron Man 2, Robin Hood. En la actualidad es el encargado de las secuencias de los comerciales de ESPN del mundial SudAfrica 2010. Sus trabajos son considerados por muchos profesionales como ejemplos de los más exitosos Motion Graphics.

FRANTZ, Matt. “Changing Over Time: The Future of Motion Graphics.” 16 05 2003. 10 Nov 2009. <http://www.mattfrantz.com/thesisandresearch/motiongraphics.html/>.

3.2 3.2 Requerimientos Requerimientos para para un un Motion Motion graphics graphics

Las principales disciplinas que se integran en el campo del Motion Graphics, son: diseño gráfico (incluyendo diseño web), la fotografía, cine, vídeo, animación y producción de audio. Por lo tanto es una disciplina que se deriva de varias disciplinas. Por ejemplo, un diseñador de comerciales de televisión debe entender los principios básicos de la publicidad, normas de diseño, y tener desarrollada su destreza visual para ser capaz de fusionar el mismo con la música elegida. Desde incorporar logos en los sitios web a incorporar videos que contienen gráficos fijos con animaciones y efectos de sonido, sería extraño que se necesite una sola habilidad ya que éstas disciplinas están fundamentalmente relacionados entre sí.

Figura 6. Secuencia de títulos de la serie: “Pushing Daisies”, realizada por la empresa “Prologue” de Kyle Cooper

FRANTZ, Matt. “Changing Over Time: The Future of Motion Graphics.” 16 05 2003. 10 Nov 2009. <http://www.mattfrantz.com/thesisandresearch/motiongraphics.html/>.

3.3 Especificaciones Técnicas 3.3 Especificaciones Técnicas

Audio Una secuencia de una película, video y digitales se categorizan según el formato, la frecuencia de fotogramas y la resolución de presentación. Formato: Quiktime Frecuencia de fotograma: Cualquiera, 15/30 es común Resolución de presentación (pixels): Cualquiera, común en relación a 4:3 640 x 480, toda la pantalla

El Audio digital se categoriza en mono y en estereo, y se lo mide en frecuencias de muestreo y resoluciones de bits. Las frecuencias de muestreo y las resoluciones mayores crean archivos más grandes, por lo que para éstas es necesario un computador de gran capacidad, con el fin de obtener un sonido de mejor calidad y más amplitud.

NTSC,( National Television System Commitee). Es la codificación de video manejada en Norteamérica, parte de Asia y America del Sur (figura 7). Con una velocidad de 29,97 fotogramas por segundo. La frecuencia de fotogramas es la velocidad de la presentación del video digital. Se mide en fotogramas por segundo “fps”.

La resolución de bits puede ser de 16-bit, 12-bit u 8bit. 44,1kHz, 32 kHz, 22,050 kHz y 11,025 kHz son frecuencias de muestreo comunes.

320 x 240, ½ pantalla 240 x 280 1/3 pantalla 160 x 120 ¼ pantalla

Figura 7. WOOLMAN, Matt. BELLANTONI, Jeff. Tipos en movimiento: diseñando en el Tiempo y el Espacio. Mexico, D.F., McGraw-Hill, 2001.

3.4 Evolución del Diseño Gráfico

Evolución del diseño gráfico La próxima evolución que afectan a los diseñadores gráficos será la expansión más allá de las imágenes estáticas a los diseños que cambian con el tiempo. El diseño motion graphic ha sido considerado una habilidad especial, usualmente usado por artistas que se concentran en diseño para la publicidad, telivisión y películas.

Según Matt Franz, distinguido diseñador de motion graphics sostiene que dentro de los próximos 10 años, no sólo la mayoría de diseñadores gráficos trabajarán con los medios de comunicación multimedia, sino la población en general asociarán el diseño gráfico más con imágenes en movimiento en pantallas de televisión o monitores de computadoras. La asociación actual de diseño gráfico con imágenes y textos impresos en papel, textiles o rotulación seguirá existiendo, pero la común creencia de que el diseño gráfico se refiere sólo a las imágenes estáticas desaparecerán por completo. Para los que siguen las últimas tendencias del diseño y la tecnología, la creciente presencia del motion graphics en la televisión, el Internet, y las formas de entretenimiento, como películas y juegos de video, es una evolución obvia y lógica de gráficos estáticos.

FRANTZ, Matt. “Changing Over Time: The Future of Motion Graphics.” 16 05 2003. 10 Nov 2009. <http://www.mattfrantz.com/thesisandresearch/motiongraphics.html/>.

4. 4. Principios Principios de de la la animación animación Según Isaac Kerlow, autor del libro ‘The Art of 3D Computer Animation and Effects’ en los años 30, los animadores de los estudios de Walt Disney crearon los principios para crear animaciones. Los mismo que lograron que la labor de la animación evolucione a ser una forma de arte. En la actualidad éstos principios son de gran importancia para conseguir una sensación de realidad en las animaciones, ya sea para peliculas animadas o proyectos de motion Graphics. Estos principios, debido a la tecnología han debido evolucionar con una reinterpretación hacia la animación 3D.

Anónimo. “los 12 principios de isaac kerlow” 04 Jun 2010. <http://www.3dyanimacion.com/nota_tapa.cfm?link=12principios/> PETERSON, Jamie “Principles of animation for motionographers, part I” 07 10 2009. 06 Jun 2010 <http://www.fuelyourmotionography.com/principles-ofanimation-for-motionographers-part-1-of-3/>

-- 4. 4. Principios Principios de de la la animación animación --

Encoger y estirar Es considerado como el principio más importante, se basa la exageración de la deformación de la masa del objeto animado, la misma que depende de la velocidad y la inercia. Un ejemplo común para describir este principio: Figura 27

Figura 27.

4. Principios Principios de de la la animación animación --- 4. Anticipación Como su palabra lo dice, consiste en la anticipación, anunciación de una acción; tiene el objetivo expectativa en el espectador. Un buen ejemplo para describir este principio es el de las caricaturas de Wile E, del coyote con el corre caminos: un momento de anticipación en éstas caricaturas, es cuando el coyote permanece en el aire después de darse cuenta que ya no está pisando nada y se sabe lo que está por venir.

Figura 28.

Anónimo. “los 12 principios de isaac kerlow” 04 Jun 2010. <http://www.3dyanimacion.com/nota_tapa.cfm?link=12principios/ PETERSON, Jamie “Principles of animation for motionographers, part I” 07 10 2009. 06 Jun 2010 <http://www.fuelyourmotionography.com/principles-of-animation-formotionographers-part-1-of-3/>

-- 4. 4. Principios Principios de de la la animación animación -Puesta en escena Se refiere a establecer el ambiente de la escena, según la intención de la misma, con una composición en la cual los objetos tiene una posición clave que guía así a la mirada del espectador hacia la acción principal. Entre las técnicas más comunes están: Utilizar la regla de los tercios, para guiar la mirada a uno de los cuatro puntos focales. (Figura 29) Usar contraste con ayuda de luz, movimiento o profundidad de campo. (Figura 30) Guiar la mirada a un punto. (Figura 31)

Figura 29.

Figura 31. Figura 30. Anónimo. “los 12 principios de isaac kerlow” 04 Jun 2010. <http://www.3dyanimacion.com/nota_tapa.cfm?link=12principios/ PETERSON, Jamie “Principles of animation for motionographers, part I” 07 10 2009. 06 Jun 2010 <http://www.fuelyourmotionography.com/principles-ofanimation-for-motionographers-part-1-of-3/>

4. Principios Principios de de la la animación animación --- 4. Acción directa

Arcos

Acción secundaria

La acción directa se basa en una animación fluida e imprescindible, para esta influye mucho la creatividad ya que no existe un planeamiento exacto del resultado.

Todo ser vivo por naturaleza realiza movimientos circulares al moverse. (Figura 32)

Se usa para darle aporte e impacto a la acción principal, sin que ésta esté recargada para no robar la atención de la principal.

Pose a pose

Sentido del tiempo (Timing)

Desarrolla un planteamiento de las poses clave a realizar, por lo mismo que ésta animación es más controlada. Se puede mezclar con la técnica de acción directa.

Hace referencia al número de cuadros que se necesita para completar una acción, es decir el tiempo que se necesita para realizar toma del sujeto, gracias a éste principio se puede definir la contextura del objeto, su peso y dinamismo. También tiene el objetivo de controlar su duración, y así mismo la legibilidad: tomas ni muy rápidas, ni tampoco muy lentas. Al mismo tiempo creando emociones de relajación o excitación en la audiencia.

Acción continuada Esta técnica se encarga de dar los detalles de movimiento a la escena. Es muy comúnmente usada en la animación 3D, por ejemplo simulaciones de ropa, etc. Principalmente indica como se siente el personaje después de la acción.

Frenadas y arrancadas La acción tiene una arrancada lenta y una frenada lenta, con el fin de crear realismo.

Figura 32.

Exageración Sirve para acentuar la esencia de la acción. Se puede realizar con la manipulación de la iluminación, cromática, sonido, tomas, etc. Crea emoción y atención por parte de la audiencia.

Anónimo. “los 12 principios de isaac kerlow” 04 Jun 2010. <http://www.3dyanimacion.com/nota_tapa.cfm?link=12principios/

PETERSON, Jamie “Principles of animation for motionographers, part II” 14 10 2009. 07 Jun 2010 <http://www.fuelyourmotionography.com/principles-of-animation-formotionographers-part-2-of-3/> PETERSON, Jamie “Principles of animation for motionographers, part III” 21 10 2009. 08 Jun 2010 <http://www.fuelyourmotionography.com/principles-of-animation-formotionographers-part-3-of-3/>

5. Cromática Color La luminosidad, la saturación, el contraste y la temperatura se les conoce como propiedades del color. La luminosidad es lo claro u oscuro. La saturación es la intensidad pura del color. En cuanto a la temperatura, las tonalidades cálidas, al contrario de las tonalidades frías: son menos apropiadas para los fondos de pantalla, ya que se aumenta la intensidad con un resultado de obtener una vibración del color. Por lo tanto los colores tienen la capacidad de provocar una reacción física y emocional en la audiencia.

distrayendo a la audiencia. Al contrario los contrastes cromáticos sutiles crearán fuentes difíciles de leer. En el caso de lectura en pantalla, el color claro predomina ante el color oscuro. Si se utiliza un fondo de color oscuro con una tipografía de color clara, la fuente dará la impresión de tener mayor tamaño, ya que la fuente clara se extiende al color oscuro que la rodea; siendo así más llamativa. Otro factor que perjudica a la legibilidad es utilizar tipografía con astas muy finas, muy estrechas o muy pequeñas

Un contraste cromático demasiado drástico entre la fuente y el fondo nos proporcionará una vibración de pantalla, lo cual perjudica la legibilidad molestando y

Figura 9.

WOOLMAN, Matt. BELLANTONI, Jeff. Tipos en movimiento: diseñando en el Tiempo y el Espacio. Mexico, D.F., McGraw-Hill, 2001.

6. 6. Disponibilidad Disponibilidad de de elementos elementos en en la la composición composición

Una correcta proximidad secuencial de los elementos asegura que la mirada de la audiencia pueda leer de una manera armoniosa el mensaje. La disposición de los elementos dentro de un fotograma, determinan si el fotograma es abierto o cerrado. Es cerrado cuando se tiene todos los elementos dentro del fotograma y éstos están a la vista de la audiencia. Es abierto cuando los elementos se salen del fotograma, es decir la audiencia los mira como si los estuviera mirando a través de una ventana, ya que los elementos no se encuentran todo el tiempo a la vista del público. En cuando a la tipografía, la disposición de ésta dentro y fuera del fotograma se la clasifica como disonante o consonante. Se llama disonante cuando la animación tipográfica se sale del fotograma, sin limitación de espacio. Se llama consonancia cuando toda la animación tipográfica se encuentra dentro del fotograma. Es común que la disposición disonante y se transforme en consonante y viceversa.

WOOLMAN, Matt. BELLANTONI, Jeff. Tipos en movimiento: diseñando en el Tiempo y el Espacio. Mexico, D.F., McGraw-Hill, 2001.

7. 7. Tipografía Tipografía en en movimiento movimiento A la tipografía se la conoce como un arte y una técnica usada para transmitir un mensaje. En el caso de la tipografía impresa, el lector navega por la página, leyendo los tipos estáticos. En la tipografía espaciotemporal, la tipografía interactúa en movimiento dentro de la pantalla. Se crea una experiencia fugaz, de una momento que al acabar no queda nada más que la impresión; la misma que es intangible.

La tipografía es un medio que se utiliza en una composición con el fin de transmitir un mensaje directo. El contexto que ésta usa se lo conoce como el entorno en donde se la encuentra, por ejemplo una hoja de un libro, una banner, una secuencia de títulos de una película, una página web, etc.

Cuando la tipografía interactúa en movimiento dentro de una pantalla, en su mayoría se presenta únicamente: en palabras solas o frases sueltas; ya que un texto largo no sería legible en un video. Las secuencias de tipografía en forma de frases cortas son diseñadas para preguntar algo, indicar algo o facilitar una muestra sonora “visual”. Así éste llega a ser una especie de diálogo con la audiencia. También toma el nombre de “Tipografía kinetica”

Figura 8.

WOOLMAN, Matt. BELLANTONI, Jeff. Tipos en movimiento: diseñando en el Tiempo y el Espacio. Mexico, D.F., McGraw-Hill, 2001.

Mensaje Al interpretar las palabras, gráfica y sonido, podemos determinar estar interpretaciones como denotativas y connotativas. La interpretación denotativa es la referencia directa y específica, el público no necesita realizar mayo esfuerzo para interpretar al mensaje. La interpretación connotativa insinúa o implica, esta interpretación se lleva a cabo en la mayoría de los casos ya que las palabras no tienen el aspecto de lo que interpretan, por lo mismo al leer la palabra en su contexto secuencial creamos una imagen mental. La tipografía puede animarse para apoyar el significado de lo que quiera transmitir, teniendo así un valor de entonación del mensaje. También podemos aportar a al mensaje, al determinar un tipo de fuente, dándole así a ésta una personalidad específica.

Figura 8.

WOOLMAN, Matt. BELLANTONI, Jeff. Tipos en movimiento: diseñando en el Tiempo y el Espacio. Mexico, D.F., McGraw-Hill, 2001.

8. Producción

Tomas, ángulos y movimientos Según John Kostrzewski, en su artículo de “Know your camera” (conociendo a tu cámara), en cualquier producción, ya sea de una película o un motion graphics, el recurso principal para transmitir un mensaje es con la ayuda de una cámara. En la actualidad ya no existe la restricción de la cámara física, sino también tenemos la cámara virtual proporcionada por los softwares que ayudan a crear el ambiente deseado con diferentes tomas y ángulos; obteniendo así las diferentes emociones que se desean inducir en la audiencia.

KOSTRZEWSKI, Jhon. “Know your camera part I, shot lengths angles” 10 05 2010. 02 Jun 2010. <http:// www.fuelyourmotionography.com/know-your-camera-part-i-shotlengths-angles/>

- Producción -

Figura 10.

Figura 11.

Tomas Las tomas hacen referencia a la distancia de la cámara con el sujeto. Hay muchos tipos de distancias de cámaras, y cada uno se usa con una intención diferente.

Extreme long shot (Toma larga extrema)

Long shot (Toma larga)

Encuadran y muestran el lugar de la escena. Se las utiliza como introducción de la escena muchas veces o en sentido contrario, siempre con el objetivo de comunicar con claridad.

Muestra el sujeto principal de la escena, con el fin de llamar la atención de la audiencia hacia éste. Es creada con una toma del sujeto, desde arriba hacia abajo.

KOSTRZEWSKI, Jhon. “Know your camera part I, shot lengths angles” 10 05 2010. 02 Jun 2010. <http:// www.fuelyourmotionography.com/know-yourcamera-part-i-shot-lengths-angles/>

- Producción -

Figura 12.

Figura 13.

Medium shot (Toma media)

Close-up (Toma de acercamiento)

Medium shot (Toma media) es la mitad de una toma larga. En una película una toma del actor desde las cintura, y en motion graphics la mitad del sujeto (texto u objeto).

Muestra una parte pequeña de un sujeto, por ejemplo la llanta de un auto.

Figura 14.

Extreme close-up (Toma de acercamiento extremo) Extreme Close-up (Toma de acercamiento extremo) son tomas que muestran detalles individuales de un sujeto.

KOSTRZEWSKI, Jhon. “Know your camera part I, shot lengths angles” 10 05 2010. 02 Jun 2010. <http:// www.fuelyourmotionography.com/know-yourcamera-part-i-shot-lengths-angles/>

- Producción Eya level (Toma al nivel de los ojos) Eye level (Toma al nivel de los ojos) ángulo básico que aparenta la altura del nivel de los ojos el espectador. Figura 15.

High angle shot (Toma de ángulo alto) Indica debilidad e inferioridad del sujeto.

Ángulos Los ángulos pueden transmitir diferentes emociones en la escena, haciéndolo así lucir más profesional; para lo mismo es importante que exista una variación de ángulos.

Figura 16.

Low angle shot (Toma de ángulo bajo) Low angle shot (Toma de ángulo bajo) es lo contrario de la toma de ángulo alto, así también con el resultado opuesto; indica poder y grandeza. Figura 17.

KOSTRZEWSKI, Jhon. “Know your camera part I, shot lengths angles” 10 05 2010. 02 Jun 2010. <http:// www.fuelyourmotionography.com/know-yourcamera-part-i-shot-lengths-angles/>

- Producción Bird’s-eye view (Ángulo de vista de ave) Prepara a la escena, casi como una toma larga extrema. Se usa para mostrar cuando el sujeto viaja de un punto A a un punto B. Figura 18.

Dutch angle (Toma de ángulo torcido) Si algo no es correcto se lo muestra con éste ángulo.

Figura 19.

Over the choulder shot (Toma sobre el hombro) Son usados principalmente cuando dos personajes están conversando. Figura 20.

KOSTRZEWSKI, Jhon. “Know your camera part I, shot lengths angles” 10 05 2010. 02 Jun 2010. <http:// www.fuelyourmotionography.com/know-yourcamera-part-i-shot-lengths-angles/>

- Producción -

Movimientos La disciplina del motion graphics está basada en el movimiento, como bien su nombre lo dice. A través del uso de la cámara, y movimientos creativos el proyecto toma vida. Ya que la escena es creada digitalmente, la cámara y los sujetos pueden moverse en cualquier dirección o rotación que se puede pensar; aún así al seguir los movimientos básicos se puede conseguir mejor calidad del trabajo, y una mayor claridad del mensaje hacia la audiencia.

Movimientos del objeto La cámara no es lo único que se mueve en la escena, los objetos también pueden tener movimiento. La manera en que el objeto se mueva depende de muchos factores, incluyendo lo que es y cómo está siendo usado en la escena.

Movimientos básicos de la cámara Dolly Follow Pan Pedestal Tilt Arc