Bitácora de Tareas Lenguaje Computacional 1

LENGUAJE COMPUTACIONAL 1

ENCARGO 1 SAMIRA BAJBUJ REPETTO

Observación del comportamiento de la Imagen Digital en variaciones de modo y extensión. Original La fotografía original fue capturada por una cámara digital Canon EOS 1100D en modo automático. Tamaño 3,12 MB (3.271.557,12 bytes) Modo RGB 8 bits/canal Profundidad en bits 24 bits/pixel Extensión JPEG Dimensiones 4272 x 2848 Resolución 72 dpi

Modo RGB Este modo se basa en la síntesis aditiva de los canales Red, Green and Blue (Rojo, Verde y Azul) que otorga información de color a cada pixel. La imagen original se compone de 8 bits por canal, y al ser tres los canales (R,G,B), la profundidad de la imagen se vuelve de 24 bits por pixel. No permite cambiar al modo Mapa de Bits ni Duotono. Permite cambiar de 8 bits/canal a 16 bits/canal.

Escala de Grises Este modo comprende los tonos grises entre el negro y el blanco, incluyendo el blanco, en el que cada pixel puede tener 256 valores diferentes. En este modo restamos información a la imagen original ya que se elimina la información de los canales RGB y se trabaja con un solo canal, el negro, por lo tanto la profundidad es 8 bits por pixel, manteniendo la misma resolución pero con menor información de color. El tamaño de la imagen disminuye debido a la disminución de información de color. Permite cambiar a todos los Modos. Permite cabiar de 8 bits/canal a 16 bits/canal. Tamaño Modo Profundidad en bits Extensión Dimensiones Resolución

1,02 MB (1.075.114 bytes) Escala de Grises 8 bits/canal 8 bits/pixel JPEG 4272 x 2848 72 dpi

Permite las extensiones: JPEG, PSD, GIF, PNG, entre otras. Color Indexado Este modo comprende sólo una cantidad de 256 colores, por lo tanto pareciera que la resolución de la imagen baja, pero en realidad se debe a la pérdida de información en cantidad de color. Sólo permite extensiones PSD, BMP, GIF, PDF,PNG, RAW, TIF, y otras. Pero no permite la extensión JPEG. El tamaño dela imagen aumenta puesto que a pesar de ser este modo una disminución de la información de color, utiliza extensiones que no eliminan tanta información de otro tipo como lo hace la extensión JPEG. La profundidad de bits pasa a 8 bits/pixel. Extensión Tamaño Modo

GIF 5,71 MB (5.995.553 bytes) Color indexado 8 bits/canal

Extensión Tamaño Modo

PSD 9,41 MB (9.877.262 bytes) Color indexado 8 bits/canal

GIF

No permite cambiar a modo Mapa de Bits ni Duotono.

PSD

Mapa de Bits No se trabaja desde el original RGB ya que éste no lo permite, sino que desde el Modo escala de grises. En la imagen en Mapa de Bits los valores intermedios de escala de grises desaparecen de la imagen mostrando una imagen que permite solo dos valores (negro y blanco). Al perder la imagen tanta cantidad de información su tamaño disminuye considerablemente pero mantiene su resolución. No permite cambiar el Modo, ni los bits por pixel de la imagen.

Umbral 50%

Si definimos un umbral del 50%, se crea una imagen de alto contraste en la que todos los valores de grises del negro hacia el 127 se contituyen por negros y todos los valores desde el 128 al blanco se constituyen por blanco. Al perder la imagen tanta cantidad de información su tamaño disminuye considerablemente y la extensión de imagen es BMP Tamaño Profundidad en bits Extensión Dimensiones Resolución

1,45 MB (1.526.592 bytes) 1 bits/pixel BMP 4272 x 2848 72 dpi

Tramado de Motivo

