imagen y diseño gráfico - unitat de coordinació ...freixa/pdfs/presentacion_sesion_01.pdf · los...

Foto/grafismo digitalPere Freixa y Andreu Balius

PresentaciónIntroducción: Conceptos fundamentales de la imagen digital.04 de octubre de 2006

Master en Artes Digitales # 2006/2007

Descripción

En el traspaso de los haluros y las picas a los píxeles, la tinta inyectada y los tubos RGB, los medios analógicos como la fotografía o el diseño gráfico, han sufrido mutaciones, desgastes y transformaciones que les han permitido aposentarse en los nuevos entornos virtuales. Reclamando y definiendo un espacio propio. La fotografía digital, o postfotografía, el diseño o la ilustración digital forman parte de los usos y modos creativos de la imagen contemporánea.

Por otra parte, más allá de su capacidad discursiva, el foto/grafismo digital interviene o participa en prácticamente todos los proyectos que podamos imaginar en el contexto de la producción experimental, multimedia o interactiva, convirtiéndose en denominador común de todos ellos.

Foto/grafismo digital # Presentación 02

Descripción

En este módulo se van a desarrollar los recursos y las metodologías propias de la imagen digital desde dos perspectivas: como herramienta para la creación de un discurso propio y como recurso básico para la creación donde el foto/grafismo digital juegue un papel determinante.

Bloque I: fotografía digital: 8 horas, Pere FreixaBloque II: Grafismo digital: 8 horas, Andreu Balius Bloque III: Foto/grafismo digital; 16 horas, Pere Freixa y Andreu Balius

Foto/grafismo digital # Presentación 03

Temario

Tema 0: Introducción. Repaso de los conceptos fundamentales de la imagen digital.

Tema 1: Discursos fotográficos y postfotográficos .. Escanogramas y registros de la imagen. . Recursos de composición digital I

Tema 2: Representaciones del espacio:. El fotomontaje fotográfico. . Dimensionalidad fotográfica: 2, 3 o 4 dimensiones.. Recursos de composición digital II.

Tema 3: Representaciones del espacio:. La composición gráfica y la composición tipográfica.. Fotografía y tipografía.. Tipografismo: expresión de la forma tipográfica.. El texto como imagen. La imagen del texto.

Foto/grafismo digital # Presentación 04

Temario

Tema 4: Tipografía en el entorno digital.. Uso y Usos de la tipografía en el entorno digital. Prácticas y métodos.

Tema 5: Comportamientos experimentales en la representación gráfica.. Representaciones urbanas. Iconografía del espacio urbano.. Representaciones gráficas basadas en la tecnología digital.. Comportamientos artísticos en la gráfica actual.

Tema 6: Representaciones del territorio virtual. Identidad en red: El cuerpo en la red.. Representación panorámica del territorio. Indexación y topografía.. Aproximaciones a la representación del territorio desde la gráfica digital.. El concepto de espacio virtual.. Análisis de casos. Iconografia.

Foto/grafismo digital # Presentación 05

Calendario

Foto/grafismo digital # Presentación

Sesión fecha Profesor Temario / indicaciones

1 04 octubre P. Freixa Presentación. Introducción conceptos elementales de la imagen digital

2 11 octubre P. Freixa . Escanogramas y registros de la imagen. Presentación

. Recursos de composición digital I

3 18 octubre P. Freixa . Escanogramas y registros de la imagen. Prácticas y tutorías

. Recursos de composición digital I

4 25 octubre P. Freixa . El fotomontaje fotográfico. Presentación

. Dimensionalidad fotográfica: 2, 3 o 4 dimensiones.

. Recursos de composición digital II.

5 08 noviembre P. Freixa . El fotomontaje fotográfico. Prácticas y Tutorías

. Dimensionalidad fotográfica: 2, 3 o 4 dimensiones.

. Recursos de composición digital II.

06

Calendario

Foto/grafismo digital # Presentación

Sesión fecha Profesor Temario / indicaciones

6 15 noviembre A. Balius Representaciones del espacio:

. La composición gráfica y la composición tipográfica

. Fotografía y tipografía.

7 22 noviembre A. Balius Representaciones del espacio:

. Tipografismo: expresión de la forma tipográfica

8 29 noviembre A. Balius Tipografía digital.

Uso y Usos de la tipografía en el entorno digital. Prácticas y métodos.

