Diseño y realización del grafismo para la pieza audiovisual "¿Cómo se hace un videoclip?"

UNIVERSIDAD POLITECNICA DE VALENCIA ESCUELA POLITECNICA SUPERIOR DE GANDIA Licenciado en Comunicación Audiovisual “Diseño y realización del grafismo para la pieza audiovisual ¿Cómo se hace un videoclip?” TRABAJO FINAL DE CARRERA Autor/es: Ana Nadal Úbeda Director/es: D. José Ismael Pastor Gimeno, GANDIA, 2012 1 1. IntroduccIón Tema PRINCIPaL objeTIvos GLobaL CoNCReTos eL PoRqué deL Tema eLeGIdo La eLeCCIóN de La esTéTICa adeCuada La PIeza audIovIsuaL dIfICuLTades eNCoNTRadas y RePLaNTeamIeNTo deL PRoyeCTo 2. Metodología de trabajo para la elaboracIón de la MeMorIa del tFc 3. proceSo de creacIón del graFISMo doCumeNTaCIóN eLaboRaCIóN deL CoNCePTo e Idea vIsuaL defINICIóN de La esTRuCTuRa deL vIdeo y sus NeCesIdades NaRRaTIvas dIseño y GRabaCIóN de Los eLemeNTos CabeCeRa sePaRadoRes efeCTos ComuNes ImÁGeN y edICIóN eN afTeR effeCTs CoNTaCTo CoN eL CLIeNTe PResuPuesTo TIemPo foToGRafÍa Rodaje sINCRoNIzaCIóN PRomoCIóN foRmaCIóN RóTuLos fueNTe CoLoR 4. realIZacIón Y poStproduccIón PRoCeso de edICIóN y moNTaje eTaLoNaje dIGITaL 5. bIblIograFía 2 3 3 3 3 3 4 4 6 9 9 11 11 12 12 12 15 17 17 19 21 23 25 27 29 31 33 35 36 40 40 42 44 índIce 2 Cómo se hace un videoclip, es el título del reportaje que se hizo en la asignatura de No-ficción tutorizado por la profesora marina segarra, que realizaba su séptima edición en La mirada Cautiva, canal de difusión online creado para dar a conocer los reportajes realizados por los alumnos dentro de dicha asignatura. este canal de difusión ya dispone de su propia imagen corporativa y estructura propia, pero cada reportaje en si mismo tiene un amplio margen de libertad de edición y formato, que permite que cada pieza audiovisual pueda ser adaptada a la temática que contiene y de esta manera aportar más frescura y diversidad al proyecto de La mirada cautiva en si. a partir de ahí, empieza el diseño y la realización del grafismo de la pieza audiovisual “Cómo se hace un videoclip”, objetivo y tema principal de este proyecto. este proceso, ya fue iniciado durante la edición y montaje durante el transcurso de la asignatura, en el cual se esbozó ya el estilo y ritmo del reportaje, que se ha mantenido y se ha mejorado en su postedición como trabajo final de carrera. durante este periodo, se hizo un análisis de las necesidades gráficas como de postproducción que podrían mejorar la calidad y originalidad del reportaje. Por eso, se ha trabajado tanto en la parte gráfica: cabecera, separadores y elementos gráficos. Como en la estructura y postproducción: ritmo del reportaje, equilibrio de color y la presentación de los elementos. La entrevista a dos de los realizadores más influyentes y con gran proyección en el panorama español, por una parte Luís Cervero como parte de la productora Canada y Lyona alyona (marta Puig) como autónoma, influyeron notablemente en la decisión del estilo del reportaje. a parte de la información, tendencias, evolución y estilos que existe alrededor de los videos musicales. Con estas premisas, la información valiosa de los entrevistados que hacen ver desde un punto de vista profesional el proceso de eleboración de un clip, y la estructura y ritmo acelerado que hay alrededor del mundo de la música, crea la necesidad de transmitir este tipo de información y sentimiento en la pieza final de Cómo se hace un videoclip, para que el espectador pueda captar de un golpe de vista el contenido y transcendencia que ocurre alrededor de un videoclip. el estilo y contenido del diseño gráfico de esta pieza audiovisual contiene por una parte la imagen corporativa del canal de difusión La mirada cautiva y por otra parte, la creatividad y ritmo de un video musical, la combinación de cine y música como bien dice Lyona en la entrevista. a partir de esta frase y el proceso de creación de un video o clip se ha creado un estilo que engloba los objetivos y las necesidades de esta pieza. IntroduccIón 3 TEMA PRINCIPAL diseño y realización del grafismo para la pieza audiovisual “Cómo se hace un videoclip” OBJETIVOS GLobaL dotar de coherencia visual y narrativa a la pieza audiovisual a través del grafismo. CoNCReTos • Investigar y analizar referentes gráficos afines para ampliar el repertorio de ideas y conceptos. • encontrar la estética adecuada para la pieza audiovisual. • Crear un empaquetado gráfico coherente al contenido discursivo de este reportaje. • Reforzar la narración del producto mediante elementos tipográficos y gráficos en movimiento: cabecera, rótulos informativos, separadores de sección y elementos de continuidad de la pieza. • analizar las necesidades comunicativas de la pieza a nivel gráfico. • adecuar todo ello a la propia identidad visual del canal de distribución de esta pieza (La web de la “mirada Cautiva”) • Perfeccionar el manejo del software de postproducción after effects y Premiere Pro gracias al desarrollo de este proyecto. EL PORQUÉ DEL TEMA ELEGIDO el grafismo es una parte bastante importante de los videos que cada día, tanto por televisión como internet u otros medios de comunicación, nos rodean. Complementan a la pieza audiovisual y le da un valor estético que puede incluso determinar la calidad de la pieza final y su éxito. ya que, hoy en día, el estilo y la imagen es un gran reclamo y un punto de atención que hace destacar unas obras audiovisuales sobre otras, sobre todo con la masiva información que recibimos cada día. de ahí mi interés en desarrollar un aspecto atractivo e informativo para la pieza audiovisual “Cómo se hace un videoclip” que se desarrolló en el proyecto de No-ficción, el cual cuenta con una imagen corporativa propia venida del canal de difusión La mirada cautiva, pero que interviene de una forma sutil en la edición y montaje del clip. además, debido a la temática del reportaje (el proceso de creación de un videoclip), es imposible obviar la variedad de estilos, ritmo y la peculiaridad de estas obras tanto musicales como cinematográficas. Por tanto, el papel del grafismo se vuelve tan importante para el reportaje al igual que lo es para el diseño de un videoclip, en cuanto a su estructura, estilo y ritmo. 4 LA ELECCIóN DE LA ESTÉTICA ADECUADA PARA LA PIEzA AUDIOVISUAL el concepto visual que ha inspirado el grafismo e imagen de esta pieza es el “smPTe universal Leader” (society of motion Picture and Television engineers), segunda versión de esta cabecera creada en los años 60 para ajustar la proyección de las piezas audiovisuales tanto en televisión como en cine. este video contiene los parámetros de ajuste de sonido e imagén para la velocidad de proyección, además de una cuenta atrás desde 8. http://www.youtube.com/watch?v=GfanyT9qitu Los detalles técnicos/gráficos que aparecen en este reel se han extrapolado al concepto de creación y ajuste de una pieza original audiovisual proyectada en cualquier medio, es decir, “el cómo se hace”, que hay detrás de las cámaras, el trabajo técnico que se realiza, en este caso contado paso a paso desde la experiencia de dos destacados realizadores de videoclips y otras piezas audiovisuales del panorama español, como son Luís Cerveró desde la productora Canada y Lyona alyona como autónoma. DIfICULTADES ENCONTRADAS y REPLANTEAMIENTO DEL PROyECTO encontrar un estilo que consiga una cohesión y coherencia entre la imagen corporativa del canal de difusión y que además estuviera acorde con el concepto del reportaje de “Cómo se hace un videoclip”, al principio en teoría una tarea sencilla, tras la documentación, no se propuso un diseño definido que fue derivando a un concepto un tanto 5 confuso y nada acorde con los objetivos establecidos anteriormente. de esta manera probando las posibilidades del programa de after effects surgieron diferentes ideas sin un estilo fijo, que quedaron en diseños al principio poco interesantes y monótonos. de esta forma, se cambió varias veces las composiciones, colores, mezclas de los elementos… sin llegar a una conclusión. de esta manera, y tras una valoración de lo hecho, la conclusión de todos estos diseños se centraban en la misma idea de la combinación de la cuenta atrás, más la grabación de elementos metafóricos para que representasen los diferentes temas que iban a tener los separadores. esta idea llevó a volver a la idea inicial, que aunque más sencilla, tenia más coherencia con la idea que se quiere transmitir, el proceso de creación de un videoclip, es decir, el trabajo que hay detrás de las cámaras para crear un video musical. y las marcas de esta cabecera inspiraron este tipo de concepto. 6 definir los objetivos y resaltar los más importantes es el primer paso para desarrollar y organizar la metodología de trabajo. una vez claro el objetivo principal, diseñar y realizar el grafismo para la pieza audiovisual “Cómo se hace un videoclip”, empieza el proceso de documentación anotando cada recurso y referencia relevante para el trabajo en el cuaderno de campo, de esta forma se forma una primera recolección de elementos para su posterior consulta. al mismo tiempo que se investiga se van anotando las primeras ideas, un primer brainstorming conforme vas avanzado en la documentación. estas anotaciones son esenciales para avanzar hacia un mismo concepto y crear el estilo visual conforme a las necesidades de la pieza. Con toda esta información en un mismo sitio y escrita, te permite tener este cuaderno como libro de consultas para no olvidar ninguna de las ideas, recursos o la procedencia de los mismos, y de esta forma centrar la atención en el proceso de creatividad, diseño y edición. el diseño se inspiró desde un principio en la cabecera y la cuenta atrás del smPTe universal leader. esto llevó a diferentes pruebas y versiones, a veces completamente dispares entre ellas. La evolución del diseño fue desde ser más experimental y dispar dentro de la misma secuencia de separadores y la cabecera de clip, a intentar una homogeniedad total. este fue el punto de inflexión que llevó a un replantemiento del concepto gráfico para que fuese más adecuado para los separadores de contenido. La situación se describe así: situación inicial: después de un periodo de evolución gráfica se ha llegado a un producto a fecha actual que no cumple de una forma adecuada algunos los objetivos planteados. Incidencias, la estructura e idea de los separadores resulta repetitiva y a perdido la frescura y las ideas presentadas al principio del proyecto. además de que la información a transmitir no se deja clara y evidente para que el espectador se pueda situar y entender el apartado de que se va a hablar en la entrevista o pieza audiovisual. (véase Nos 1-57) Metodología de trabajo Nº1 Nº2 Nº3 Nº4 Nº5 7 Conclusión: vuelta al concepto inicial, con un objetivo gráfico y visual más claro. en este caso se vuelve al uso metafórico de las imágenes u objetos para explicar de forma visual la temática a tratar. que aunque persistían durante toda la evolución gráfica hecha hasta ahora, habían perdido el estilo y la forma inicial, la cual son imágenes reales que le dan más profundidad y contraste con los elementos gráficos (véase Nº6-7). Los separadores muestran al espectador de forma simple y directa el contenido que se va a tratar en la entrevista. Puesto que la evolución gráfica había perdido este sentido en cierta manera (véase Nº8). se ha recuperado la primera idea en la que cada bloque (contacto cliente, presupuesto, tiempo, fotografía, rodaje, sincronización, promoción y formación) se utiliza una imagen en sentido metafórico que transmita primero el contenido del que se habla y en segundo, que pueda estar relacionado con la música; aunque lo más importante es el sentido retórico, es decir, que tenga un doble sentido. Por lo tanto, el primer paso es analizar las imágenes metafóricas utilizadas hasta ahora. buscar nuevas si es necesario. el estilo y la ejecución a seguir será la filmación de todos estos elementos/imágenes metafóricas, ya que algunas de las anteriores figuras son imágenes animadas en 2d, dándoles una textura o forma de grabación al estilo de la super8 y haciendo referencia también a ese estilo casero que también contienen los “making of” (cómo se hace), tema principal de esta pieza audiovisual. una vez se revisó lo hecho y se comparó con el primer formato que se hizo en primera estancia. se hizo una tabla en la que estaban los elementos ya grabados y las posibles imágenes que podían funcionar para dar ese sentido retórico a la imagen. Nº6 Nº7 Nº8 8 Contacto con el cliente Cable de cascos Grabar Presupuesto billetes/monedas cayendo Grabado Tiempo metrónomo Grabado estética/Imágen - Reflejo de cámara en el agua o un intrumento (buscando el propio reflejo, mirada o estilo del realizador) - Nubes Grabado Rodaje Cassette Grabado sincronización bolas de colores Grabar Promoción megáfono Grabar formación bombilla/ llave inglesa / burbujas de agua (se desplazan como las ondas sonoras, y además puede represenar las salida de la educación o experiencia. Grabado 15 Cada separador contiene un video con una imagen metafórica que refleja el contenido del que se va a hablar en ese bloque. de esta manera se sustituye el escribir esplícitamente la pregunta. La imagen va acompañada por elementos que hacen referencia a la cabecera smPTe universal Leader al igual que lo hace la misma cabecera de este reportaje. estos elementos sustituyen las imágenes de la cabecera original por elementos relacionados primero, con la identidad visual del canal de difusión La mirada cautiva, y segundo,el apoyo con títulos a las imágenes grabadas para reforzar el significado de la imagen. También se incluyen formas gráficas inspiradas en el original. efeCTos ComuNes Los separadores han sido editados en after effects, todos los videos tienen en común el efecto desenfoque de la parte superior e inferior del plano, el uso de imagen invertida y el efecto Channel Combiner . el resto de efectos se van alternando según el separador. el efecto desenfoque Lens blur está aplicado a través de una precomposición para que pueda crear los bordes desenfocados. Primero se crea la precomposición con un sólido negro y otro blanco. al negro se le aplica una máscara deseada para la zona de enfoque con valores aproximados de feather 130px y expansion 60px. el sólido blanco se situará debajo del negro para precomponer. se vuelve a la imagen o video que se quiere desenfocar y se aplica el efecto de Lens blur y se marca la opción depht map layer: PreComp. de esta forma con la precomposicón arriba de la capa del video y con la opción vista quitada se crea el efecto de bordes desenfocados véase (Nº18). Por otra parte la imagen con el efecto Invert, como bien su nombre indica, invierte los colores. Para crear el efecto negativo, las imagenes se cambian al blanco y negro. al igual que en la cabecera, se aplica el efecto del Channel Combiner , para simular un efecto parecido al 3d. de esta manera se procede como se ha explicado en la Nº18 16 parte de la cabecera. Con la diferencia que, además de elementos gráficos como símbolos o títulos, también se ha aplicado este efecto a los videos grabados para cada separador. 17 ImaGeN y edICIoN eN afTeR effeCTs CoNTaCTo CoN eL CLIeNTe Imagen: Cascos colgados en una puerta, de izquierda a derecha, el cable como el de teléfono, luego los cascos por donde se escucha la música del grupo/cantante más la puerta abierta representa como la forma de contacto que se establece entre cliente y realizador. efecto video Invert + black and White +Lens blur* * efecto bordes desenfocados Texto creado en after effects con el efecto Gaussian blur 18 Textos creados en after effects con un efecto de Gaussian blur para recrear el estilo del universal Leader reel. 19 PResuPuesTo Imagen: Combinación de billetes y monedas cayendo al suelo. Representación de la cantidad de dinero que se invierte para producir un videoclip. Contrast + Correction Color + Lens blur Texto original creado en Ilustrator + efecto Channel Combiner + efecto Gaussian blur 20 elementos creados en Ilustrator + efecto Gaussian blur 21 TIemPo Imagen: metrónomo oscilando, es una analogía tanto a la música, el ritmo, como al tiempo que se pasa para realizar una producción de videoclip. efectos aplicados: Color balance + brightness&Contrast + Lens blur dos capas del mismo video superpuestas. La imagen superior tien dos máscaras y a la imagen visible tiene un efecto Invert con un retoque del brillo y contraste. 22 Imagen sin retoque de color, con un titulo superpuesto con el efecto de Gaussian blur. efecto Channel Combiner sobre video. 23 foToGRafÍa Imagen: Nubes que van oscilando de color. es una imagen vacia, que busca el encuadre y el equilibrio de la composición, dejando libre pensamiento a la imaginación. video con color original. Título con el efecto Gaussian blur . efectos aplicados: Color balance + brightness&Contrast + Lens blur 24 efecto Channel Combiner sobre elemento gráfico propio de la imagen corporativa del canal de difusión. efectos aplicados sobre el video: Color balance + brightness&Contrast + Lens blur. Título con el efecto Gaussian blur . 31 foRmaCIóN Imagen: Las pompas de jabón se forman y se expanden por el aire, es una analogía a la formación y proyección de los futuros realizadores de videoclips. además, también hace referencia a la distribución de las frecuencias de onda en el aire. efecto negativo: imagen en blanco y negro más invertir los colores. elementos creados en Ilustrator + efecto Gaussian blur y Channel Combiner . 32 Imagen sin retoque de color y con más brillo y contraste; con un titulo superpuesto con el efecto de Gaussian blur. Imagen sin retoque de color y con más brillo y contraste; con un titulo superpuesto con el efecto de Gaussian blur. 33 RóTuLos Hay una diferencia entre los rótulos para los entrevistados (Nº 19 y 20) y los rótulos de información o título (Nº21). el segundo, contiene un elemento gráfico al que se ha recurrido varias veces a lo largo del clip, la flecha. el estilo común está en la tipografía dIN (regular, medium, black) que pertenece a la imagen corporativa del canal de difusión. Por otra parte, el texto tiene una pequeña animación que hace referencia al igual que la cabecera y los separadores al universal Leader . La animación hecha en after effects consiste en la aparición y desaparición del texto con el efecto de Lens blur , modificado en la línea del tiempo para que el texto se desenfoque y enfoque al principio y, viceversa al final (véase Nº22). Nº19 Nº20 34 La flecha significa indicación, continuidad, dirección. en el diseño gráfico de esta pieza audiovisal se usa de forma reiterada por su simple significado. es una figura común y de fácil reconocimiento, aplicada en este caso a que todo proceso sigue un curso, tiene puntualizaciones y dirección, como lo tiene el proceso de creación de un videoclip. este elemento gráfico se ha creado con Photoshop. Combina un rectángulo y un triángulo unidos en una misma capa. Con el color azul utilizado en otros elementos del reportaje. y con una opacidad del 60%. 35 fueNTe La fuente utilizada en todos los rótulos de la pieza audiovisual es ff dIN (http://dinfont.com/downloads/), es una tipografía diseñada en 1995 por albert-jan Pool, basada en sus antecesoras dIN-mittelschrift y dINengschrift, definida como el estandart dIN 1451. dIN es un acrónimo de deutsches Institut für Normung (Instituto alemán de estandarización). Comparte su estructura similar con dIN 1451, difiere en la distribución del peso, su denominación y tiene más variedad de caracteres. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Las versiones utilizadas son dIN -Regular DIN - Medium dIn - black 36 Pantone 543 Pantone 211 Pantone 5445 Pantone 3258 CoLoR Pantone 3258 Pantone 211 37 Pantone 311 (60% opacidad) 38 Sistema RGB Sistema CMYK PANTONE R 252 G 145 b 145 C 0% m 54% y 31% K 0% 211 Sistema RGB Sistema CMYK PANTONE R 0 G 148 b 182 C 81% m 26% y 20% K 0% 311 Sistema RGB Sistema CMYK PANTONE R 55 G 162 b 162 C 74% m 17% y 39% K 1% 3358 39 Sistema RGB Sistema CMYK PANTONE R 131 G 163 b 187 C 51% m 27% y 17% K 0% 543 Sistema RGB Sistema CMYK PANTONE R 181 G 183 b 186 C 30% m 23% y 22% K 0% 5445 40 proceSo de edIcIón Y Montaje el grafismo de esta pieza como viene de la continuación de la edición de un proyecto que se realizó en la asignatura de No-ficción, el clip ya tenia un montaje que ya despuntaba un poco el estilo que iba a seguir posteriormente con el trabajo final de carrera. Pero, aunque ya estuviera editado se ha hecho un posterior trabajo de revisión y cambios en cuanto al balance de color de la imagen, la intrusión de diferentes planos, cambios de color y a veces ritmo de la secuencia de imágenes. Todo para que tuviera un dinamismo un sentido más global acorde con la idea que se quería transmitir a través del estilo grafismo. en la revisión del montaje y edición, empezó con la introducción de las imágenes esporádicas, es decir, imágenes que aparentemente no tienen sentido informativo para el momento, sino que amenizan y tiene una relación más estética con la imagen que sustituyen, un ejemplo es mientras habla Luís Cerveró en el estudio de la productora CaNada, donde el lugar de la entrevista y un videoclip suyo coinciden.(véase Nº2021) realIZacIón Y poStproduccIón Nº20 Nº21