Tarea ciclo de la Imagen- Gabriela Zett Sabioncello

De Casiopea



TítuloTarea ciclo de la Imagen- Gabriela Zett Sabioncello
AsignaturaProducción gráfica 2021
Del CursoProducción gráfica 2021
CarrerasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Formación y Oficio"Formación y Oficio" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
3
Alumno(s)Gabriela Zett

De la teoría

Imagen de Mapa de bits

Pixelmapadebits-zett.png

"Se trata de aquellas imágenes que se forman a partir de puntos, llamados píxeles dispuestos en un rectángulo o tabla, que se denominada raster. Cada píxel contiene la información del color, la cual puede o no contener transparencia, y ésta se consigue combinando el rojo, el verde y el azul."[1]

Formatos de Imagen

En la siguiente sección nombraremos algunos de los formatos de imagen más utilizados en nuestras disciplinas, conoceremos cómo utilizarlos y revisaremos algunos ejemplos.

TIFF o Tagged Image File Format

Es un formato utilizado comúnmente en el mundo de la fotografía profesional, esto debido a que entrega un soporte versátil, seguro y de alta resolución. Es un formato pesado, lo que dificulta su compatibilidad con algunos software. "Formato de archivos de gráficos por trama ampliamente utilizado y desarrollado por Aldus y Microsoft, que maneja monocromático, escala de grises, color de 8 y 24 bits. Desde 1986, ha habido seis versiones de TIFF. Utiliza varios métodos de compresión: LZW provee proporciones aproximadamente entre 1.5:1 a 2:1. Las proporciones de 10:1 a 20:1 son posibles para documentos con grandes cantidades de espacio en blanco que utilizan métodos de compresión (fax) ITU-TSS Group III & IV." [2]

GIF o Graphic Interchange Format

Permite compartir imágenes de forma eficiente ya que es menos pesado que otros formatos, pero presenta una baja calidad, menor color. Además, su cualidad estrella es que este formato permite obtener animaciones simples y detecta transparencia.

Fuente: elaboración propia para proyecto de título

Logobarriopanal2.gif

"El término GIF (Graphics Interchange Format) es un tipo de formato de imagen que has visualizado sin duda en páginas web, correos electrónicos y sobre todo en las redes sociales y Whatsapp.

Debido a que el tamaño del archivo de un GIF es más pequeño con respecto a los conocidos formatos de imagen JPEG o PNG, los GIFs hacen que una web no pese y se carguen rápidamente.

Lo especialmente interesante de este formato también es que soporta animaciones, es decir se puede crear un archivo animado con tan sólo la reproducción rápida de varias imágenes consecutivas. Las aplicaciones que soportan el estándar GIF se desplazan rápidamente por cada imagen produciendo una animación de unos segundos, sin sonido y que se va repitiendo en bucle."[3]

PNG o Portable Network Graphics

"El PNG es el último formato en arribar a la web. Se presenta en dos versiones: el PNG de 8 bits que es muy similar al GIF, y el PNG de 24 bits con la misma cantidad de colores que un JPG. El PNG comprime la información sin pérdida de calidad e incluye un canal alfa para añadir una escala de transparencia. Se emplean fundamentalmente para logos que necesitan transparencia y degradados e imágenes de alta calidad, cuando el tamaño del archivo no es un problema." [4]

Betacaro-zett.png

JPG

"EL JPG es el formato estándar de la mayorías de las cámaras de foto. Admite diferentes niveles de compresión de la imagen, puede reproducir con bastante fidelidad los colores y también posee buen desempeño en imágenes oscuras o con sombra. Por ello sus uso predominantes es mostrar imágenes fotográficas." [5]

"El formato JPG o JPEG hace referencia, en realidad, a una norma (ISO/IEC 10918-1) publicada en 1992 que describe diversos procedimientos para comprimir imágenes. Dado que la norma no contiene disposiciones acerca de cómo se tiene que guardar una imagen, requiere la utilización de un formato adicional, siendo así como se ha establecido como estándar el JPEGFile Interchange Format (JFIF) para todos los navegadores. Otras alternativas menos empleadas son el Still Picture Interchange File Format (SPIFF) y el formato gráfico JPEG Network Graphics (JNG)." [6]

EPS o Encapsulated PostScript

"EPS se apoya en PostScript, un lenguaje de descripción de objetos vectoriales, que se desarrolló durante la segunda mitad de la década de los setenta y cuya implementación estuvo a cargo de John Warnock, que poco después fundaría la compañía Adobe Systems Inc.

