infografia aa

79
SEMINARIO DE TITULACIÓN IVÁN ORELLANA R . % % (x)

Upload: wilsonceliz

Post on 14-Dec-2014

78 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Infografia AA

SEMINARIO DE TITULACIÓNIVÁN ORELLANA R.

%

%

(x)

Page 2: Infografia AA
Page 3: Infografia AA

RAMO:Seminario de Titulación

Universidad Santo Tomás

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

Page 4: Infografia AA

ÍNDICETema 1: Infografía

Historia de la infografía¿Que es la infografía?Esquemas y DidácticaLa infografíaDiseño Gráfico e ilustraciónCaracterísticas y variablesTipos de infografíaAnimacion infograficaTipos de animación infografica

Infografía PeriodisticaCategoriasSistemas de GrafismosBidimensionalBitmapImagen VectorialTridimensional

Sofwares de diseño para infografíaSofwares VectorialesSofwares BitmapSofwares 3D

El infografista

IIIIIIIVVVIVIIVIIIIX

IIIIIIIVVVIVII

IIIIIIIV

I

pag 8pag 9pag 10pag 11pag 12pag 13pag 14pag 18pag 21

pag 25pag 26pag 31pag 32pag 33pag 34pag 35

pag 39pag 40pag 44pag 47

pag 49

Page 5: Infografia AA

Tema 2: El Lenguaje infográfico

IIIIII

IIIIIIIVV

pag 56pag 57pag 58

pag 61pag 62pag 63pag 64pag 67

pag 73

pag 69

pag 75

Lenguaje IcónicoLenguaje VerbalCromática

Tema 3: Infografía como narración

IntroduccionNarración PeriodisticaCategoriasInfografia Narrativa y la AnimaciónEjemplos

Tema 4: Planteamiento proyecto de titulo

Conclusión

Bibliografía

Page 6: Infografia AA

INFOGRAFÍA1

Page 7: Infografia AA

Infografía para Disney World, 2009

Page 8: Infografia AA

INTRODUCCIÓN

La infografía es un estilo de comunica-ción visual en el cual la información y el grafismo son instrumentos fundamen-tales utilizados para transmitir todo tipo de información. Desde noticias, datos, guías hasta información científica, acon-tecimientos, manuales, etc. de una for-ma sintetizada, simplificada, didáctica y memorable desarrollándose en múltiples plataformas visuales, como papelería, comunicación audiovisual, render anima-do, 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 resul-tado final sea lo mas precisa y verídica-mente posible.

Esta disciplina está dada mayormente en el diseño grafico, ya que el nivel de co-nocimiento grafico, funcional y estético debe ser preciso a la hora de exponer in-formación visual.

Page 9: Infografia AA

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 info-grafía a cualquier tipo de lenguaje visual. Por lo que se consideraría hasta picto-gramas prehistóricos como parte de esta area.

Aun así, la infografía moderna (cuyo sig-nificado se verá más adelante) tiene múl-tiples comienzos en el mundo de la co-municación visual. Uno de ellos es en las guerras antiguas, donde se explicaba el funcionamiento de armamento a trasvés grafismos esquematizados, lo cual hace que aquella información se considere in-fográfico. Otra teoría acerca de la historia de la info-grafía se da gracias al periodismo. Donde se dice que las primeras infografías perio-dísticas eran utilizadas como entrega de información grafica sobre acontecimien-tos importantes en donde se buscaba ex-plicar utilizando propuestas visuales en la revista “The Times” (1806).

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 en el leguaje de la información. Por lo que el periodismo ha intentado apoderarse del término.

A pesar de lo anterior, si se analiza bien el lenguaje icnográfico, se podrá conocer sus límites dentro del lenguaje visual. Y para esto es necesario conocer a profun-didad de que se trata la infografía.

Page 10: Infografia AA

¿QUE ES LA INFOGRAFÍA?

Para poder entender la infografía como tal, primero hay que conocer su contex-to. Para eso es necesario entender el len-guaje visual informático, El mundo de los esquemas como sistemas de comunica-ción. Lo que Joan Costa llama “el tercer lenguaje”.

El tercer lenguaje es el lenguaje informáti-co de la mezcla entre imágenes y textos, lo cual crea los esquemas.Un esquema es una visualización grafica, un traducción de fenómenos reales ha grafismos abstractos, síntesis u iconici-dad para la transmisión de información la cual se torna un tipo de lenguaje visual, en donde se hace visible formas de reali-dad las cuales no son visibles.