El tramado de motivo crea una imagen en la cuál los valores de negro y blanco no generan un alto contraste ya que los pixeles no se agrupan en dos grandes órdenes, sino quese ordenan de manera geométrica entrelazados unos con otros en diferentes cantidades, generando que a la vista se vean diferetentes grises. Si aumento la resolución de la imagen, al haber mayor cantidad de pixeles por pulgada la imagen genera visualmente mayor cantidad de grises. En la variable Tramado de Difusión los pixeles se ordenan de manera difusa pero generando la misma sensación visual de grises en la imagen que ocurre con el tramado de motivo y diferenciandose del alto contraste que se obtiene con la variable Ubral 50%.

72 dpi

300 dpi

Duotono Se trabaja desde el modo Escala de grises. Este modo se utiliza para la impresión en tistas traslúcidas, en la cuál se mezclan dos tintas en el caso del Duotono, tres tintas en el caso del Tritono y cuatro tintas en el caso del CuaDritono.

Permite las extensiones: PSD, EPS, RAW, entre otros.

CMYK Este modo se basa en la síntesis sustractiva del color, utilizando 4 componentes base: Cyan, Magenta, Amarillo y Negro como suma de los anteriores. Se utiliza para impresión. 8 bits/canal Aumentan los bits por pixel Permite las extensiones JPEG, PSD, BMP, PNG, entre otros. Tamaño Profundidad en bits Extensión

2,60 MB (2.729.865 bytes) 32 bits/pixel JPEG

8 bits/canal

16 bits/canal Al aumentaR los bits/canal, la imagen no permite la extensión JPEG. Sólo permite PSD, TIF o RAW. Aumentan los bits/pixel de 32 a 64. El tamaño de la imagen aumenta, la resolución no cambia. Tamaño Profundidad en bits

92,8 MB (97.346.788 bytes) 64 bits/pixel

Extensión

TIF

16 bits/canal

Experimentaciones En RGB y Escala de grises al pasar de la extensión JPEG a PSD el tamaño de la imagen aumenta, debido a que el formato PSD, es mas fiel a la información de ésta y por lo tanto es el formato mas certero, a diferencia de la extensión JPEG que se caracteriza por la eliminación de datos de una imagen.

JPEG

Tamaño

PSD

1,02 MB (1.075.114 bytes)

Tamaño

11,1 MB (11.681.581 bytes)

Lo mismo ocurre con otras extensiones como GIF como nos muestra este ejemplo en modo Color Indexado [1] y en modo Mapa de Bits [2].

PSD

[1] GIF

Tamaño

5,71 MB (5.995.553 bytes)

9,41 MB (9.877.262 bytes)

PSD

[2] GIF

Tamaño

Tamaño

5,71 MB (5.995.553 bytes)

Tamaño

9,41 MB (9.877.262 bytes)

Observamos que en el Modo Mapa de Bits la diferencia que podíamos visualizar entre Umbral 50% y Tramado de Motivo o Difusión, a pesar de basarse los tres en dos canales de color únicamente (negro y blanco), era el alto contraste por el cual se caracterizaba el primero y la sensación de grises que se podía visualizar en los otros dos.

Umbral 50%

Tramado de Motivo Tramado de Difusión

Pero esta “diferenciación” varía su potencia en cuánto cambiamos la resolución de los tramados. Si la resolución del tramado baja, la imagen se asemeja más al alto contraste que a los tonos grises, en cambio si la resolución de la imagen aumenta, la imagen aparece con un menor contraste y parece haber mayor cantidad de tonalidades grises creadas a partir del negro y el blanco por diferencias de forma, tamaño y cantidad de ciertos elementos.

Tramado de Motivo 72 dpi

Tramado de Motivo 20 dpi

Apuntes y Correcciones De la corrección:

