Imagen Digital 2010

De Casiopea


Clases

Clase 01 - Presentación de los Contenidos y Bits v/s Vectores

Si bien los contenidos a tratar durante el trimestre son pocos, tienen una gran densidad.

Contenidos

  1. Vectores v/s Bits
  2. Imagen digital preprensa e Imagen digital para redes
  3. Tratamiento de la Imagen Digital desde la escánica.
  4. Sistemas y nomenclaturas generales de medición y modificación.
  5. Modificación de la Imagen digital.
  6. Aplicación de conceptos de foto mecánicos tradicionales.
  7. Aplicación de conceptos fotográficos básicos (profundidad de campo, enfoques, sensibilidad de película, diafragma, velocidad).
  8. Fotografía digital v/s análoga.
  9. Conexión con otros programas.

Vectores

Nodo e intensidad. En base a un trazo de un punto a otro, que finalmente se cierra. Compuesto de filete|borde y relleno) Como es un vector, esta imagen tiene un algoritmo matemático que resuelve la imagen, no se daña (no pierde características de filete y relleno) y es totalmente escalable.

Bits

Están constituidas por una retícula cartesiana x y, en donde cada cuadro tiene una dirección en la pantalla.

Foto mecánica

El Principio de Foto mecánica (10 años atrás) trabaja separando los colores de manera manual. Nuestro Oficio está altamente afectado por la Tecnología, en donde el principal cambio tecnológico fue la fotografía, y luego la foto mecánica.

Dirección de Arte en AssetChile

Asset Chile es un banco de inversiones. En la Dirección de Arte de la Empresa, la fotografía fue tratada como delicadeza. En la intimidad del banco, las fotos expresan confianza, a través de los ojos. Estas fotografías en blanco y negro de los socios, ellos miran a la cámara y se encuentran en un primer plano, y el resto se encuentra difuso. Lo importante acá es el concepto para entender el argumento de la venta del trabajo tratada en la delicadeza de la fotografía.

Imágenes Mapa de Bits

Nombre técnico de la fotografía. Está compuesto de miles de cuadros pequeños, llamados bits. Mapa Cartesiano x y Cada cuadro tiene una dirección específica, y no son divisibles por sí mismos.

Como características Tiene sus dimensiones expresadas en pixeles (está directamente relacionado con las pantallas, y, a su vez, con la resolución). Afectado por diversos factores, se traduce a una imagen con un peso específico, expresado en kb.

(ancho x alto) x resolución = genera una imagen en kb | mb

La resolución está ligada a la cantidad de información.

                   img 072 dpi. | Baja resolución | Pantalla
                   img 150 dpi. | Diario o Revista
                   img 300 dpi. | Folletos

La imagen está directamente relacionada con el soporte. La cantidad de colores también es relevante.

Modo

Manera de cómo está compuesta la luz en la fotografía (luz como profundidad de la fotografía). El Modo es la condicionante del color o la luz en la imagen.

1 bit trabaja con blanco y negro, en donde el gris está constituido según la cantidad de negro y blanco. Con 8 bits de profundidad, genera mucho más de 99 colores intermedios. Y así, a mayor cantidad de bits, más colores voy obteniendo.

Profundidad de color Colores posibles Comentarios
1 bit por pixel 2 Arte Lineal (B&N). Modo Mapa de Bits
4 bits por pixel 16 Modo Escala de Grises
8 bits por pixel 256 Modo Escala de Grises. Modo Color Indexado. Cantidad estándar de colores que admiten los formatos GIF y PNG-8, así como muchas aplicaciones multimedia.
16 bits por pixel 65.536 High Color
24 bits por pixel 16.777.216 True Color. Modo RGB 8 bits por canal (8x3=24). Modo Lab 8 bits por canal
32 bits por pixel 4.294.967.296 Modo CMYK

Fuente http://www.desarrolloweb.com/articulos/1779.php

Manera de Cómo se Divide la Luz

RGB (colores básicos) Rojo, Verde y Azul. Colores aditivos que tienden al blanco en su sumatoria. CMYK (colores de pigmento) Cian, Magenta, Amarillo y Negro. offset. tintas translúcidas.