Es una interpretación de fenómenos rea-les 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 fun-cional.

El esquema al ser una interpretación, puede caer en la subjetividad de la in-formació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 de-pende del tipo de esquema. Mientras más abstracto sea, puede ser más formal y a la vez, menos eficaz. De lo contrario, puede ser más informal y más didáctico.

Page 11: Infografia AA

El esquema didáctico es aquel tipo de in-formación traducida a imágenes planas y didácticas, busca sintetizar la informa-ción para un mayor efecto en cuanto a la conciencia que el receptor aplica en de-codificar la información.

Existe otro tipo de atención en donde se filtra información importante para el su-jeto, creando una jerarquización de esta. Lo cual se traduce en información entre-gada con mayor poder de atención, ma-yor poder de retención y menos tiempo de decodificación.

ESQUEMA Y DIDÁCTICA

Esta jerarquización se da dependiendo del tipo de información que el esquema trate de entregar, y no es solo una jerar-quización del receptor, sino que también el infografista debe organizar la informa-ción que quiere entregar, lo cual se verá mas adelante con mayor profundidad.

IVÁN ORELLANA R.

Page 12: Infografia AA

INFOGRAFÍA

Conociendo entonces el tercer lenguaje y el esquema como lenguaje visual, pode-mos entender que es la infografía.

“La infografía es el elemento técnico de la infor-mación –info- y el grafismo –grafía-, comprende 2 categorías de actividades: el análisis o tratamiento de imagen existente y la síntesis de imagen, que 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 estruc-turas visuales como lo son modelos, es-quemas y hasta tipografías.

Al mezclar estos factores gráficos se crea un modelo de comunicación visual con el fin de comunicar información sobre varias temáticas (ciencias, educación, deporte, cultura, literatura, etc) para así crear re-curso para aproximar al lector elementos, ideas o acontecimientos más importan-tes para determinados temas.

Page 13: Infografia AA

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 consi-dera 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 expli-can los acontecimientos descritos en el articulo y sitúan a la historia o a sus pro-tagonistas en un contexto determinado.”

Así es que la infografía debe ser un com-puesto entre ilustración, comunicación visual, diagramación ,tipografías y una ética de diseño. (debe poseer proporcio-nes, formas, colores, jerarquía, etc.) por lo que la organización está cuidadosa-mente creada para que el usuario o lector tenga una precisa y verídica forma rápida de información.

IVÁN ORELLANA R.

Page 14: Infografia AA

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 in-formación que presenta.

-Es entretenida, lo que mejora la reten-ción de información en la memoria.

-Es directo, breve y expreso.

-En cuanto al texto, proporciona breve-dad y toda aquella información la cual la imagen no puede abarcar.

Page 15: Infografia AA

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 infor-mació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 or-ganizació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 sinteti-zadas ya que las figuras y formas no tie-nen relación a la realidad.Son los más utilizados y su tipo de infor-mació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 TORTAGrafico que representa la divisiónde un total en porcentajes representadosen un circulo en donde el tamaño de suspartes es proporcional al tamaño del porcentaje, diferenciados por colores.

IVÁN ORELLANA R.

Page 16: Infografia AA

GRAFICO DE BARRASGrafico usado para representar cantida-des en unidades, comparándolas entre ellas.La altura de las barras dependerá de la cantidad que se quiera representar.

GRAFICO DE FIEBREEste grafico muestra datos a través de tiempos,los cuales deben incrementar o disminuir dentrodel periodo de tiempo establecido.

TIPOS DE INFOGRAFÍA

Page 17: Infografia AA

MAPASLos mapas tienen un nivel grafico más complejo y menos abstracto a compa-ración a los gráficos, sirven para mostrar ubicaciones. Los mapas poseen gran síntesis en comparación a un mapa te-rritorial, ya que muestra solo aquella in-formació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, gra-fico y didáctico, no es un mapa a escala, geográfico o cartográfico, solo una forma de ilustrar ubicaciones, acontecimientos e información.

TIPOS DE INFOGRAFÍA

Page 18: Infografia AA

TABLALa 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 diferen-tes 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 infor-mación.

Page 19: Infografia AA

ANIMACIÓN INFOGRÁFICA

Uno de los soportes más efectivos para la entrega de información es la animación audiovisual como infografía.