* Sentido estético de lo terminado y bien hecho * Presentación de la Tarea * Proceso productivo, preocupación por los detalles * Relato - Lenguaje De los Apuntes de la Clase: MODO Un modo de imagen determina el número de colores que pueden mostrarse en una imagen y que puede afectar también al tamaño del archivo. Photoshop Elements proporciona cuatro modos de imagen: (A) mapa de bits, (B)escala de grises, (C) color indexado y (D) RGB (Imágenes en color de 8 bits o menos.) EXTENSIÓN La extensión de una imagen depende directamente del uso que le daremos a esta, ya sea para imprimir, o visualizar en pantalla. La compresión de archivos, es decir, la reducción de su tamaño, es un proceso en el cual los datos duplicados o que no tienen valor de una imagen se eliminan o se guardan en una forma mas pequeña. Hay dos formas de compresión: sin pérdidas de calidad o con pérdidas. DEFINICIÓN DE DISTINTOS TIPOS DE EXTENSIÓN TIFF (Tag Image File Format o Formato de archivo de imagen de etiqueta). Desarrollado para almacenar imagenes creadas por un escaner, lectores de negativos y programas de edición de fotografías. GIF (Graphics Interchange Format) es un formato grafico utilizado ampliamente en Internet, tanto para imagenes como para animaciones. Se distribuye a 8 bits/pixel, contiene aproximadamente 256 colores. PNG (Portable Network Graphics) es un formato grafico desarrollado, en buena parte, para solventar las deficiencias del formato GIF y permite almacenar imagenes con una mayor profundidad de color y otros importantes datos. JPEG (JPG) (Joint Photographic Experts Group). Es el formato mas popular para el almacenamiento de imagenes fotograficas y publicación en Internet. usa una distribución de 24 bits/pixel, cada imagen contiene alrededor de 16,777,216 colores. BMP (Bit Map). Este formato no comprime mucho las imagenes, por lo cual la mayoría ocupan un mega o mas. EPS (Encapsulated PostScript Languaje). Es un formato característico de Adobe Photoshop, aceptado por la mayoría de los programas graficos. PICT Es un formato que usa Macintosh para las transferencias de archivos entre programas. Comprime con efectividad imagenes con grandes bloques de color sólido (excepto blanco y negro).

LENGUAJE COMPUTACIONAL 1

ENCARGO 2 SAMIRA BAJBUJ REPETTO

Observación del comportamiento de la Imagen Digital al trabajar con Histograma y Niveles Original Tamaño Modo Profundidad en bits Extensión Dimensiones Resolución

Metadatos

9,58 MB (10.047.793 bytes) RGB 8 bits/canal 24 bits/pixel JPEG 4288 x 2848 300 dpi

Histograma El histograma de una imagen interpreta la frecuencia relativa de los niveles de gris de la imagen a través de un gráfico de barras que nos muestra los píxeles de una imagen según su distribución y los diferentes tonos de iluminación de una imagen (256).

La vertical de la imagen representa la cantidad de pixeles en ella, y por lo tanto lo que visualizamos “al ojo” como la cantidad de detalles de la imagen. La horizontal de la imagen representa la gama de tonos grises desde el negro (0) hasta el blanco (255). El histograma de la imagen nos muestra que los pixeles se distribuyen mayormente en los tonos más oscuros, y que el blanco o los tonos cercanos a éste no aparecen en la imagen. Al ver la imagen podemos darnos cuenta que ésta información es real, ya que la imagen se presenta bastante oscura y sin ningún brillo siginificativo.

A través de este histograma entonces, logramos llegar a la conclusión de que nuestra imagen no mantiene un equilibrio de iluminación y por lo tanto sabemos que a través de la utilización del histograma podemos reconocer si la exposición de la imagen es óptima o insuficiente, ya que en la pantalla podemos visualizar la imagen con una luminosidad distinta a la real, debido a la iluminación propia de cada pantalla en la que la visualizamos. Pero a través de la representación del histograma podemos identificar realmente si la imagen está o no correctamente expuesta y si es óptima en cuánto a su iluminación.

El histograma no sólo mide los niveles de luminosidad de la imagen en la gama de tonos grises, sino que también de sus canales RGB (Rojo, Verde y Azul), cada uno por separado.

A través de esta representación del histograma por sus canales, interpretamos que el ROJO abarca mayor cantidad de pixeles en la imagen, así como también mayor cantidad de tonos de luminosidad. Al mismo tiempo, los tonos azules son los que menos aparecen representados en el histograma. Estas dos características nos dicen que la imagen aparece en tonos cálidos, lo que se evidencia claramente en la imagen al visualizarla.