RGB tiene un comportamiento que sirve sólo para las pantallas.

Que modo tiene la imagen, está relacionado con el destino de ella.

En una traducción del RGB al CMYK, la imagen se vuelve más oscura. Es ideal, si el destino de la imagen es el papel, comenzar a trabajar directamente en CMYK.

Canales

Separación de colores que tiene la fotografía ("cuantas planchas voy a quemar"). Origen desde las acuarelas. La cercanía con nuestro oficio en el origen es relevante para entender del punto de vista conceptual lo que vemos.

Los canales me permiten manipular una fotografía en su separación de colores, dando una gran libertad en el trato de ella. Debemos tener cuidado cuando existe mucha concentración de color, pues se traducirá en "más mancha". Por ello, acudo al trato de la imagen por medio de los canales.

Si agrego más negro digitalmente, literalmente le agrego más tinta negra.


Escala de Grises

Imágenes que tienen un valor en grises. Permiten trabajar

                                bitmap | grayscale | duotone


Extensión CMYK

.jpg : es el vínculo que encadena la fotografía en otro programa .jpg, .gif, .png : acople de capas que no se puede revertir

.TIFF: extensión que resguarda todos los elementos que modificamos en la fotografía.


Extensión RGB

(Para pantallas). Clásicas y típicas de redes y multimedia. BMP GIF PNG