Mayor atención, retención, mayor didác-tica y por sobre todo más atractiva y efec-tiva, la animación es un excelente medio para explicar algún tipo de información.

La infografía animada generalmente está dada por gráficos, ilustraciones y no rea-lidades. por lo que la palabra “animación” significa en este caso, un recurso gráfico creado por software especiales de ani-mación en un lapso de tiempo donde la animación está encargada de narrar, ex-plicar o entretener con un objetivo espe-cifico.

La infografía animada tiene como objeti-vo 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 reco-mendables al momento de explicar con medios audiovisuales, información muy

extensa, complicada o tediosa, como por ejemplo datos científicos.

Mayoritariamente se aplican en manuales de circuitos cerrados (como por ejemplo alguna línea aérea que necesite explicar el procedimiento de vuelo) también en noticiaron (para cuando es necesario ex-plicar acontecimientos de algún hecho, ubicaciones dentro de un mapa) o tam-bién dentro de programas televisivos mas científicos o de educación (por ejemplo algún documental al momento de entre-gar información demasiada complicada).

IVÁN ORELLANA R.

Page 20: Infografia AA

1 2

34

5Ejemplo de un spot publicitario en don-de 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.

Page 21: Infografia AA

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.

Page 22: Infografia AA

TIPOS DE ANIMACIÓNINFOGRÁFICA

Dentro de la animacion infografica, exis-ten 3 formas comunes para la narracion de informacion grafica: el Motion Gra-phic y Motion Typography.

MOTION GRAPHICO en español, gráficos de movimien-to, 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ícu-la, 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 computa-dores, donde los resultados finales de la animación se renderea para el tipo de so-porte especifico al cual ira dirigido.Otra gran diferencia es el espacio memo-ria que estos utilizan, son mucho mas pe-queñ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 orna-mentación de el trabajo grafico final.

Page 23: Infografia AA

Titulo: I Met the WalrusDirector: Josh RaskinProductor: Jerry LevitanAño: 2007

I Met the Walrus es un claro ejemplo de infografia estilo motion graphic.

El director Josh Raskin e ilustradores Ja-mes Braithwaite y Alex KURINA han co-laborado para crear un cortometraje de animación con la grabación de la entre-vista original con la banda sonora. Un bu-que 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 “Nue-vos Enfoques”

-imdb

Page 24: Infografia AA

MOTION TYPOGRAPHYO también conocida como Kinetic typo-graphy, o en español “tipografía en mo-vimiento”, es un método muy similar al anterior pero la gran diferencia radica en que esta técnica utiliza un mayor porcen-taje 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 mo-tion graphic, ya que mantiene al usuario mucho mas interesado por el contenido del mensaje al mezclar graficas en movi-miento 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 anima-ción con sentido netamente grafico.

TIPOS DE ANIMACIÓNINFOGRÁFICA

Page 25: Infografia AA

“Harbor Freight Spec Spot :30”

Spot comercial en donde se utiliza la ani-mación tipográfica como recurso visual para persuadir sobre la compra de vehí-culos.

Page 26: Infografia AA

INFOGRAFÍA PERIODISTICA

Page 27: Infografia AA

La infografía ha creado un fuerte impac-to en los medios periodísticos, principal-mente 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ér-mino al departamento infográfico, lugar donde toda la información grafica es rea-lizada.aquí, el tipo de información es más cui-dadosa en el sentido que esta dada por periodistas, los cuales trabajan con crea-tivos para crear el resultado final y publi-carlo 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 infor-mación entregada por este medio hace que la noticia sea mas comprensible para el lector.

CATEGORÍASDentro del genero periodístico, la infogra-fí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: cate-goría uno, categoría dos, categoría 3 y mega gráficos los cuales se veras a con-tinuación:

Page 28: Infografia AA

CATEGORÍA UNOSon infografía básicas las cuales se utili-zan 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áti-ca y un software de diseño.

fotografía a una infografía de barras de un periódico

Gráficos de torta y barra para las páginas de una revista en la cual se organiza la in-formació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.

Page 29: Infografia AA

CATEGORÍA DOSEste 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 perio-dista y el infografista deben conocer los acontecimientos que se quieren dar a co-nocer, 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 (colo-res, tipográficas y hasta diagramas).

En esta categoría se puede mezclar el modelo de la categoría uno para una ma-yor síntesis de información.

