Imagen computacional

Imagen computacional ¿cómo maneja el computador una imagen? (y artistas que lo aprovechan) Ricardo Vega - ricardov.cl - @ricardov_cl (v1 2020) | Creative Commons - Attribution-NonCommercial-NoDerivatives 4.0 International

Daniel Rozin

Descargar...

https://tinyurl.com/3amj2sjf audio_a_imagen imagen_a_audio imagen_glitch

https://drive.google.com/drive/folders/1GB4ElZp7dZBroC9iNnHntysG9TtAReKn?usp=sharing

De qué hablamos cuando hablamos de imagen en un computador?

INTRODUCCIÓN

Lena Forsen de 21 años, en revista Playboy en 1972. https://www.wired.com/story/finding-lena-the-patron-saint-of-jpegs/

Diferencia bitmap / vectores

un bit 1

0

1

1

1

un byte

Diferencia bit y byte

0

1

0

Bitmap, tipos de archivo. Es como una malla rectangular de celdas (píxeles), Cada píxel contiene un valor de color.

Dos parámetros principales: número de píxeles, y contenido de información (profundidad de color) por píxel.

Profundidad de color.

Capas de bits.

Pixel: Picture element.

Representan la unidad de la imagen, forman grillas de valores.

Píxeles por sí mismos no tienen dimensiones explícitas.

Píxeles con 0 = negros Píxeles con 1= blancos.

Solo dos estados,pero se pueden interpretar como dos colores.

A medida que se agregan estas capas de valores, se van formando imagen de color.

RGB de 24 bits Este es el siguiente paso del gris de 8 bits, ahora hay 8 bits asignados a cada componente rojo, verde y azul.

Com ampolletitas de 3 colores Valor 0 nada de luz valor 255 saturadade luz. RGB = cada valor 256 valores posibles = 256 x 256 x 256= 16777216 colores posibles. Canales RGB

Color Indexado Forma más económica de almacenar color. Sin usar 3 bytes por pixel.

Cada pixel tiene un byte asociado no con valor de color, sino conduce a una tabla de color.

De este index se selecciona el color de una tabla o paleta de colores.

GIF (Graphic Interchange Format, desarrollado por Compuserve 1987). 2 a 256 colores (2, 4, 8, 16, 32, 64, 128 o 256) Imagen gris de 256 posibles grises diferentes.

JPG. Imagen gris Joint Photographic Experts Group, 1992, JPEG Usado para comprimir imágenes digitales con pérdida.

Relación entre calidad y peso de imagen.

JPG. Imagen gris Joint Photographic Experts Group, 1992, JPEG Usado para comprimir imágenes digitales con pérdida.

Relación entre calidad y peso de imagen.

Diferencias para impresión, pantalla.

Resolución es un atributo de un mapa de bits.

Al visualizar o imprimir mapas de bits normalmente se especifica en píxeles por pulgada.

DPI (unidades de píxeles por pulgada) 72 o 90 DPI - Para web 300 - impresión 300 - 1200 - impresión alta calidad, libros de arte

Formatos de archivo de imagen: gif png jpg tiff ...

Espacios de color: RGB, CMYK, HSB, LAB, HEXADECIMAL imágenes: Wikipedia

Espacios de color: RGB, CMYK, HSB, LAB, HEXADECIMAL imágenes: Wikipedia

DEFINICIONES Y CONCEPTOS

Principios de los nuevos medios. Lev Manovich: -Representación numérica -Transcodificación -Variabilidad -Automatización -Modularidad

1.Representación numérica: Todos los objetos de los nuevos medios son representaciones numéricas.

Descrito en términos formales.

Manipulables algorítmicamente, programables. Ej: archivos de audio, mp3 (128, 192, 256 kbs, etc.)

2.Modularidad: Un objeto de los nuevos medios (imagen, sonido, etc.) es colección de muestras discretas (píxeles, polígonos, caracteres, etc.).

Tiene partes independientes, compuestos de otros más pequeñas (píxeles, puntos 3D, caracteres de texto, etc).

Ej. cine veinticuatro imágenes por segundo.

3.Automatización: Automatización de operaciones de creación, manipulación y acceso.

Ej: corrector ortográfico de Microsoft Word, trabajo con datos

4.Variabilidad: Los objetos de los nuevos medios no son fijos, puede existir diferentes versiones, casi infinitas.

Pueden ensamblarse en un computador.

Ej: manipulación de imágenes.

5.Transcodificación: Obedece convenciones de la organización de los datos.

Se puede transformar un audio a imagen o imagen a audio

Gatito Mutante: Ejercicio glitch -Tomar una imagen de gatito -Abrir imagen con Sublime -Modificar o eliminar trozos -Guardar y Abrir con editor de imagen

Algunas técnicas o exploraciones Collages...

Glitch...

Datamosh…

Slit scann...

Otros...

Collages...

“Untitled”. ”Tom Friedman.

“Untitled”. ”Tom Friedman.

“Net art generator” (1998), Cornelia Solfrank.

“100 Special Moments”, . Jason Salavon.

“Running the numbers”, ().Chris Jordan

“Running the numbers”, ().Chris Jordan

“Running the numbers”, ().Chris Jordan

“Cinema Redux”. Brendan Dawes.

Glitch...

“Good Vibrations”, Ferruccio Laviani.

Sabato Visconti. https://www.sabatobox.com/

“MTV Visual Ident” (2016). Antonio Roberts

“MTV Visual Ident” (2016). Antonio Roberts

“Data Diaries” (20003). Cory Arcangel. https://sites.rhizome.org/anthology/ data-diaries.html

Datamosh...

https://www.youtube.com/watch?time_continue=18&v=FBjO_7El7uM&feature=emb_logo

https://www.youtube.com/watch?time_continue=18&v=FBjO_7El7uM&feature=emb_logo

“Monster Movie”. Takeshi Murata https://www.youtube.com/watch?v=t1f3St51S9I

“Wrecking Ball”. Matt Caron. https://vimeo.com/87545616

“Long Live the New Flesh”. Nicolas Provost. https://www.youtube.com/watch?v=FFBJhctJVGA

Slit scann...

“Moframes”. Martin Hilpoltsteiner.

“Time displacement experimental video”. Matteo Ricchetti. https://www.youtube.com/watch?v=I2MsDogV4g4 -

“Khronos project”. Alvaro Cassinelli. https://www.youtube.com/watch?v=2MTD7-97w4E

“Last Clock”. (2004). Jussi Ängeslevä & Ross Cooper

Otros...

“Action Painting”. Jeremy Rotsztain. https://www.youtube.com/watch?v=Uy5b6EN1AMU https://www.youtube.com/watch?v=WUa0j2k-UKs

“WIRED Anniversary, Portadas” (2008). Fernanda Viegas & Martin Wattenberg http://hint.fm/projects/wired2008/

“Wonderwall Screen saver” (2010). Yugo Nakamura. https://www.youtube.com/watch?v=NnelQvJUns4

“Wonderwall Screen saver” (2010). Yugo Nakamura. https://www.youtube.com/watch?v=NnelQvJUns4

Lena hoy...

Lena hoy...

Lena hoy...

Recursos https://www.glitchet.com/resources https://en.wikipedia.org/wiki/Glitch_art http://forum.glitchet.com/t/tutorial-make-video-glitch-art-how-to-datamosh-in-plain-english/36 http://www.flong.com/texts/essays/essay_cvad/