Resumen

  1. Tamaño (pixeles v/s centímetros)
  2. Resolución (pixels per inch)
  3. Modo (bitmap, escala de grises, RGB, Cuatricomía, Duo-Tri-Cuatritono)
  4. Extensión (TIFF, EPS, JPG, GIF, RAW) (este último, el que rescata más información digital.

Notas

   * Preprensa: Todo el trabajo antes de imprimir en la imprenta. 
   * Las infografías en los diarios están hechas en mapa de bits y en vectores.
   * La fotografía digital y la análoga se comportan como dos mundos complementarios, y no antagónicos.
   * La fotografía es un cúmulo de información.
   * dpi: dots per inch. puntos por pulgada cuadrada
   * Menos dpi, es arriesgarse a que quede con una resolución muy pobre. 
   * El papel resuelve más resolución que como aparece una foto en la pantalla

Alumno Contribuyente Jaime Pérez Moena


Clase 02 - Imágenes Vectoriales

Esta clase en general profundiza las características de las imágenes vectoriales, su uso y la interacción con las imágenes mapa de bits.

Características de las Imágenes Vectoriales

Características Principales

Fondo: Es la tinta que contienen las imágenes

Línea o Filete: Es la línea que delimita el fondo de la imagen con color y espesor, también recibe calidad de perímetro si no queremos que se vea, aplicando espesor con valor cero.

Posición: Es la ubicación de la figura dentro del lienzo, y se expresa de forma cartesiana (x,y)

Estan compuestas de fórmulas matemáticas y de figuras geométricas

Escalables; es posible distorsionar y deformar libremente sin perder su resolución.

Características Técnicas

Líneas, figuras y curvas

Textos: En la tipografía post script mantiene la información de las tipografías en la memoria de la impresora laser, la que lee el lenguaje post script y no la tipografíaa en si, permitiendo imprimir exactamente las tipografías como se ven en el documento digital.

Con la herramienta de illustrator “create outlines” es posible transformar tipografías a vectores, y así deformarlas y distorsionarlas. Impresión escalable

Plotters de corte: El troquel, cuando gráficamente aparece una línea larga seguida de un punto y asi consecutivamente el plotter realiza una hendidura en el papel resultando una especie de canaleta (no es un semicorte, si no una hendidura). En el caso de realizar una línea segmentada el plotter hace un corte segmentado, por ejemplo el utilizado para las lenguetas que están listas para rasgar.

Animaciones: En ocaciones se introducen imágenes en mapa de bits pero normalmente son utilizadas imágenes vectoriales y no usan degradaciones si no que colores puros normalmente. Estos dibujos deben estar terminados (las líneas de contorno deben estar cerradas, unidas) para así poder pintarlos con el tacho de pintura.

Infografía

Grafías que cuentan una historia mezclando imágenes vectoriales y mapa de bits, buscan “decir algo”, dejar explicitado con texto e imágenes un proceso o historia. Universalizan un mensaje, de manera que sean entendibles globalmente, acercándose así a la señalética. Otra característica es su arraigo a las analogías, como por ejemplo la de los circuitos eléctricos (expresada en el mapa del metro de Londres, donde las líneas rectas del mapa no significa que sea real es un “mas o menos”, las distancias no son exactas pero se comprenden así).


Encargo

Realizar una infografía de un proceso, algo que cuente una historia en una sola toma, siendo solventes en cuanto a información. Teniendo en cuenta que debe presentar un principio, desenlace y un final enriquecidos estos puntos agregando por ejemplo el contexto histórico, precios, estadísticas, usos, tiempo dependiendo del caso a representar. Por ejemplo de una de las travesías realizadas por el taller; o cómo hacer un disco de musica, etc.

Para esto es necesario:

  1. Buscar la historia de un proceso
  2. Construir un history telling
  3. Componer el cómo presentar la información de una sola vez, de manera fija, no dinámica.
  4. Subir la infografía a la Wiki Casiopea con fecha tope el día lunes 05 a las 12:00 am
  5. Mezclar imágenes en mapa de bits y vectoriales, tomando prestados elementos de la ilustración, señalética, etc.


Clase 03 - Imágenes Para Web

En esta clase corregimos las infografías entregadas la sesión anterior y posterior a esto, revisamos de cómo es que funcionan las imágenes de mapa de bits para prensa y para web.

De la Corrección de Infografías

Story Telling

Lo que faltó, en general, fue una propuesta rica al componer la Infografía, ya que esta no corresponde solamente al relato de una historia lineal, si no que como la de Marcelo Velásquez, se compone de diversos recursos y detalles que complementan la lectura de un proceso.

Características esenciales de una Infografía

a. Que sea comprendida por todos.

b. Que NO sea exclusivamente lineal.

c. Que Incluya recursos extras.

d. Que posea intencionalidad gráfica.

e. Que se diferencie de un instructivo.

f. Que se base en una analogía.

(Revisar en [1] algunos ejemplos de Infografías)

Dato: Revisar Trabajo de Titulo de la Alumna Damaris Sepúlveda en Blog de la Escuela.

De las imágenes de Mapas de Bits

La imagen en formato Tiff.

Este formato es nativo de CMYK, y permite trabajar la imagen para ser impresa. La calidad de esta imagen suele ser alta (300 dpi), por lo que cuando trabajo las imágenes con este formato quiere decir que necesito mucha información, información existente tanto en los tonos, bordes y nitidez de las imágenes

La imagen para web

Cuando quiero llevar esta imagen a la pantalla debo bajarle la resolución (72 dpi), donde disminuye la dimensión de pixeles y el peso del archivo. El documento ahora tiene formato RGB y lo exporto para la “web y dispositivos”, teniendo cuidado de que al hacer esto no surjan deformaciones en la pantalla.

Al guardar una imagen para la web se debe estar atento al tiempo de transferencia que esta tendrá, tiempo que está relacionado con el peso de este archivo.

Modificaciones del ajuste Preestablecido

Las opciones de optimizado y progresivo se diferencian en que el segundo descarga la imagen “línea por medio”, es decir, dividida una imagen en filas de pixeles, son las filas impares las que primero se visualizan, método que responde a la importancia de dar la sensación de que están sucediendo cosas para que el usuario no abandone el sitio.

¿Cómo se Comporta el Formato Fire Works?

Aquí, todas las imágenes se consideran para Internet. Al igual que en PhotoShop, al momento de exportar una imagen para web me ofrece dos vistas, pero cuando paso con el cursor sobre los colores de las imágenes FW las lee en RGB

Información de los Metadatos

Toda Imagen digital trae consigo una serie de datos “detrás de la imagen” donde se especifica información técnica como el tamaño del archivo, la hora, el lugar donde fue sacada, entre otros (revisar en [2] metadatos de imágenes)

--Maca.alamos 03:13 7 jul 2010 (UTC)


Clase 4

(Alejandra Salinas)

Clase 5