Infografía de categoría dos para explicar ingresos y gastos económicos en un periódico financiero.

IVÁN ORELLANA R.

Page 30: Infografia AA

CATEGORÍA TRESCategoría con un alto nivel de narración para hechos complejos donde ubica-ciones, hechos, información especifica y datos numéricos están presentes al la noticia, la cual hay que investigar profun-damente 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 ele-vada 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 cui-dadosamente 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 foto-grafías y datos de las escena. como se puede notar, la imagen vectorial simula tridimensionalidad para un mejor nivel de detalle.

Page 31: Infografia AA

MEGA GRÁFICOSinfografía utilizada solo por periódicos especializados, los mega gráficos son una forma de entregar datos casi artísti-ca, donde la grafica esta presente de so-bremanera .El tipo de información que se puede en-tregar 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”).

IVÁN ORELLANA R.

Page 32: Infografia AA

SISTEMAS DE GRAFISMOS.

Page 33: Infografia AA

“Los sistemas gráficos engendran dos ti-pos de imágenes: bidimensionales (2D) y tridimensionales (3D).”Joan Costa- Diseñar para los ojos. pág. 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 vec-tores con el conocimiento de un infogra-fista y herramientas de diseño.

Estos sistemas de grafismos están dados por software de diseño por computador, medios digitales como soporte de origen para una transformación a soportes mul-timedias.

BIDIMENSIONAL (2D)La imagen bidimensional aplicada a la in-fografía como grafica está dividida en 2 partes, el Bit-map y la imagen vectorial.

El bitmap es una imagen creada por pixe-les punto a punto, imágenes lineales que crean graficos complejos pero muy bási-cos.

El Vector es el tipo de herramienta más usada, esta creada por software especia-lizados y su función primordial es el alto nivel de expansión y calidad ya que no trabaja con pixeles fijos.son utilizados para crear todo tipo de gráficos. desde los mas básicos hasta los más complejos (como lo es la simulación 3d).

Page 34: Infografia AA

BIT-MAP

Iconos creados con bitmap, infografía de sistemas computacionales.

Tipografías creadas con bitmap, también utilizadas por sistemas computacionales.

Page 35: Infografia AA

IMAGEN VECTORIAL

Las propiedades de una imagen vectorial no cambian al modificar la escala ya que el sofware es capaz de calcular las pro-piedades y mantenerlas.el vector necesita de mucha más memo-ria o espacio que el bitmap.

IVÁN ORELLANA R.

Page 36: Infografia AA

TR ID IMENSIONAL (3D)La imagen tridimensional esta dividida en el vector y el render.

Al igual que el anterior, la imagen vec-torial tambien puede ser utilizada como recurso 3d al simular vistas tridimensio-nales 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 decir-se que en el proceso de renderización el sofware interpreta la escena en tres di-mensiones y la plasma en una imagen bi-dimensional.

En la infografía este proceso se desarrolla con el fin de imitar un espacio 3D, para calcular el comportamiento de luces, tex-turas, materiales y animación, simulando ambientes y estructuras físicas.

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 comple-jas como radiosidad, raytrace (trazador de rayos), canal alfa, reflexión, refracción o iluminación global.

Page 37: Infografia AA

VECTOR 3D RENDER 3D

IVÁN ORELLANA R.

Page 38: Infografia AA

Sistema de grafismo

Usuarios2D

Usuarios3D

Page 39: Infografia AA

Vectores Gráficos

UsuariosImagen vectorial

UsuariosRender 3d

UsuariosImagen vectorial

UsuariosBit map

DATOS

IVÁN ORELLANA R.

Page 40: Infografia AA

SOFWARES DE DISEÑOPARA INFOGRAFÍA

Page 41: Infografia AA

La clave del tratamiento de las imágenes son los programas de gráficos.sirven para incorporar imágenes a nues-tros documentos impresos o en pantalla. Esto puede darles vida y proporcionar impacto.

La mayoría de las veces los gráficos son creados desde cero en estos software, pero también es posible usar imágenes pre armadas, mas conocidas como “clip art” aunque el armado de los gráficos desde cero hace de la infografía un tra-bajo de mejor calidad e impacto sobre el usuario.