Es por esto último, que la eliminar el canal AZUL, la imagen no varía tanto sub tonalidad como lo hace al eliminar el canal rojo: 1) ROJO + VERDE + AZUL (imagen original)

2) ROJO + VERDE

1)

2)

La imagen es practicamente similar, ya que la información que hemos eliminado (canal AZUL) es baja.

La imagen es practicamente similar, ya que la información que hemos eliminado (canal AZUL) es baja.

3) AZUL + VERDE

En cambio, al eliminar el canal que contiene mayor información de pixeles y luminosidad, el ROJO, la imagen cambia radicalmente, predominando claramente el VERDE, dejando en evidencia nuevamente la falta de información en el canal AZUL.

Otra manera de visualizar lo que el histograma nos ha mostrado, es dejando cada canal por separado sólo en la imagen y notar la cantidad de luz de cada imagen:

R

G

B

Observamos nuevamente como se evidencia lo representado por el histograma de canales, en esta interpretación de la iluminación de cada canal.

Niveles Una vez que conocemos los valores que nos entrega el Histograma y las características, tanto positivas como negativas, que presenta la imagen, utilizamos la herramienta Niveles para modificar el histograma, alterar sus valores con el fin de optimizar nuestra imagen. Niveles de entrada: Permite aumentar el contraste aumentando las sombras, medios tonos y luces. Niveles de salida: Reduce el contraste disminuyendo las luces o las sombras de una imagen.

Imagen Original

Si deslizamos el controlador de la izquierda hacia la derecha estamos aumentando las sombra en la imagen ya que este controla las sombras.

Si deslizamos el controlador de la derecha hacia la izquierda estamos aumentando la luminosidad en la imagen ya que este controla las luces. Es decir, al alterar los Niveles de Entrada de una Imagen, estamos aumentando el contraste de la Imagen ya que aumenta sombras o luces.

Si deslizamos el controlador de la izquierda hacia la derecha en los Niveles de Salida, las sombras en la imagen se van disminuyendo.

Si deslizamos el controlador de la derecha hacia la izquierda en los Niveles de Salida, las luces en la imagen se van disminuyendo.

Es decir, al alterar los Niveles de Salida de una Imagen, estamos disminuyendo el contraste de la Imagen ya que disminuye sombras o luces.

Una vez que sabemos esto, podemos modificar la imagen de tal modo que ésta se vuelva óptima, es decir:

Si el histograma de la Imagen Original nos dice que la imagen tiene poca información de luces, y es más bien oscura, modificamos los Niveles

Deslizamos el controlador de las luces hacia la izquierda, asi como también el de los medios tonos, para aumentar luminosidad en la imagen y obtenemos una imagen mucho mas clara.

Apuntes y Correcciones

De los Apuntes de la Clase: Arquitectura de la Información Hacedores de Realidad, construimos Lenguaje Constructores de Puentes de Comunicación “entre otros dos” ¿Cuál es el afán del Diseño? el afán de la medicina es la vida, el afán del diseño es una mejor vida el arte construye piezas para el goze del artista el diseño debe tener un canal hacia el contenido, en un objeto de diseño hay una ley, hay un relato, un justo equilibrio entre la razón y la emoción. Saber cómo nombro las cosas, construir un universo con leyes, con relato. Cómo se etiqueta algo para hacerlo comprensible para el lector, que tenga TEMPO. La música, el pulso de lo creado, determinar partes y piezas y sus excluyentes. Necesidad de organizar la información de manera correcta para llegar al usuario. *SAÚL WURMAN (arquitecto) : “Arquitecture information” La emoción que nos brinda la Estética quilibrada con la razón en la arquitectura de la información (interacción con el usuario), resolver problemas de diseño para convencer al usuario. Hay un metalenguaje de la organización (existe en una biblioteca, en una edición) Disciplina que se encarga de organizar, catalogar, etiquetar los contenidos para hacerlos accesibles. (bibliotecólogos, diseñadores y periodistas) decide desde la razón cual es la distribución, cómo se nombra. Taxonomía y clasificación de las cosas. El diseño para medios digitales no puede sostenerse sin arquitectura de la información.