El lenguaje PostScript es un lenguaje de programación completo y usa curvas de Bézier cúbicas, con dos manejadores, para describir los objetos. Pero EPS, además de basarse en PostScript, es un formato pensado para transmitir información a una impresora, que interprete dicho lenguaje, independientemente de la plataforma y del dispositivo.

Además de la información geométrica de los elementos gráficos que componen ese archivo, el EPS guarda información de su posición dentro de un marco -un comentario BoundingBox DSC-. Las aplicaciones pueden usar esta información para diseñar la página, incluso si no pueden procesar directamente el PostScript en su interior." [7]

PSD o Photoshop Document

"El formato Photoshop (PSD) es el formato de archivo por defecto y el único formato, junto con Formato de documento grande (PSB), que admite todas las características de Photoshop. Dadas las grandes posibilidades de integración entre los productos Adobe, otras aplicaciones Adobe como Adobe Illustrator, Adobe InDesign, Adobe Premiere, Adobe After Effects y Adobe GoLive pueden importar directamente archivos PSD y conservar muchas de las características de Photoshop. Si desea más información, consulte la ayuda de las aplicaciones Adobe específicas.

Al guardar un archivo PSD, puede definir una preferencia para maximizar la compatibilidad de archivos. Esto guarda una versión compuesta de una imagen con capas en el archivo de modo que pueda ser leído por otras aplicaciones, incluidas las versiones anteriores de Photoshop. También mantiene la apariencia del documento, en caso de que las futuras versiones de Photoshop cambien el comportamiento de algunas características. El compuesto también hace que sea más rápido cargar la imagen y utilizarla en aplicaciones que no sean Photoshop, y a veces puede ser necesario para que otras aplicaciones puedan leer la imagen.

Puede guardar como archivos PSD las imágenes de 16 bits por canal y las imágenes de alto rango dinámico (HDR) de 32 bits por canal." [8]

PDF o Portable Document Format

"En 1991, el cofundador de Adobe, el Dr. John Warnock, inició la revolución que marcaba el paso del papel al formato digital con una idea que bautizó como “The Camelot Project” (el proyecto Camelot). El objetivo consistía en que todo el mundo pudiera capturar documentos de cualquier aplicación y enviar la versión electrónica de dichos documentos a donde quisiera, así como verlos e imprimirlos desde cualquier máquina. En 1992, el proyecto Camelot ya pasó a convertirse en PDF. Hoy en día, es el formato de archivo en el que las compañías de todo el mundo depositan su confianza." [9]

"La masificación de la banda ancha, que permite el envío y recepción de documentos de gran tamaño, ayudó a la popularidad del PDF, junto a las innovaciones realizadas por Adobe Systems (como la inclusión de hipervínculos o la apertura de su código) y su condición de aplicación multiplataforma (puede presentarse tanto en Windows como en Linux y otros sistemas operativos)." [10]

RAW

Formato utilizado mayoritariamente en el mundo de la fotografía profesional. Es una imagen pura, muy pesada y por ello poco compatible. Se visualiza la imagen tal cual la detectan los sensores de la cámara.

"Raw, en inglés, significa literalmente "crudo" y cuando hablamos de fotografía digital nos referimos, precisamente, a los archivos "brutos" que el sensor de la cámara es capaz de captar.

Se trata del negativo digital generado por una cámara fotográfica. El sensor de la cámara capta toda la información y la almacena en ese archivo, que contiene todos los datos acerca de la imagen y lo convierte, por lo tanto, en el más polivalente a la hora de permitirnos jugar con el resultado final y la edición de la fotografía.

Esto también provoca que el tamaño del archivo sea mayor que si trabajamos en otros formatos pero, en función del tipo de trabajo que estemos realizando, será muy conveniente trabajar en raw para poder beneficiarnos de todas sus ventajas.

Todas las cámaras réflex digitales disparan tanto en raw como en jpg. Lo habitual es que, por defecto, tu cámara dispare en jpg, por lo tanto, para usar el formato raw deberás configurar tu cámara.

Cuando hablamos de archivos de salida, cada cámara y cada marca tiene su propio tipo de archivo raw, no obstante, Adobe propuso un formato raw universal, el dng, que tiene algunas diferencias con los archivos raw normales:

  • Ocupa un poco menos que un raw tradicional, aun sin comprimir la imagen.
  • Normalmente, el archivo nativo de la cámara lleva un archivo "sidecar", sin embargo, el formato dng tiene capacidad para almacenar todos los metadatos y no precisa de un archivo hermanado para incluir toda la información relacionada con la fotografía." [11]