Los programas de dibujo o ilustración (Draw) crean las formas como objetos geométricos: una combinación de líneas rectas y curvas, abiertas o cerradas, con un contorno de grosor y color a elegir, y con relleno o sin él. Los objetos pueden ordenarse unos respecto de otros, agru-parse o mantenerse independientes.

Resultado: gráficos que difícilmente pue-den ser tan realistas como los bitmaps, pero que pueden escalarse a cualquier tamaño sin perder calidad (visto en los sistemas graficos) Idóneos para ilustra-ciones lineales y estilizadas, esquemas, texto y dibujo técnico.

Los programas más utilizados en el me-dio profesional son: Freehand, Illustrator y Corel Draw.

SOFWARES VECTORIALES

Page 42: Infografia AA

El software de Adobe Illustrator CS2 le ofrece la libertad necesaria para materia-lizar sus ideas de forma rápida y potente. Convierta instantáneamente los mapas de bits en ilustraciones vectoriales y pin-te de forma más intuitiva. Ahorre tiempo gracias a las paletas inteligentes y los es-pacios de trabajo optimizados.Además, gracias a la estrecha integra-ció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.

ADOBEILLUSTRATOR

Page 43: Infografia AA

Maximice el proceso de diseño con Free-Hand MX. Sólo FreeHand MX ofrece todo lo que se necesita para pasar sin proble-mas 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 documen-to. Reduzca el tiempo necesario para la producción, reutilice fácilmente el mismo contenido en Internet, cree nuevo conte-nido de Macromedia Flash y mucho más.(www.freehand.com)