9 13 diciembre A. Balius Comportamientos experimentales en la representación gráfica.

Representaciones urbanas. Iconografía del espacio urbano.

Representaciones gráficas basadas en la tecnología digital.

Comportamientos artísticos en la gráfica actual.

10 20 diciembre A. Balius

P. Freixa

presentación segunda parte: Representaciones del territorio virtual

07

Calendario

Foto/grafismo digital # Presentación

Sesión fecha Profesor Temario / indicaciones

11 10 enero P. Freixa Representaciones del territorio virtual. Presentación / tutoría

12 17 enero A. Balius Representaciones del territorio virtual. Presentación / tutoría

13 24 enero P. Freixa Representaciones del territorio virtual. Presentación / tutoría

14 31 enero A. Balius Representaciones del territorio virtual. Tutoría

15 07 febrero P. Freixa Representaciones del territorio virtual. Tutoría

16 14 febrero A. Balius

P. Freixa

Representaciones del territorio virtual. Exposiciones y evaluación

08

Referencias y Bibliografía

Amelunxen, Hubertus von, ed.: Photography after photography : memory and representation in the digital age, Siemens Kulturprogramm, G+B Arts, cop. 1996

Leclanche-Boulé, Claude: Tipografías y fotomontajes. Constructivismo en la URSS. Ed. Campgrafic. València, 2003.

Lister, Martin (ed.): La imagen fotográfica en la cultura digital. Barcelona: Paidós, 1997

Ritchin, Fred: In our own image the coming revolution in photography : how computer technology is changingour view of the world, New York: Aperture, 1990

Roquette, Ysabel de (ed.): Art-photographie numérique = Art-digital photography : l'image réinventée, Aix-en-Provence : Cypres. Ecole d'art d'Aix-en-Provence, 1995.

Sesma, Manuel: Tipografismo. Paidós Diseño, 2004.

VV.AA.: Letra y Fotografía en la vanguardia checa” (catálogo exposición). Ed. Campgràfic. Valencia, 2006.

VV.AA.: Ladislav Sutnar – Prague-New york – Design in action. (catálogo exposición). Museum of Decorative Arts in Prague, 2003

Yates, Steven A. (ed.): Poéticas del espacio : antología crítica sobre la fotografía, Barcelona : Gustavo Gili, 2002.

Foto/grafismo digital # Presentación 09

Foto/grafismo digital

Foto/grafismo digital # Presentación 10

Dos personajes / referencias históricas:

Nancy BursonComposites. Computer generated Portraits

Zuzana LickoEmigre. Typography project

Foto/grafismo digital # Presentación 11

First Beauty Composite (1982)

Bette Davis, Audrey Hepburn, Grace Kelly, Sophia Loren & Marilyn Monroe

Foto/grafismo digital # Nancy Burson: Composites 12

Second Beauty Composite (1982)

Jane Fonda, Jaqueline Bisset, Diane Keaton, Brooke Shields & MerylStreep

Foto/grafismo digital # Nancy Burson: Composites 13

First Male Movie Star Composite (1984)

Cary Grant, Jimmy Stewart, Gary Cooper, Clark Gable, Humphrey Bogart

Foto/grafismo digital # Nancy Burson: Composites 14

Second Male Movie Star Composite (1984)

Richard Gere, Christopher Reeve, Mel Gibson, Warren Beatty & Robert Redford

Foto/grafismo digital # Nancy Burson: Composites 15

Androgyny (1982)

6 men + 6 women

Foto/grafismo digital # Nancy Burson: Composites 16

Androgyny (1982)

6 men

Foto/grafismo digital # Nancy Burson: Composites 17

Androgyny (1982)

6 women

Foto/grafismo digital # Nancy Burson: Composites 18

Mankid (1983-5)

An Oriental, a Caucasian and a Black weighted according to current population statistics

Foto/grafismo digital # Nancy Burson: Composites 19

Lo-Res Font (1985)

Tipografía bitmapsobre base 9.

Desarrollo de la familia

Foto/grafismo digital # Zuzana Licko: Emigre 20

Lo-Res Font (1985)

Foto/grafismo digital # Zuzana Licko: Emigre 21

Modula Font (1985)

“Modula was the first high resolution headline face that I designed with the Macintosh computer”

Foto/grafismo digital # Zuzana Licko: Emigre 22