LENGUAJE COMPUTACIONAL 1

ENCARGO 3 SAMIRA BAJBUJ REPETTO

Infografía: “Diseño Gráfico; Primera década de Travesías por América”

Diseño Gráfico PRIMERA DÉCADA DE TRAVESÍAS POR AMÉRICA 1

9

8

4

3

-

1

9

9

3

1993

1984

1985

1989

1990

1989

1990

1992

PA Í S E S CHILE ARGENTINA BOLIVIA

13

1991

1993

SEGUNDO AÑO

EL TALLER DE DE DISEÑO GRÁFICO ES EL QUE REALIZA LA MAYOR CANTIDAD DE TRAVESÍAS EN ESTA DÉCADA

TRAVESÍAS

TA L L E R E S D I S E Ñ O G R Á F I C O

SEGUNDO AÑO

Travesía Santa Cruz de la Sierra 1993 Travesía Bahía Errázuriz 1990 Travesía Isla de Pascua 1985

TERCER AÑO

Travesía Usno 1989 Travesía Mar Chiquita 1991 Travesía Casa de los Nombres 1992 Travesía San Luis 1991 Travesía Cochicó 1990 Travesía Llico 1989 Travesía Isla Robinson Crusoe 1984 Travesía Puelches 1993

CUARTO AÑO Travesía Isla Churrecué 1989 Travesía Ushuaia 1991

Apuntes y Correcciones

De la corrección:

* Que exista un tiempo de lectura y un orden legible * Establecer leyes * Tomar desiciones * Forma de leer inmediata * Llegar a una conclusión clara

10 04 01

De los Apuntes de la Clase: INFOGRAFÍA La infografía debe ser capaz de contar una historia (storytelling), de crear un relato con la información, debe ser capaz de concluir algo. Además tiene como característica que lo que se informa tiene una intencionalidad específica. El lenguaje infográfico permite la reducción de datos (Por ejemplo la infografía periodística, la cuál reemplaza o apoya la noticia) La intención que se aplica a la infografía se evidencia en la aplicación de adjetivos a lo hecho. Ejemplo de intencionalidad: en el Mercurio de Santiago las páginas más leídas son la segunda y la tercera página; las cartas de opinión, ya que la intención u objetivo de este diario es INFLUIR Otro ejemplo en prensa, es el diario La Estrella, el cuál tiene como objetivo la constatación de hechos. Hablamos de soportes gráficos que tienen que ver con el verbo o adjetivo en la interpretación de la información, normalmente la infografía está relacionada a una historia, pero también se relaciona con los datos y objetos, ser capaces de interpretar esta relación en la medida en que el ADJETIVO se entienda y se muestre claramente sobre lo que se quiere decir. Se diferencia de una visualización de datos ya que en ésta, se hace una interpretación de una realidad que hasta ese momento no existía. CORRECCIÓN DE LAS TAREAS Uso de Illustrator: la compresión de la imagen debe estar determinada dependiendo del uso que vayamos a darle (diferencia entre el uso para Web y el uso en imprenta). Ser capaces de crear una realidad, de crear leyes claras que demuestren una conclusión específica de la información. Debemos ser capaces de pensar y reflexionar sobre qué sucede con aquellos datos y a partir de ésto tomar decisiones y establecer leyes propias del diseñador pero que sean legibles para el lector. “El diseño es una reflexión” IMPRENTA OFFSET

LENGUAJE COMPUTACIONAL 1

EXAMEN SAMIRA BAJBUJ REPETTO

Infografía Diferencias en la comparación de dos Tipografías

Q

Q Baskerville

Perpetua

1757 1928

John Baskerville

Eric Gill

W Ausencia de terminal intermedio sobre la “W”

Mayor altura de la “x”

Presencia de terminal intermedio sobre la “W”

Menor altura de la “x”

W

Son Serif de Transición

M La “M” es más cuadrada

Apices redondeadas

Apices triangulares

M