(este software esta descontinuado ya que adobe compro los derechos de Ma-cromedia y reemplazo este programa por illustrator, aun así, se sigue usando en muchas partes como software de cabe-cera. Interfaz de freehand.

MACROMEDIAFREEHAND

IVÁN ORELLANA R.

Page 44: Infografia AA

El primero en ofrecerte herramientas inte-ligentes que te simplifican el proceso de diseño, reducen el tiempo de revisión y reutilización de gráficos, y te proporcio-nan más control sobre texto y objetos, lo cual te ayuda a diseñar con mucha más precisión. Un producto completo que in-cluye software de calidad para la ilustra-ción vectorial, edición digital de imáge-nes y creación de gráficos en movimiento para que puedas crear más y mejor, en mucho menos tiempo.(www.coreldraw.com)

COREL DRAW

Interfaz de CorelDraw X4.

Page 45: Infografia AA

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 progra-mas son una especie de mosaico de pun-tos minúsculos —cada punto es un píxel o elemento de la pantalla— al que asig-nan colores para formar la imagen.

Algunos de los programas en bitmap (mapa de bits) son: Photoshop, Painter y Paint Shop Pro.

SOFWARES BITMAP

IVÁN ORELLANA R.

Page 46: Infografia AA

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 innova-doras 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.

ADOBEPHOTOSHOP

Interfaz de Adobe Photoshop CS5

Page 47: Infografia AA

Corel Painter es la herramienta más ase-quible en el mercado de edición profesio-nal de imágenes.A su potente motor de edición de foto-grafías, su precisión de diseño gráfico y sus avanzadas capacidades de arte digi-tal, se añade el hecho de que Corel Pain-ter 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.

COREL PAINTER

Interfaz de Corel Painter 8

IVÁN ORELLANA R.

Page 48: Infografia AA

Los programas que trabajan con dibujos espaciales, alcanzan el nivel de tres di-mensiones (3D). Sus puntos están defini-dos por tres coordenadas.

SOFWARES 3D

3ds Max es uno de los programas de ani-mación 3D más utilizados. Dispone de una sólida capacidad de edición, una om-nipresente arquitectura de plugins y una larga tradición en plataformas Microsoft Windows. 3ds Max es utilizado en mayor medida por los desarrolladores de vide-ojuegos, aunque también en el desarrollo de proyectos de animación como pelícu-las o anuncios de televisión, efectos es-peciales y en arquitectura.

3D MAX

Page 49: Infografia AA

Integra los programas de modelaje, ani-mación, efectos visuales y renders visua-les más avanzados. Y es el programa de 3d con mayor capacidad de bases de da-tos 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 Cine-ma4D es tu mejor opción. Genera imáge-nes de super calidad con su máquina de generación ultrarrápida

MAYA CINEMA 4D

IVÁN ORELLANA R.

Page 50: Infografia AA

El infografista es aquel que diseña la in-fografía a base de los datos entregados. Debe ser capaz de traducir estos datos 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 lue-go 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 mane-ra 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

Todo esto es con el objetivo de que la ex-tracción de conocimientos sea de lo más útil y memorizable.

EL INFOGRAFISTA

Page 51: Infografia AA

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.

TRANSCODIFICACIÓNY ELEMENTOS VISUALES

IVÁN ORELLANA R.

Page 52: Infografia AA

Organizaciónestructural

Usuarios+ Visibilidad

Usuarios+ Comprensión

UsuariosExtraer conocimientosútiles y memorizables

Usuarios+ Rapidez

UsuariosObjetivo

Usuariosinformacióminequivoca

Page 53: Infografia AA

Transcodificación a elementos visuales

Cultura visual

Según Cultura

Según tipode información

Según tipode técnica

Infografista

IVÁN ORELLANA R.

Page 54: Infografia AA

22EL LENGUAJEINFOGRÁFICO

Page 55: Infografia AA
Page 56: Infografia AA

El lenguaje infográfico está lleno de sig-nos y formas de interpretar la realidad, para llegar a entender el por que de la síntesis grafica es necesario primero en-tender la teoría de la imagen.

Toda representación icónica es signo de una ausencia, por lo que la imagen puede ser física o mental.

Abraham Moles distingue la imagen en varios rasgos diferentes:

-Grado de figuración: “La idea de repre-sentacion por la imagen de objetos o se-res conocidos intituivamente por nues-tros ojos en el mundo exterior”

-Grado de iconicidad: “La calidad de identidad de la representacion en rela-cion al objeto representado”

-Complejidad: “Ligada al numero de ele-mentos o a la dificultad de discernir por parte del espectador determinadas for-mulaciones visuales”.

-Grado de isomorfismo: similitud de for-ma, una escala de iconicidad mide el gra-do de isomorfismo que una imagen guar-da con su referente.también compara a la imagen de su ob-jeto.

Con lo anterior, la imagen infográfico debe moverse por un buen grado de iconicidad y figuración para su síntesis y rapidez en la precognición de elementos reales.

En una escala de los niveles de realidad, realizado por Villafañe nos hace entender a que nivel la infografía debe ser grafica-da:

1- Imagen Natural2- Modelo 3d a escala3- Imagen de registro estereoscópico4- fotografía a color5- pintura realista6- representación no realista7- pictogramas8- esquemas motivados9- esquemas arbitrarios

Page 57: Infografia AA

10- representación no figurativa (formas abstractas)

Entre los puntos 6, 7 y 8 se puede en-contrar 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.

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 comuni-cación

-Poseen un alto grado de ambigüedad

-Facilidad para referirse a conceptos concretos

-Limitado para significar cierto tipo de ex-presiones (“no es”, “debería ser”)

Utiliza un conjunto infinito de elementos

LENGUAJE ICONICO.

IVÁN ORELLANA R.

Page 58: Infografia AA

A continuación se hará el mismo ejercicio con el lenguaje verbal y el porqué es ne-cesario integras y no eliminarlas por com-pleto en la infografía.

-Para interpretar palabras, el receptor debe conocer el código, por lo que con-vierte 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.

LENGUAJE VERBAL

cuyas ordenaciones no están codifica-das.

-Presentación simultanea de los elemen-tos.

-Facilidad para comunicar abstracciones

-Adecuado para comunicar abstraccio-nes

Se basa en un conjunto finito de elemen-tos regulados por un sistema de reglas

-Presentación temporal de los elementos.

Page 59: Infografia AA

CROMÁTICA

La infografía al estar distanciada del len-guaje realista y figurativo, posee ciertas reglas cromáticas.

“entonces, nos distanciamos de la foto-grafía, la ilustración y las imágenes imita-tivas mas o menos veristas i estilizadas. Nos hemos liberado de las referencias de la visión empírica del mundo.

Ahora, el color por si mismo significa. Opera en estado puro y no como atributo natural de las cosas que nos rodean. De hecho. ahora hemos entrado en el mun-do del diseño propiamente dicho, como designio y como formalización de ese de-signio. 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

Así pues que la infografía se mueve den-tro de gamas cromáticas las cuales, al igual que la imagen, simplifican el objeto, lo mantienen limpio y organizado.La diagramación y tipografía son ordena-das por gamas cromáticas, dividiendo el tipo de información para una fácil lectura.

Mientras más abstracta y simple sea la infografía, mas básica y pequeña es la gama cromática, ya que la información abstracta y demasiado icónica podría caer en el mal entendido si los colores no se aplican bien.

IVÁN ORELLANA R.

Page 60: Infografia AA

23INFOGRAFÍAY NARRACIÓN

Page 61: Infografia AA
Page 62: Infografia AA

Existe muy poca información sobre la in-fografí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 anima-ciones infografías innovadoras en merca-dos tan variados como el cine y la televi-sió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 entre-tenida para un tipo de público especifico.

de acuerdo al cliente y sus necesidades la infografía como narración adapta sus estilos de arte y muestra con atmosferas coherentes al trabajo no infográfico lo que pocas disciplinas pueden hacer tan efectivamente.

Muchas veces abaratando costos y tiem-pos con resultados positivos al emplea-dor.

La infografía animada como narración cada día toma más fuerzas en tiempos donde la eficacia y persuasión del men-saje son tan importantes para la entrega de información. (como lo ha hecho la pu-blicidad, 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 el cual últimamente ha indagado en la in-fografía animada como narración y la ha puesto en lugares tan concurridos como lo es el metro).

INTRODUCCIÓN

Page 63: Infografia AA

La gramática narrativa es el mecanismo que permite generar el relato de la info-grafía: unas reglas de formación de la estructura que permiten ordenar la infor-mación sobre la base de la imagen y el complemento del texto.

El desarrollo de la narrativa en la infogra-fia, según Dellamea son:

1. Personajes: seres animados humanos, animales u objetos animados.2. Acciones: el acontecimiento.3. Ambiente: el escenario o marco.4. Función: acción o atributo de un per-sonaje definido desde el punto de vista de su alcance significativo para el relato.

Las categorías mayores de la narración son:

1. Marco o contexto.2. Episodio.(Dellamea, 1994: 245-246)

Esto se da mayoritariamente en la info-grafia animada, donde estas jerarquizas son faciles de exponer separandolas en escenas.

IVÁN ORELLANA R.

NARRACIÓNPERIODISTICA.

Page 64: Infografia AA

El lector debe visualizar claramente y comprender la noticia.

Para esto, en este sentido hay que tener en cuenta los mecanismos de lectura que realiza el ojo humano (teoria de la imá-gen): primero barre toda la superficie, luego repara en algunas zonas, tratando de identificar objetos conocidos, luego los identifica, reconstituyendo los ele-mentos simples más conocidos y luego interpreta por asociación de elementos e ideas en función de referencias culturales y esquemas previos (Chappe, 1992).

De esta manera, la tendencia del lector es mirar los primeros elementos con rapidez y realizar una pausa sobre los otros.

En todos los casos, los primeros niveles de lectura de una infografía serán los tí-tulos y las ilustraciones. El avance en la lectura se da en función de la cultura del lector.

El tamaño, el color, el emplazamiento de la imagen, juegan un rol. Aun así, en to-dos los casos, las imágenes y sobretodo aquellas en las que los elementos son fá-cilmente identificables, se sitúan una glo-balidad.

También hay que tener en cuenta el me-canismo de lectura del ojo del lector: de arriba hacia abajo y de izquierda a dere-cha y que percibirá siempre el lado mayor 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.

CATEGORIAS DENTRO DEL ESQUEMA

Page 65: Infografia AA

Una de las mejores maneras de crear na-rració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 ilustra-ciones y gráficos, lo cual hace mucho mas fácil algún tipo de narración.

Posee múltiples estilos de llevar a cabo el movimiento de sus objetos, como lo son el stop motion, la pixilación, rotoscopia, etc. pero la que mejor se utiliza dentro de la infografía es la animación vectorial, esto de da por el simple hecho de la sín-tesis de imagen que se hablo con anterio-ridad (imagen vectorial).

La animación vectorial solo se puede crear a partir de programas especializa-dos de animación (como también de ilus-tración)

Los estilos aplicados a la animación den-tro del ámbito digital, puedes ser varia-dos en cuanto a gama cromática, estilo de trazo, los fps. aun así, existen varias

IVÁN ORELLANA R.

INFOGRAFÍA NARRATIVA Y LA ANIMACIÓN

coincidencias como lo son:

-Duración:La infografía narrativa no debe ser muy extensa, la cantidad de información ani-mada no debe ser abusada ya que puede existir una saturación de información, lo cual a un largo plazo no estaría aprove-chando las variables positivas que la in-fografía posee.

-Dinamismo en la narración:La forma en que se cuenta una historia debe estar presente en la infografía, los detalles, se debe intentar explicar los de-talles de forma dinámica y con una cohe-rencia con respecto al flujo de la anima-ción.

-Sonido:Sonido de ambiente, muy sintetizado, la mayoría de las veces se utiliza un soun-dtrack para ambientar la animación. Cuando se aplica voz en off, la animación se transforma en Motiongraphics o Motion Typographics.

Page 66: Infografia AA

-Encuadres:Las animaciones infograficas utilizan mu-chos 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 dimen-siones, en la que los tres ejes ortogonales principales, al proyectarse, forman ángu-los de 120º, y las dimensiones paralelas a dichos ejes se miden en una misma es-cala.

Isometric Projection.com

Ilustracion vectorial en vista isometrica, muy utilizada en animacion infografica.

INFOGRAFÍA NARRATIVA Y LA ANIMACIÓN

Page 67: Infografia AA

Mapa mundial sobre los cambios climaticos ocurridos el 2004

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 ur-banismo, croquis en planta, y en mapas.

Wikiccionario.com

Page 68: Infografia AA

EJEMPLO SOBRE INFOGRAFÍA NARRATIVA ANIMADA.

“Little red riding hood”

Dir. Tomas Nilsson / Sweden / 2009

You’ve never seen Little Red Riding Hood quite like this - a brilliant animation inspi-red by Röyksopps ‘Remind Me.’

The animator: http://www.tomas-nilsson.se/index.htmlThe music: http://www.smk.just.nu/

Appears courtesy of Tomas Nilsson

Infografía narrativa sobre el clásico cuen-to “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 innova-dora forma de ver este cuento.

Page 69: Infografia AA

IVÁN ORELLANA R.

Page 70: Infografia AA

24PLANTEAMIENTO DEL PROYECTO

Page 71: Infografia AA
Page 72: Infografia AA

El siguiente proyecto de titulo estará guiado netamente por la infografía como narración animada.

Se buscara la manera de narrar digital-mente y a través de movimiento, infor-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 mensa-je u información para la cual se requiera información grafica, así captar la atención rápida y fácilmente en un medio comuni-cacional masivo.

Las redes sociales hacen de el internet un soporte comunitario de rápida difusión, por lo que la infografía podría apoyarse en estos medios comunicacionales para persuadir sobre información especifica que se necesite entregar.

APROVECHAR MEDIOS MASIVOS

Page 73: Infografia AA

IVÁN ORELLANA R.

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.

SOLUCIONAR

Page 74: Infografia AA

CONCLUSIÓN

Luego de esta investigación sobre la in-fografía, se pudo revelar que no llega a ser una disciplina como tal, ya que no existen estudios especializados en la te-má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 he-rramienta comunicacional la cual es ca-paz de crear un nuevo lenguaje informáti-co y visual, en donde tiene como objetivo entregar información de cualquier tipo de manera rápida, eficaz, didáctica, entrete-nida y con un alto poder comunicacional.

es por esto que diferentes disciplinas to-man a la infografía como una herramienta de trabajo capaz de mostrar de forma es-pecífica, información compleja o extensa

para una mejora de experiencia usuario-contenido.

Este método multidisciplinario, pero que debe ser tratado por diseñadores, es sin duda alguna una novedosa forma de cap-tar 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 des-cubrir 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 las que la infografía se adapta creando nuevas formas interesantes de captar in-formación.

Page 75: Infografia AA

Cuando es necesario explicar algún con-tenido extenso o complicado, cuando es necesario demostrar hechos y aconteci-mientos, cuando es importante entregar comparaciones con datos en la realidad, es que donde la infografía actúa satisfa-ciendo todos estos ámbitos de la comu-nicación y agregándoles lenguajes visua-les. la infografía siempre estará presente en la vida de las personas por su gran ri-queza visual y textual, son fácil compren-sió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 pala-bras y estas imágenes mezcladas con palabras crear lo que llamamos como la información grafica.

Page 76: Infografia AA

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”

Page 77: Infografia AA
Page 78: Infografia AA

IVÁN ORELLANA RODRÍGUEZSEMINARIO DE TITULACIÓN

2010

Page 79: Infografia AA