Citizen (1986)

“With the introduction of laser printers, the "smooth" printing option was provided as a shortcut to increasing the resolution of bitmaps from screen to printer. The smooth printing option provided by the early Macintosh processed 72 dpi bitmaps into 300 dpi bitmaps for laser printers; seemingly polishing stair step pixels into smooth diagonals”

Foto/grafismo digital # Zuzana Licko: Emigre 23

Foto/grafismo integrado en proyectos digitales:

Mario Magaña y Dimitra Divani

Las Pesadillas de Pavel. Proyecto final de Master Artes Digitales 2004/05

Santos Miguel Tricio y Fabián Barros AndradeOM. Proyecto final de Master Artes Digitales 2004/05

Cordula DausBCNova!. Proyecto final de Master Artes Digitales 2002/03

Foto/grafismo digital # Presentación 24

Las pesadillas de Pavel (2004/05)

Proyecto vídeoonline

http://www.laspesadillasdepavel.com

Foto/grafismo digital # Mario Magaña y Dimitra Divani 25

Las pesadillas de Pavel (2004/05)

Proyecto vídeoonline

http://www.laspesadillasdepavel.com

Foto/grafismo digital # Mario Magaña y Dimitra Divani 26

Las pesadillas de Pavel (2004/05)

Proyecto vídeoonline

http://www.laspesadillasdepavel.com

Foto/grafismo digital # Mario Magaña y Dimitra Divani 27

OMUna narración interactiva(2004/05)

Aplicación online

http://www.famul-postgraus.net/om/

Foto/grafismo digital # Santos Miguel Tricio y Fabián Barros Andrade 28

OMUna narración interactiva(2004/05)

Aplicación online

http://www.famul-postgraus.net/om/

Foto/grafismo digital # Santos Miguel Tricio y Fabián Barros Andrade 29

OMUna narración interactiva(2004/05)

Aplicación online

http://www.famul-postgraus.net/om/

Foto/grafismo digital # Santos Miguel Tricio y Fabián Barros Andrade 30

BCNova!(2002/03)

Ensayo interactivo on-line

http://www.bcnova.com/

Foto/grafismo digital # Cordula Daus 31

BCNova!(2002/03)

Ensayo interactivo on-line

http://www.bcnova.com/

Foto/grafismo digital # Cordula Daus 32

BCNova!(2002/03)

Ensayo interactivo on-line

http://www.bcnova.com/

Foto/grafismo digital # Cordula Daus 33

Conclusiones

. Establecer un ámbito de trabajo entre las posibilidades del espacio creativo propio del foto/grafismo y la concepción del foto/grafismo como recurso visual y/o gráfico.

. Afianzar los conceptos y herramientas del foto/grafismo digital.

. Potenciar la capacidad discursiva de la imagen como foto/grafismo.

Foto/grafismo digital # Ámbito de trabajo 34

Introducción a los conceptos básicos del foto/grafismo digital

Foto/grafismo digital # Conceptos básicos 35

1. Mapa de bits / Imagen vectorial

2. Tamaño y resolución de imagen

3. Espacio de color/ profundidad de color

4. Formato de imagen y compresión

Foto/grafismo digital # Conceptos básicos 36

. Toda imagen digital está formada por una descripción numérica (binaria) de su contenido.

. Las imágenes digitales pueden pertenecer a dos (tres) grandes grupos:

1.Compuestas por conjuntos de puntos con valor cromático (mapa de bits).

2. Conjunto de las descripciones geométricas que forman los objetos que en ellas aparecen (imágenes vectoriales).

(3. Imágenes compuestas por objetos definidos por un programa o código que las genera).

Foto/grafismo digital # Conceptos básicos # Mapa de bits / Imagen vectorial 37

. Las imágenes de mapa de bits están compuestas por píxeles. Cada píxel es una unidad visual, picture element, formado por un determinado conjunto de bits.

. El tamaño de la imagen digital lo determinan el número de píxeles que la forman, vertical y horizontalmente.

. En función de cuantos píxeles reproduzcamos por unidad de medida (centímetro, pulgada) determinaremos la resolución.

. En función del número de píxeles y de la cantidad de bits que formen cada píxel, la imagen ocupará mayor o menor espació de disco. Determinaremos el peso de la imagen.

. En función de la cantidad de bits que formen cada píxel, la imagen tendrá mayor cualidad cromática.

