%
SEMINARIO DE TITULACIÓN IVÁN ORELLANA R .
%
(x)
RAMO: Seminario de Titulación PROFESORES: - Carlos Alberto Rios Hidalgo - Gonzalo Antonio Aranda Toro ALUMNO: - Iván Andrés Orellana Rodríguez FECHA DE ENTREGA: 17 de Diciembre del 2010 Universidad Santo Tomás
ÍNDICE Tema 1: Infografía
I II III IV V VI VII VIII IX
Historia de la infografía ¿Que es la infografía? Esquemas y Didáctica La infografía Diseño Gráfico e ilustración Características y variables Tipos de infografía Animacion infografica Tipos de animación infografica
pag 8 pag 9 pag 10 pag 11 pag 12 pag 13 pag 14 pag 18 pag 21
I II III IV V VI VII
Infografía Periodistica Categorias Sistemas de Grafismos Bidimensional Bitmap Imagen Vectorial Tridimensional
pag 25 pag 26 pag 31 pag 32 pag 33 pag 34 pag 35
I II III IV
Sofwares de diseño para infografía Sofwares Vectoriales Sofwares Bitmap Sofwares 3D
pag 39 pag 40 pag 44 pag 47
I
El infografista
pag 49
Tema 2: El Lenguaje infográfico
I II III
Lenguaje Icónico Lenguaje Verbal Cromática
pag 56 pag 57 pag 58
Tema 3: Infografía como narración
I II III IV V
Introduccion Narración Periodistica Categorias Infografia Narrativa y la Animación Ejemplos
Tema 4: Planteamiento proyecto de titulo
pag 61 pag 62 pag 63 pag 64 pag 67
pag 69
Conclusión
pag 73
Bibliografía
pag 75
1
INFOGRAFÍA
Infografía para Disney World, 2009
INTRODUCCIÓN La infografía es un estilo de comunicación visual en el cual la información y el grafismo son instrumentos fundamentales utilizados para transmitir todo tipo de información. Desde noticias, datos, guías hasta información científica, acontecimientos, manuales, etc. de una forma sintetizada, simplificada, didáctica y memorable desarrollándose en múltiples plataformas visuales, como papelería, comunicación audiovisual, render animado, etc. La infografía esta creada para causar un mayor impacto en el usuario. ya que debe ser impactante y didáctica, a demás su información debe estar cuidadosamente organizada y expuesta para que el resultado final sea lo mas precisa y verídicamente posible. Esta disciplina está dada mayormente en el diseño grafico, ya que el nivel de conocimiento grafico, funcional y estético debe ser preciso a la hora de exponer información visual.
IVÁN ORELLANA R.
HISTORIA Hoy en día no hay una historia clara de cómo nació el lenguaje infográfico, ya que aun se ve a la infografía de manera generalizada, es decir, se considera infografía a cualquier tipo de lenguaje visual. Por lo que se consideraría hasta pictogramas prehistóricos como parte de esta area.
Como es de ver, la infografía aun no tiene algún límite o margen de ser en cuanto a la fusión de información y el grafismo, lo cual nos lleva a una generalización del término en donde se tiende a encerrar todo tipo de lenguaje visual dentro de la infografía. Aun así, se puede llamar a la infografía periodística el tipo de infografía moderna y más utilizada por sus efectos Aun así, la infografía moderna (cuyo sig- en el leguaje de la información. Por lo que nificado se verá más adelante) tiene múl- el periodismo ha intentado apoderarse tiples comienzos en el mundo de la co- del término. municación visual. Uno de ellos es en las guerras antiguas, donde se explicaba el A pesar de lo anterior, si se analiza bien funcionamiento de armamento a trasvés el lenguaje icnográfico, se podrá conocer grafismos esquematizados, lo cual hace sus límites dentro del lenguaje visual. Y que aquella información se considere in- para esto es necesario conocer a profunfográfico. didad de que se trata la infografía. Otra teoría acerca de la historia de la infografía se da gracias al periodismo. Donde se dice que las primeras infografías periodísticas eran utilizadas como entrega de información grafica sobre acontecimientos importantes en donde se buscaba explicar utilizando propuestas visuales en la revista “The Times” (1806).
¿QUE ES LA INFOGRAFÍA? Para poder entender la infografía como tal, primero hay que conocer su contexto. Para eso es necesario entender el lenguaje visual informático, El mundo de los esquemas como sistemas de comunicación. Lo que Joan Costa llama “el tercer lenguaje”.
El esquema al ser una interpretación, puede caer en la subjetividad de la información, lo cual puede hacer que no siempre sea verdadero. Esto dependerá del emisor (el cual crea el esquema) o el receptor (el que decodifica el esquema). El nivel de abstracción del esquema depende del tipo de esquema. Mientras El tercer lenguaje es el lenguaje informáti- más abstracto sea, puede ser más formal co de la mezcla entre imágenes y textos, y a la vez, menos eficaz. De lo contrario, lo cual crea los esquemas. puede ser más informal y más didáctico. Un esquema es una visualización grafica, un traducción de fenómenos reales ha grafismos abstractos, síntesis u iconicidad para la transmisión de información la cual se torna un tipo de lenguaje visual, en donde se hace visible formas de realidad las cuales no son visibles. Es una interpretación de fenómenos reales para la transmisión de información y conocimientos en donde la funcionalidad es fundamental para la decodificación del mensaje visual. Por lo que el esquema no es un fenómeno estético, si no que funcional.
IVÁN ORELLANA R.
ESQUEMA Y DIDÁCTICA El esquema didáctico es aquel tipo de información traducida a imágenes planas y didácticas, busca sintetizar la información para un mayor efecto en cuanto a la conciencia que el receptor aplica en decodificar la información. Existe otro tipo de atención en donde se filtra información importante para el sujeto, creando una jerarquización de esta. Lo cual se traduce en información entregada con mayor poder de atención, mayor poder de retención y menos tiempo de decodificación.
Esta jerarquización se da dependiendo del tipo de información que el esquema trate de entregar, y no es solo una jerarquización del receptor, sino que también el infografista debe organizar la información que quiere entregar, lo cual se verá mas adelante con mayor profundidad.
INFOGRAFÍA Conociendo entonces el tercer lenguaje y Al mezclar estos factores gráficos se crea el esquema como lenguaje visual, pode- un modelo de comunicación visual con el mos entender que es la infografía. fin de comunicar información sobre varias temáticas (ciencias, educación, deporte, “La infografía es el elemento técnico de la infor- cultura, literatura, etc) para así crear remación –info- y el grafismo –grafía-, comprende 2 curso para aproximar al lector elementos, categorías de actividades: el análisis o tratamiento ideas o acontecimientos más importande imagen existente y la síntesis de imagen, que tes para determinados temas. produce por medio del cálculo, formas, en general realistas y estéticas.” Joan Costa, Diseñar para los ojos. Pag 135 Entonces, la infografía es el análisis o el tratamiento de la imagen y el lenguaje a partir de la realidad, la cual debe pasar por varios procesos de diseño grafico para llegar a una síntesis de imagen, una manipulación y construcción de estructuras visuales como lo son modelos, esquemas y hasta tipografías.
IVÁN ORELLANA R.
DISEÑO GRÁFICO E ILUSTRACIÓN Si se analiza una infografía se podrá notar que una mayor parte del porcentaje de la comunicación visual que se entrega son ilustraciones. Aun así, esta no se considera parte de la disciplina de ilustración, si no que forma parte del área del Diseño Grafico. La pregunta es, por qué? La infografía no solo es ilustración, como dice Peggie Stark: “las infografías son una combinación de palabras y elementos visuales que explican los acontecimientos descritos en el articulo y sitúan a la historia o a sus protagonistas en un contexto determinado.”
Así es que la infografía debe ser un compuesto entre ilustración, comunicación visual, diagramación ,tipografías y una ética de diseño. (debe poseer proporciones, formas, colores, jerarquía, etc.) por lo que la organización está cuidadosamente creada para que el usuario o lector tenga una precisa y verídica forma rápida de información.
CARACTERÍSTICAS O VARIABLES -Es un medio de comunicación visual -Favorece la comprensión al incluir textos e imágenes para un mayor dinamismo en la información. -Debe ser sencillo, completo, sintetizado, estético, funcional y adecuado con la información que presenta. -Es entretenida, lo que mejora la retención de información en la memoria. -Es directo, breve y expreso. -En cuanto al texto, proporciona brevedad y toda aquella información la cual la imagen no puede abarcar.
IVÁN ORELLANA R.
TIPOS DE INFOGRAFÍA Si se habla de la infografía moderna o periodística podemos dividir la infografía en tipos de síntesis de imagen e información, nivel de grafismo y abstracción como también niveles de funcionalidad. Aun así, estos tipos de infografía no son un estudio definitivo, si no que son la organización del lenguaje infográfico según el punto de vista de algunos autores, por lo que a continuación veremos los que más se aceptan como tales. -Gráficos: Los gráficos son una de las formas mas abstractas de la infografía y mas sintetizadas ya que las figuras y formas no tienen relación a la realidad. Son los más utilizados y su tipo de información es estadística y numérica. Existen varios tipos de gráficos, como lo son el de barra, torta y de fiebre. Estos tipos de gráficos poseen múltiples plataformas, utilizadas mas comúnmente en el periodismo.
GRAFICO DE TORTA Grafico que representa la división de un total en porcentajes representados en un circulo en donde el tamaño de sus partes es proporcional al tamaño del porcentaje, diferenciados por colores.
TIPOS DE INFOGRAFÍA
GRAFICO DE FIEBRE
GRAFICO DE BARRAS Grafico usado para representar cantidades en unidades, comparándolas entre ellas. La altura de las barras dependerá de la cantidad que se quiera representar.
Este grafico muestra datos a través de tiempos,los cuales deben incrementar o disminuir dentro del periodo de tiempo establecido.
TIPOS DE INFOGRAFÍA
MAPAS Los mapas tienen un nivel grafico más complejo y menos abstracto a comparación a los gráficos, sirven para mostrar ubicaciones. Los mapas poseen gran síntesis en comparación a un mapa territorial, ya que muestra solo aquella información que se necesita para objetivos específicos , lo cual crea una fácil lectura del entorno. Existe una gran diferencia entre un mapa geográfico y uno infográfico, ya que este último es solo un mapa de ubicación, grafico y didáctico, no es un mapa a escala, geográfico o cartográfico, solo una forma de ilustrar ubicaciones, acontecimientos e información.
TABLA La tabla es una simple forma de organizar información compleja, generalmente su diagramación está dada en forma de lista detallada las cuales se utilizan en diferentes columnas. Mayoritariamente, los gráficos de tabla están respaldados de un texto complejo, por lo que ayuda como síntesis simple de estos datos ordenándolos según su información.
IVÁN ORELLANA R.
ANIMACIÓN INFOGRÁFICA Uno de los soportes más efectivos para extensa, complicada o tediosa, como por la entrega de información es la animación ejemplo datos científicos. audiovisual como infografía. Mayoritariamente se aplican en manuales Mayor atención, retención, mayor didác- de circuitos cerrados (como por ejemplo tica y por sobre todo más atractiva y efec- alguna línea aérea que necesite explicar tiva, la animación es un excelente medio el procedimiento de vuelo) también en para explicar algún tipo de información. noticiaron (para cuando es necesario explicar acontecimientos de algún hecho, La infografía animada generalmente está ubicaciones dentro de un mapa) o tamdada por gráficos, ilustraciones y no rea- bién dentro de programas televisivos mas lidades. por lo que la palabra “animación” científicos o de educación (por ejemplo significa en este caso, un recurso gráfico algún documental al momento de entrecreado por software especiales de ani- gar información demasiada complicada). mación en un lapso de tiempo donde la animación está encargada de narrar, explicar o entretener con un objetivo especifico. La infografía animada tiene como objetivo explicar tipos de información con un nivel mucho más complicado que el de los textos, esta se aplica al momento de poseer un soporte digital y son muy recomendables al momento de explicar con medios audiovisuales, información muy
1
3
5
2
4
Ejemplo de un spot publicitario en donde se explica el proceso de extracción de energía nuclear para la empresa Areva. Aquí se puede ver a modo de stoyboard el como un tema tan complejo y científico se puede transformar en una forma entretenida, atractiva y más amigable de explicar en un medio tan masivo. efectiva persuasión.
Ejemplo de un video musical en el que se muestra la vida de un personaje en sus quehaceres cotidianos, en donde todo el entorno interactúa de manera infográfica.
TIPOS DE ANIMACIÓN INFOGRÁFICA Dentro de la animacion infografica, existen 3 formas comunes para la narracion de informacion grafica: el Motion Graphic y Motion Typography.
MOTION GRAPHIC O en español, gráficos de movimiento, son animaciones digitales las cuales crean la ilusión de movimiento a partir de vectores gráficos creados por software especializados. A diferencia de la película, el motion graphic no usa fotografía por lo que el nivel de gráficos es mucho más abstracto. Además, el motion graphic es un método creado 100% por computadores, donde los resultados finales de la animación se renderea para el tipo de soporte especifico al cual ira dirigido. Otra gran diferencia es el espacio memoria que estos utilizan, son mucho mas pequeños que una película fotográfica.
El motion graphic puede ser utilizado como un medio de infografía por el alto poder narrativo que este posee y el nivel de síntesis grafica que utiliza. Para el uso infográfico, este método no es muy efectivo al entregar información especifica o compleja por su alto nivel de grafismo y didáctica, la mayor parte son gráficos y un pequeño porcentaje está dedicado al explicar por medio de textos (dentro de la animación) y hasta estos textos se pueden utilizar solo como ornamentación de el trabajo grafico final.
I Met the Walrus es un claro ejemplo de infografia estilo motion graphic.
Titulo: I Met the Walrus Director: Josh Raskin Productor: Jerry Levitan Año: 2007
El director Josh Raskin e ilustradores James Braithwaite y Alex KURINA han colaborado para crear un cortometraje de animación con la grabación de la entrevista original con la banda sonora. Un buque fascinante para el ingenio ilimitado de Lennon y el mensaje intemporal, I Met the Walrus fue nominado para el Premio 2008 de la Academia por Corto de Animación y ganó el premio Emmy de 2009 para “Nuevos Enfoques” -imdb
TIPOS DE ANIMACIÓN INFOGRÁFICA MOTION TYPOGRAPHY O también conocida como Kinetic typography, o en español “tipografía en movimiento”, es un método muy similar al anterior pero la gran diferencia radica en que esta técnica utiliza un mayor porcentaje en textos y un pequeño porcentaje en gráficos (imágenes vectoriales). En este método, los textos son animados con una organización especial, en donde las palabras y las frases van jugando con el sentido del texto, creando múltiples graficas a partir de estos. El impacto final es muy parecido al motion graphic, ya que mantiene al usuario mucho mas interesado por el contenido del mensaje al mezclar graficas en movimiento y sonido. Con estos atributos, los textos del motion typography pasan a ser imágenes grafi-
cas ya que no son loso textos, como se explicaba antes, son parte de una animación con sentido netamente grafico.
“Harbor Freight Spec Spot :30” Spot comercial en donde se utiliza la animación tipográfica como recurso visual para persuadir sobre la compra de vehículos.
INFOGRAFÍA PERIODISTICA
La infografía ha creado un fuerte impacto en los medios periodísticos, principalmente en el periódico, donde esta forma de entregar información se ha hecho casi parte de el área de noticias, es más, se piensa que el termino infografía se origino gracias al periodismo para darle un término al departamento infográfico, lugar donde toda la información grafica es realizada. aquí, el tipo de información es más cuidadosa en el sentido que esta dada por periodistas, los cuales trabajan con creativos para crear el resultado final y publicarlo en el periódico. El periódico moderno aprovecha las grandes facultades de la infografía por su gran poder de redacción ya que la información entregada por este medio hace que la noticia sea mas comprensible para el lector.
CATEGORÍAS Dentro del genero periodístico, la infografía está dividida por categorías las cuales sirven para diferenciar niveles gráficos dentro del periódico a la hora de entregar una noticia. estos niveles se dan según la importancia y complejidad de la información, donde artista y periodista trabajan para crear un mensaje final claro, rápido y efectivo. Las categorías están divididas en: categoría uno, categoría dos, categoría 3 y mega gráficos los cuales se veras a continuación:
CATEGORÍA UNO Son infografía básicas las cuales se utilizan para entregar información referencial sobre estadísticas y ubicaciones. No requieren de un conocimiento muy alto de diseño grafico o periodístico ya que se utilizan estilos infográfico básicos como tablas, barras y fiebres, por lo que solo se requiere de una fuente informática y un software de diseño.
Gráficos de torta y barra para las páginas de una revista en la cual se organiza la información de forma grafica para mostrar las estadísticas de diferentes opiniones sobre Chilenos encuestados para el tema de ceder una franja soberana a Bolivia.
fotografía a una infografía de barras de un periódico
IVÁN ORELLANA R.
CATEGORÍA DOS Este nivel de infografía periodística es mucho más complejo y avanzado en cuanto a la información entregada por el periodista y el nivel de arte que el creativo debe realizar. Con respecto a la información, el periodista y el infografista deben conocer los acontecimientos que se quieren dar a conocer, haciendo un previo estudio de, por ejemplo, los lugares, los hechos o sea lo que ocurrió en el día sobre la noticia que se espera graficar. El nivel de ilustración debe ser avanzado y de acuerdo al estilo del periódico (colores, tipográficas y hasta diagramas). En esta categoría se puede mezclar el modelo de la categoría uno para una mayor síntesis de información. Infografía de categoría dos para explicar ingresos y gastos económicos en un periódico financiero.
CATEGORÍA TRES Categoría con un alto nivel de narración para hechos complejos donde ubicaciones, hechos, información especifica y datos numéricos están presentes al la noticia, la cual hay que investigar profundamente para llegar a tener una idea de cómo será la infografía. normalmente la información es basta y es necesario conocer acabadamente todos los aspectos de la noticia a mostrar. La calidad de la ilustración es muy elevada y el diagrama esta cuidadosamente creado para una lectura ordenada y no llegar a una saturación de la pagina. Los elementos de esta infografía son cuidadosamente seleccionados para una entrega de información muy completa pero y necesaria.
Esta infografía intenta explicar el lugar de un secuestro, mezclándola con fotografías y datos de las escena. como se puede notar, la imagen vectorial simula tridimensionalidad para un mejor nivel de detalle.
IVÁN ORELLANA R.
MEGA GRÁFICOS infografía utilizada solo por periódicos especializados, los mega gráficos son una forma de entregar datos casi artística, donde la grafica esta presente de sobremanera . El tipo de información que se puede entregar es amplio y complejo por lo que crear una mega grafica tarda bastante tiempo, alejándolo de las noticias del día.
(o como se denomina en muchas oficinas de periodísticas “breaking news”).
SISTEMAS DE GRAFISMOS.
BIDIMENSIONAL (2D)
“Los sistemas gráficos engendran dos tipos de imágenes: bidimensionales (2D) y La imagen bidimensional aplicada a la intridimensionales (3D).” Joan Costa- Diseñar para los ojos. pág. fografía como grafica está dividida en 2 partes, el Bit-map y la imagen vectorial. 136 Según Joan Costa, los sistemas gráficos se dividen en el 2D y el 3D, donde ambos tienen el poder de convertir datos en vectores con el conocimiento de un infografista y herramientas de diseño.
El bitmap es una imagen creada por pixeles punto a punto, imágenes lineales que crean graficos complejos pero muy básicos.
El Vector es el tipo de herramienta más Estos sistemas de grafismos están dados usada, esta creada por software especiapor software de diseño por computador, lizados y su función primordial es el alto medios digitales como soporte de origen nivel de expansión y calidad ya que no para una transformación a soportes mul- trabaja con pixeles fijos. son utilizados para crear todo tipo de timedias. gráficos. desde los mas básicos hasta los más complejos (como lo es la simulación 3d).
BIT-MAP
Iconos creados con bitmap, infografía de sistemas computacionales.
Tipografías creadas con bitmap, también utilizadas por sistemas computacionales.
IVÁN ORELLANA R.
IMAGEN VECTORIAL
Las propiedades de una imagen vectorial no cambian al modificar la escala ya que el sofware es capaz de calcular las propiedades y mantenerlas. el vector necesita de mucha más memoria o espacio que el bitmap.
TRIDIMENSIONAL (3D)
En la infografía este proceso se desarrolla con el fin de imitar un espacio 3D, para calcular el comportamiento de luces, texturas, materiales y animación, simulando La imagen tridimensional esta dividida en ambientes y estructuras físicas. el vector y el render. Al igual que el anterior, la imagen vectorial tambien puede ser utilizada como recurso 3d al simular vistas tridimensionales de graficas las cuales no necesitan de un render o sofwares para produccion 3d. En cambio la renderización es un proceso de cálculo complejo desarrollado por un sofware destinado a generar una imagen 2D a partir de una 3D. Así podría decirse que en el proceso de renderización el sofware interpreta la escena en tres dimensiones y la plasma en una imagen bidimensional.
Una de las partes más importantes de los programas dedicados a la infografía son los motores de renderizado, los cuales son capaces de realizar técnicas complejas como radiosidad, raytrace (trazador de rayos), canal alfa, reflexión, refracción o iluminación global.
IVÁN ORELLANA R.
VECTOR 3D
RENDER 3D
Usuarios 2D
Sistema de grafismo Usuarios 3D
IVÁN ORELLANA R.
Imagen vectorial Usuarios
DATOS
Usuarios Bit map Vectores Gráficos Imagen Usuarios vectorial Usuarios Render 3d
SOFWARES DE DISEÑO PARA INFOGRAFÍA
SOFWARES VECTORIALES
La clave del tratamiento de las imágenes son los programas de gráficos. sirven para incorporar imágenes a nuestros documentos impresos o en pantalla. Los programas de dibujo o ilustración Esto puede darles vida y proporcionar (Draw) crean las formas como objetos impacto. geométricos: una combinación de líneas rectas y curvas, abiertas o cerradas, con La mayoría de las veces los gráficos son un contorno de grosor y color a elegir, y creados desde cero en estos software, con relleno o sin él. Los objetos pueden pero también es posible usar imágenes ordenarse unos respecto de otros, agrupre armadas, mas conocidas como “clip parse o mantenerse independientes. art” aunque el armado de los gráficos desde cero hace de la infografía un tra- Resultado: gráficos que difícilmente puebajo de mejor calidad e impacto sobre el den ser tan realistas como los bitmaps, usuario. pero que pueden escalarse a cualquier tamaño sin perder calidad (visto en los sistemas graficos) Idóneos para ilustraciones lineales y estilizadas, esquemas, texto y dibujo técnico. Los programas más utilizados en el medio profesional son: Freehand, Illustrator y Corel Draw.
ADOBE ILLUSTRATOR El software de Adobe Illustrator CS2 le ofrece la libertad necesaria para materializar sus ideas de forma rápida y potente. Convierta instantáneamente los mapas de bits en ilustraciones vectoriales y pinte de forma más intuitiva. Ahorre tiempo gracias a las paletas inteligentes y los espacios de trabajo optimizados. Además, gracias a la estrecha integración con otros programas, se pueden producir extraordinarios gráficos para su impresión, vídeo, publicación en la Web y dispositivos móviles. (www.adobe.com/illustrator
Interfaz de adobe illustrator.
IVÁN ORELLANA R.
MACROMEDIA FREEHAND Maximice el proceso de diseño con FreeHand MX. Sólo FreeHand MX ofrece todo lo que se necesita para pasar sin problemas por las etapas de concepto, diseño, producción y publicación en un entorno de gráficos racionalizado, todo mientras se trabaja dentro de un solo documento. Reduzca el tiempo necesario para la producción, reutilice fácilmente el mismo contenido en Internet, cree nuevo contenido de Macromedia Flash y mucho más. (www.freehand.com) (este software esta descontinuado ya que adobe compro los derechos de Macromedia y reemplazo este programa por illustrator, aun así, se sigue usando en muchas partes como software de cabecera. Interfaz de freehand.
COREL DRAW El primero en ofrecerte herramientas inteligentes que te simplifican el proceso de diseño, reducen el tiempo de revisión y reutilización de gráficos, y te proporcionan más control sobre texto y objetos, lo cual te ayuda a diseñar con mucha más precisión. Un producto completo que incluye software de calidad para la ilustración vectorial, edición digital de imágenes y creación de gráficos en movimiento para que puedas crear más y mejor, en mucho menos tiempo. (www.coreldraw.com)
Interfaz de CorelDraw X4.
IVÁN ORELLANA R.
SOFWARES BITMAP
Los programas de pintura (Paint) son también los mismos que se emplean para el retoque fotográfico y para efectuar montajes de imágenes. Los archivos de imagen de estos programas son una especie de mosaico de puntos minúsculos —cada punto es un píxel o elemento de la pantalla— al que asignan colores para formar la imagen. Algunos de los programas en bitmap (mapa de bits) son: Photoshop, Painter y Paint Shop Pro.
ADOBE PHOTOSHOP Adobe Photoshop es el software estándar de edición de imágenes profesional y el líder de la gama de productos de edición de imágenes digitales que aporta más de lo que usted se espera. Las innovadoras herramientas creativas le ayudan a conseguir resultados excepcionales. Una adaptabilidad sin precedentes le permite personalizar Photoshop de acuerdo con su método de trabajo. Además, gracias a unos procesos de edición, tratamiento y gestión de archivos más eficaces podrá trabajar con mayor rapidez.
Interfaz de Adobe Photoshop CS5
IVÁN ORELLANA R.
COREL PAINTER Corel Painter es la herramienta más asequible en el mercado de edición profesional de imágenes. A su potente motor de edición de fotografías, su precisión de diseño gráfico y sus avanzadas capacidades de arte digital, se añade el hecho de que Corel Painter es el software indicado para los que la creatividad no tiene límites. Presenta sofisticadas opciones de personalización de espacios de trabajo y herramientas de producción simplificadas. Corel Painter ofrece tecnología avanzada a mentes con una imaginación avanzada.
Interfaz de Corel Painter 8
SOFWARES 3D Los programas que trabajan con dibujos espaciales, alcanzan el nivel de tres dimensiones (3D). Sus puntos están definidos por tres coordenadas.
3D MAX 3ds Max es uno de los programas de animación 3D más utilizados. Dispone de una sólida capacidad de edición, una omnipresente arquitectura de plugins y una larga tradición en plataformas Microsoft Windows. 3ds Max es utilizado en mayor medida por los desarrolladores de videojuegos, aunque también en el desarrollo de proyectos de animación como películas o anuncios de televisión, efectos especiales y en arquitectura.
IVÁN ORELLANA R.
MAYA
CINEMA 4D
Integra los programas de modelaje, animación, efectos visuales y renders visuales más avanzados. Y es el programa de 3d con mayor capacidad de bases de datos en producción de graficos de calidad profesional.
Seleccionada por los usuarios como la aplicación más fácil de aprender. Con un precio bajo y un diseño modular Cinema4D es tu mejor opción. Genera imágenes de super calidad con su máquina de generación ultrarrápida
EL INFOGRAFISTA El infografista es aquel que diseña la in- Todo esto es con el objetivo de que la exfografía a base de los datos entregados. tracción de conocimientos sea de lo más Debe ser capaz de traducir estos datos útil y memorizable. por medio de un criterio de diseño para que la traducción grafica final a demás de ser estética, sea funcional, lo cual es la parte importante para que la infografía sea bien interpretada por el receptor. El infografista tiene el trabajo de tomar los datos que se necesitan traducir, para luego organizarlos, sintetizarlos, ionizarlos, esquematizarlos y crearlos vectores gráficos para así llevarlos a una organización estructural de lo que será la infografía. La Organización estructural es la que creará la estructura infográfico del como entregar la información de la mejor manera posible. Así para que la traducción final haga de la información entregada nuevos atributos tales como: -Mayor Visibilidad -Mayor Comprensión -Mayor Rapidez -Mayor Retención
IVÁN ORELLANA R.
TRANSCODIFICACIÓN Y ELEMENTOS VISUALES
La transcodificación dependerá de la cultura visual al cual el infografista se enfrentará. Todas las culturas poseen particularidades en su lenguaje visual, por lo que es necesario hacer un previo estudio del grupo objetivo al cual será dirigida la infografía.
+Usuarios Visibilidad
informacióm Usuarios inequivoca
Organización estructural
+ Comprensión Usuarios
+Usuarios Rapidez
Objetivo Usuarios
ExtraerUsuarios conocimientos útiles y memorizables
IVÁN ORELLANA R.
Infografista
Transcodificación a elementos visuales
Cultura visual
Según Cultura
Según tipo de información
Según tipo de técnica
2 2 EL
LENGUAJE INFOGRÁFICO
El lenguaje infográfico está lleno de signos y formas de interpretar la realidad, para llegar a entender el por que de la síntesis grafica es necesario primero entender la teoría de la imagen.
-Grado de isomorfismo: similitud de forma, una escala de iconicidad mide el grado de isomorfismo que una imagen guarda con su referente. también compara a la imagen de su objeto.
Toda representación icónica es signo de una ausencia, por lo que la imagen puede Con lo anterior, la imagen infográfico debe ser física o mental. moverse por un buen grado de iconicidad y figuración para su síntesis y rapidez en Abraham Moles distingue la imagen en la precognición de elementos reales. varios rasgos diferentes: En una escala de los niveles de realidad, -Grado de figuración: “La idea de repre- realizado por Villafañe nos hace entender sentacion por la imagen de objetos o se- a que nivel la infografía debe ser graficares conocidos intituivamente por nues- da: tros ojos en el mundo exterior” 1- Imagen Natural -Grado de iconicidad: “La calidad de 2- Modelo 3d a escala identidad de la representacion en rela- 3- Imagen de registro estereoscópico cion al objeto representado” 4- fotografía a color 5- pintura realista -Complejidad: “Ligada al numero de ele- 6- representación no realista mentos o a la dificultad de discernir por 7- pictogramas parte del espectador determinadas for- 8- esquemas motivados mulaciones visuales”. 9- esquemas arbitrarios
IVÁN ORELLANA R.
10- representación no figurativa (formas abstractas) Entre los puntos 6, 7 y 8 se puede encontrar la grafica de la infografía, esto es para una mayor efectividad en cuanto atención y retención del usuario al tipo de información.
LENGUAJE ICONICO. Algunas variables de el uso del lenguaje icónico en la infografía: -Para interpretar los signos el usuario no necesita conocimiento del código. -Los signos icónicos son interesantes por si mismo -Pueden adoptar detalles que distraigan del mensaje fundamental de la comunicación -Poseen un alto grado de ambigüedad -Facilidad para referirse a conceptos concretos -Limitado para significar cierto tipo de expresiones (“no es”, “debería ser”) Utiliza un conjunto infinito de elementos
cuyas ordenaciones no están codifica- -Facilidad para comunicar abstracciones das. -Adecuado para comunicar abstraccio-Presentación simultanea de los elemen- nes tos. Se basa en un conjunto finito de elementos regulados por un sistema de reglas
LENGUAJE VERBAL
A continuación se hará el mismo ejercicio con el lenguaje verbal y el porqué es necesario integras y no eliminarlas por completo en la infografía. -Para interpretar palabras, el receptor debe conocer el código, por lo que convierte al lenguaje en un tipo de limitante. -Los signos son triviales por si mismos (no importa su apariencia) -Se transmite con mayor exactitud el mensaje intencional. -Es un lenguaje poco ambiguo.
-Presentación temporal de los elementos.
IVÁN ORELLANA R.
CROMÁTICA
Así pues que la infografía se mueve dentro de gamas cromáticas las cuales, al igual que la imagen, simplifican el objeto, La infografía al estar distanciada del len- lo mantienen limpio y organizado. guaje realista y figurativo, posee ciertas La diagramación y tipografía son ordenadas por gamas cromáticas, dividiendo el reglas cromáticas. tipo de información para una fácil lectura. “entonces, nos distanciamos de la fotografía, la ilustración y las imágenes imita- Mientras más abstracta y simple sea la tivas mas o menos veristas i estilizadas. infografía, mas básica y pequeña es la Nos hemos liberado de las referencias de gama cromática, ya que la información abstracta y demasiado icónica podría la visión empírica del mundo. caer en el mal entendido si los colores no Ahora, el color por si mismo significa. se aplican bien. Opera en estado puro y no como atributo natural de las cosas que nos rodean. De hecho. ahora hemos entrado en el mundo del diseño propiamente dicho, como designio y como formalización de ese designio. encontramos aquí el doble sentido del término “design” en la lengua inglesa, que en español llamamos diseño.” Joan Costa - Diseñar para los ojos. pág. 77
3 2 INFOGRAFÍA
Y NARRACIÓN
INTRODUCCIÓN
Existe muy poca información sobre la infografía como un medio narrativo ya que hasta ahora la infografía animada se hace en base a jerarquizas de información, casi siguiendo un guion, donde se crean storyboards para un trabajo organizado y entendible. aun así, has sido expuestos varias animaciones infografías innovadoras en mercados tan variados como el cine y la televisión, donde se ve a la infografía como un medio fácil y rápido de explicar diferentes tipos de información y de manera entretenida para un tipo de público especifico.
Muchas veces abaratando costos y tiempos con resultados positivos al empleador. La infografía animada como narración cada día toma más fuerzas en tiempos donde la eficacia y persuasión del mensaje son tan importantes para la entrega de información. (como lo ha hecho la publicidad, la cual ha alojada a la infografía como una fiel alternativa).
Tiempos contemporáneos donde las personas necesitan información rápida y amigable. (como lo hace el periodismo de acuerdo al cliente y sus necesidades el cual últimamente ha indagado en la inla infografía como narración adapta sus fografía animada como narración y la ha estilos de arte y muestra con atmosferas puesto en lugares tan concurridos como coherentes al trabajo no infográfico lo lo es el metro). que pocas disciplinas pueden hacer tan efectivamente.
IVÁN ORELLANA R.
NARRACIÓN PERIODISTICA. La gramática narrativa es el mecanismo que permite generar el relato de la infografía: unas reglas de formación de la estructura que permiten ordenar la información sobre la base de la imagen y el complemento del texto.
Las categorías mayores de la narración son: 1. Marco o contexto. 2. Episodio. (Dellamea, 1994: 245-246)
El desarrollo de la narrativa en la infogra- Esto se da mayoritariamente en la infofia, según Dellamea son: grafia animada, donde estas jerarquizas son faciles de exponer separandolas en 1. Personajes: seres animados humanos, escenas. animales u objetos animados. 2. Acciones: el acontecimiento. 3. Ambiente: el escenario o marco. 4. Función: acción o atributo de un personaje definido desde el punto de vista de su alcance significativo para el relato.
CATEGORIAS DENTRO DEL ESQUEMA
El lector debe visualizar claramente y En todos los casos, los primeros niveles comprender la noticia. de lectura de una infografía serán los títulos y las ilustraciones. El avance en la Para esto, en este sentido hay que tener lectura se da en función de la cultura del en cuenta los mecanismos de lectura que lector. realiza el ojo humano (teoria de la imágen): primero barre toda la superficie, El tamaño, el color, el emplazamiento de luego repara en algunas zonas, tratando la imagen, juegan un rol. Aun así, en tode identificar objetos conocidos, luego dos los casos, las imágenes y sobretodo los identifica, reconstituyendo los ele- aquellas en las que los elementos son fámentos simples más conocidos y luego cilmente identificables, se sitúan una glointerpreta por asociación de elementos e balidad. ideas en función de referencias culturales y esquemas previos (Chappe, 1992). También hay que tener en cuenta el mecanismo de lectura del ojo del lector: de De esta manera, la tendencia del lector es arriba hacia abajo y de izquierda a deremirar los primeros elementos con rapidez cha y que percibirá siempre el lado mayor y realizar una pausa sobre los otros. del rectángulo horizontal. Sólo en estos términos, la infografía tiene el alcance de estructura formal dentro del género periodístico.
IVÁN ORELLANA R.
INFOGRAFÍA NARRATIVA Y LA ANIMACIÓN
Una de las mejores maneras de crear narración dentro de la infografía es a través de la animación. la animación posee la gran ventaja de dar la sensación de movimiento para ilustraciones y gráficos, lo cual hace mucho mas fácil algún tipo de narración.
coincidencias como lo son:
-Duración: La infografía narrativa no debe ser muy extensa, la cantidad de información animada no debe ser abusada ya que puede existir una saturación de información, lo cual a un largo plazo no estaría aprovePosee múltiples estilos de llevar a cabo el chando las variables positivas que la inmovimiento de sus objetos, como lo son fografía posee. el stop motion, la pixilación, rotoscopia, etc. pero la que mejor se utiliza dentro -Dinamismo en la narración: de la infografía es la animación vectorial, La forma en que se cuenta una historia esto de da por el simple hecho de la sín- debe estar presente en la infografía, los tesis de imagen que se hablo con anterio- detalles, se debe intentar explicar los deridad (imagen vectorial). talles de forma dinámica y con una coherencia con respecto al flujo de la animaLa animación vectorial solo se puede ción. crear a partir de programas especializados de animación (como también de ilus- -Sonido: tración) Sonido de ambiente, muy sintetizado, la mayoría de las veces se utiliza un sounLos estilos aplicados a la animación den- dtrack para ambientar la animación. tro del ámbito digital, puedes ser varia- Cuando se aplica voz en off, la animación dos en cuanto a gama cromática, estilo se transforma en Motiongraphics o de trazo, los fps. aun así, existen varias Motion Typographics.
INFOGRAFÍA NARRATIVA Y LA ANIMACIÓN
-Encuadres:
Las animaciones infograficas utilizan muchos recursos de encuadre de escenas. uno de los encuadres mas utilizados son: VISTA ISOMETRICA. Constituye una representación visual de un objeto tridimensional en dos dimensiones, en la que los tres ejes ortogonales principales, al proyectarse, forman ángulos de 120º, y las dimensiones paralelas a dichos ejes se miden en una misma escala. Isometric Projection.com
Ilustracion vectorial en vista isometrica, muy utilizada en animacion infografica.
IVÁN ORELLANA R.
VISTA AEREA Una vista aérea o a vuelo de pájaro es una vista de un objeto desde arriba, “en planta” desde el observador, muy usada en las copias azules de arquitectura y urbanismo, croquis en planta, y en mapas. Wikiccionario.com
Mapa mundial sobre los cambios climaticos ocurridos el 2004
EJEMPLO SOBRE INFOGRAFÍA NARRATIVA ANIMADA.
“Little red riding hood” Infografía narrativa sobre el clásico cuento “caperucita roja” creado en imágenes vectoriales para luego ser animadas en software especializado, se logro crear la narración de este cuento desde un punto de vista infográfico, creando una innovadora forma de ver este cuento. Dir. Tomas Nilsson / Sweden / 2009 You’ve never seen Little Red Riding Hood quite like this - a brilliant animation inspired by Röyksopps ‘Remind Me.’ The animator: http://www.tomas-nilsson. se/index.html The music: http://www.smk.just.nu/ Appears courtesy of Tomas Nilsson
IVÁN ORELLANA R.
4 2 PLANTEAMIENTO DEL PROYECTO
APROVECHAR MEDIOS MASIVOS El siguiente proyecto de titulo estará Las redes sociales hacen de el internet un guiado netamente por la infografía como soporte comunitario de rápida difusión, narración animada. por lo que la infografía podría apoyarse en estos medios comunicacionales para Se buscara la manera de narrar digital- persuadir sobre información especifica mente y a través de movimiento, infor- que se necesite entregar. mación de rápido acceso con la que se aprovecharan los recursos que entrega la infografía. Se aprovecharan los soportes digitales para una difusión rápida de algún mensaje u información para la cual se requiera información grafica, así captar la atención rápida y fácilmente en un medio comunicacional masivo.
IVÁN ORELLANA R.
SOLUCIONAR Solucionar problemas sociales para una conciencia colectiva sobre información especifica que afecte a ciertas áreas de la sociedad o cultura, para así crear una narrativa audiovisual infográfico como herramienta de persuasión hacia un público objetivo.
CONCLUSIÓN Luego de esta investigación sobre la infografía, se pudo revelar que no llega a ser una disciplina como tal, ya que no existen estudios especializados en la temática, por lo que profesiones como lo son el Diseño Grafico, la Ilustración y el periodismo utilizan este medio para sus objetivos específicos. aun así, la infografía es una poderosa herramienta comunicacional la cual es capaz de crear un nuevo lenguaje informático y visual, en donde tiene como objetivo entregar información de cualquier tipo de manera rápida, eficaz, didáctica, entretenida y con un alto poder comunicacional.
para una mejora de experiencia usuariocontenido. Este método multidisciplinario, pero que debe ser tratado por diseñadores, es sin duda alguna una novedosa forma de captar la atención de un usuario y persuadirlo a consumir información, manteniéndolo interesado, atento y consciente del tipo de información que esta decodificando.
Con la infografía también se pudo descubrir que esta técnica se puede usar no solo en soportes bidimensionales, si no que también tridimensionales, los cuales abarcan una multimedia de opciones en es por esto que diferentes disciplinas to- las que la infografía se adapta creando man a la infografía como una herramienta nuevas formas interesantes de captar inde trabajo capaz de mostrar de forma es- formación. pecífica, información compleja o extensa
Cuando es necesario explicar algún contenido extenso o complicado, cuando es necesario demostrar hechos y acontecimientos, cuando es importante entregar comparaciones con datos en la realidad, es que donde la infografía actúa satisfaciendo todos estos ámbitos de la comunicación y agregándoles lenguajes visuales. la infografía siempre estará presente en la vida de las personas por su gran riqueza visual y textual, son fácil comprensión y la gran capacidad con la que los datos entregados pueden ser retenidos por la memoria de las personas. Las imágenes dicen más que mil palabras y estas imágenes mezcladas con palabras crear lo que llamamos como la información grafica.
BIBLIOGRAFÍA SITIOS WEB -http://es.wiktionary.org/ -http://www.infovis.net LIBROS -Joan Costa “Diseñar para los ojos” -Joan Costa “Diseño, Sociedad y Cultura” -Norberto Chavez “Diseño como manifestación de la cultura”
IVÁN ORELLANA RODRÍGUEZ SEMINARIO DE TITULACIÓN 2010