SVG o Scalable Vector Graphics

"son un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, en formato XML. Son un estándar abierto desarrollado a partir del 1999 por el W3C. Este formato se convirtió en una recomendación del W3C en septiembre de 2001, con lo que todos los navegadores fueron renovándose para poder soportar este formato. Es un formato poco conocido para mucha gente pero muy útil para utilizarlo, por ejemplo, en entornos web. La mayoría de la gente utiliza archivos de mapas de bits como JPG. O PNG y GIF si se necesita un fondo transparente o una imagen animada." [12]

Raster

Imagen vectorial

Se refiere a un imagen 2D compuesta por objetos geométricos, cómo línea o polígonos definidos por atributos matemáticos. Se utilizan para diseñar tipografías, pues están hechas para ser usadas sobre zonas escalables, los pictogramas (iconos) se diseñan vectorialmente, los logos se trabajan también en formato vectorial, videojuegos, gráficos web, en algunos casos puede funcionar en la ilustración.

Un poco de historia: Evolución del dibujo vectorial

Vector en geometría

  • Módulo
  • Dirección
  • Sentido

Illustrator: software que revolucionó la industria gráfica

Antiguamente, el diseñador gráfico se abocaba al trazo manual, a dibujos realizados con reglas, calcos, tintas, etc. Cuando apareció Illustrator de Adobe, revolucionó el oficio del diseñador gráfico, facilitando la creación de curvas, fue una herramienta innovadora y permitió muchos avances en la disciplina.

  • Crear formas
  • Crear trazos
  • Vectorizar
  • Extrusión de formas

Medios Audiovisuales

Primeros videos por Hermanos Lumiere

Historia de Technicolor: la revolución del color en la pantalla grande

Las primeras animaciones en el cine por Walt Disney

Última animación por Diseny - 22 vs Earth

A la práctica

Photoshop: Fotomontaje

Fotografía: Betacaroteno - Gabriela Zett. (flamenco andino - Phoenicoparrus andinus) en honor al día de las aves migratorias, sábado 8 de mayo

Trabajado en el programa Adobe Photoshop

La imagen se escoge desde la galería personal, específicamente por contener un reflejo, que hace alusión al concepto otorgado, profundidad. Se trabaja a través de capas, el fondo está construido en duotono para generar la sensación de una imagen más plana, además se elimina el flamenco mediante la herramienta tampón, mientras que el flamenco está trabajado en formato RGB y PNG ya que se utiliza la transparencia, efecto logrado con la herramienta lazo magnético, creando un contraste entre los planos. Por otro lado, las últimas experimentaciones repiten el elemento flamenco, jugando con la opacidad y en algún caso con los canales, creando la ilusión de profundidad y movimiento. Tipografías utilizadas (1) Alegreya y (2 - 3) Raleway.

Betacaroteno-zett-sanpedro.jpg
Betacaro-zett.png
Caroteno-fondo1-zett.png
Error al crear miniatura: Archivo más grande que 25 MP
Error al crear miniatura: Archivo más grande que 25 MP
Error al crear miniatura: Archivo más grande que 25 MP

Illustrator: Fotomontaje

Se trabaja con la misma imagen para capturar la diferencia que pueda aportar entre los distintos software con los cuales se va a trabajar, de esta manera evidenciamos las características de los distintos espacios de trabajo. Se juega con transformar la imagen en duotono hacia un formato vectorial, a través de la herramienta calco de imagen, así podemos observar aquello que se pierde desde la misma fotografía en duotono. Se aborda la tipografía como un objeto vectorial y se juega con la profundidad mediante el reflejo, componente principal de la fotografía original. El objeto flamenco obtiene mayor protagonismo al encontrarse en primer plano, además que se encuentra justo en la línea del horizonte y esa parte de la imagen se elimina a través de un objeto rectangular blanco para representar el vacío. Se exporta a distintos formatos en este orden: (además de otros formatos que wiki no soporta por lo que no serán adjuntados a esta página, sólo se realizó de manera experimental)

  • JPG
ProfundidadAI.jpg
  • PNG
ProfundidadAI.png
  • GIF
ProfundidadAI.gif

After Effects: Animación

Referencias bibliográficas