Foto/grafismo digital # Conceptos básicos # Tamaño y resolución de imagen 38

. La cualidad cromática de la imagen la llamaremos profundidad de color, y supondrá el número de bits que puede tener asignados un píxel. Cada profundidad de color determina un espacio de color, es decir, la cantidad de matices cromáticos distintos que puede tener una imagen

. Imagen 1 bit : 2 colores

. Imagen 2 bits: 4 colores

. Imagen 3 bits : 8 colores

. Imagen 4 bits: 16 colores

. Imagen 5 bits: 32 colores

. Imagen 6 bits: 64 colores

. Imagen 7 bits: 128 colores

. Imagen 8 bits: 256 colores

. Imagen 16 bits: miles de colores (65.536)

. Imagen 24 bits: color real (16 millones de colores) (8 bits por canal)

. Imagen 32 bits: color de quatricomia

Foto/grafismo digital # Conceptos básicos # Espacio de color/ profundidad de color 39

Foto/grafismo digital # Conceptos básicos # Espacio de color/ profundidad de color 40

Ampliación de un píxel de la pantalla en un espacio de color de RGB o 24 bits

Foto/grafismo digital # Conceptos básicos # Espacio de color/ profundidad de color 41

Ampliación de un píxel de la pantalla en un espacio de color de 1 bit (b/n puro) y 8 bits en color (color indexado)

. Se entiende por formato de imagen el conjunto de parámetros e instrucciones que permiten ordenar y organizar los bits de información para que se puedan leer, guardar y almacenar, de forma transparente para los programas y usuarios.

. Permite la transferencia entre el software y los sistemas operativos, que incorporan las definiciones para poder crear, leer o interpretar cualquier fichero de un determinado formato.

. Existen dos grandes grupos:

. Formatos sin compresión.

. Formatos con compresión.

Foto/grafismo digital # Conceptos básicos # Formato de imagen y compresión 42

. Formatos sin compresión:

TIFF (Tagged-Image File Format). Formato común en la mayoría de entornos de imagen. Utilizado para el intercambio de imágenes entre sistemas operativos. Guarda imágenes en todos los espacios de color, hasta 32 bits. permite compresión LZW. Las últimas versiones incorporan capas y otras compresiones.

BMP Mapa de Bits. Formato de imagen propio del entorno Windows. Guarda imágenes de 2, 8, 16 y 24 bits. No permite canales alpha. Permite compresión de redundancia.

PICT Formato de imagen propio del entorno Macintosh. Permite imágenes RGB en 16 y32 bits, e imágenes de 2, 4 y 8 bits. Puede incorporar compresión JPEG.

Foto/grafismo digital # Conceptos básicos # Formato de imagen y compresión 43

. Formatos sin compresión:

PSD Formato propio de Adobe Photoshop. Permite todas las características de de Photoshop: todos los espacios de color, múltiples capas y canales. Permite compresión sin pérdidas.

TGA El formato TARGA es originario de las tarjetas gráficas Truevision. Es común en entornos PC, en edición de vídeo digital y en aplicaciones de renderizado en 3D. Permite 16, 24 o 32bits.

RAW Formato de imagen sin interpretación de los datos registrados por el dispositivo de captura, para su posterior manipulación desde el software de edición. Existencia de muchos formatos paralelos.

Foto/grafismo digital # Conceptos básicos # Formato de imagen y compresión 44

. Formatos con pérdidas de información al comprimir:

JPEG (The Joint Photographic Experts Group). Sistema desarrollado para el lenguaje HTML, común en Internet. Formato de imagen de alta compresión con distintos niveles graduables de compresión/pérdida. La máxima calidad no da pérdidas perceptibles. Acepta RGB de 32 a 8 bits.

GIF (Compuserve GIF, Graphics Interchange Format). Formato originario de 8 bits pensado para el lenguaje html. No permite imágenes en RGB. Permite acceder y modificar la paleta de color. Permite crear animaciones.

PNG (Portable Network Graphics). Formato libre de licencias pensado para sustituir el formato GIF. Acepta hasta 24 bits e incorpora gran parte de las características del GIF: transparencia, descompresión por fases, etc. Es el formato elegido por los programas de Macromedia.

Foto/grafismo digital # Conceptos básicos # Formato de imagen y compresión 45