BITÁCORA - PUCV

BITÁCORACATALINA REYES NAVARRO

LC1 2011

ClAse 1

Mapa de Bits

Un mapa de bits, bitmap, pixmap, imagen matricial o imagen rasterizada es una estructura de datos que representa una rejilla rectangular de píxeles, conocida como raster, que puede ser visualizada en un monitor de computadora, en un papel o en otros dispositivos de representación.

Pixel

Es la menor unidad homogénea en color que forma parte de una imagen digital, por lo mismo, no tiene un tamaño fijo, sino que varía según la imagen.

En Mapa de Bits, cada píxel se codifica mediante un conjunto de bits de longitud determinada, o profundidad de color. (8-24-48 bits) Imagen en mapa de bits y sus

pixeles

29 de nOvIemBRe

5 Factores que inciden en una imagen en mapa de bits

Tamaño

El tamaño del archivo es una cifra, en bits o en bytes, que describe la cantidad de memoria necesaria para almacenar la información de la imagen en un soporte (disco duro, CD, tarjeta de memoria, etc). El tamaño del archivo dependerá de varios factores y, especialmente, de la resolución, las dimensiones de la imagen (Largo x Ancho) y la profundidad de color.

1 byte son 8 bits y que 1 Kilobyte equivale a 1024 bytes.

Tamaño de Impresión

El tamaño óptimo de impresión de una imagen digital es el más típico problema de resolución. El tamaño de una imagen está definido por dos factores: La cantidad total de píxeles de la imagen. La exigencia de la impresora o sistema de impresión que se usará.

Resolución

La resolución, o nitidez de una imagen viene dada por el número de píxeles que tiene.

Por ejemplo, un mayor número de píxeles mejora la resolución de la imagen, lo que permite realizar impresiones más grandes sin perder calidad visual. No obstante cuantos más píxeles tiene una imagen, mayor es el tamaño del archivo.

Se mide en dpi (dots per inch = punto por pulgada).

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:

Mapa de Bits, Escala de Grises, Color indexado y RGB.

Extensión del archivo

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.

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 para solventar las deficiencias del formato GIF.

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.

Variabilidad de la imagen según su modo y extensión

Lenguaje Computacional 1 / Tarea 1

Catalina Reyes NavarroDiseño Gráfico Segundo Año

Imagen versión RGBDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 954 kB ; Formato: JPEG ; Modo: RGB

Modo RGB (imagen original)

Un amplio porcentaje del espectro visible se puede representar combinando luz de color rojo, verde y azul (RGB) en distintas proporciones e intensidades. Donde se sobreponen colores, se crea el cian, el magenta, el amarillo y el blanco. Debido a que los colores RGB se combinan para crear el blanco, también se denominan colores aditivos. El modo RGB de Photoshop utiliza el modelo RGB, asignando a cualquier píxel un valor de intensidad comprendido entre 0 (negro) y 255 (blanco) en cada componente RGB de una imagen en color RGB es el modo por defecto utilizado para las imagenes en Photoshop.

Modo CMYK

Imagen versión CMYKDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 1.4 MB ; Formato: JPG ; Modo: CMYK

El modelo CMYK se basa en la cualidad de absorber y rechazar luz de los objetos. Por ejemplo, si un objeto es rojo, significa que absorbe todos las componentes de la luz exceptuando el componente rojo. El peso de la imagen cambia entre la versión RGB y CMYK, teniendo la segunda un mayor tamaño (954 kB a 1.4 MB). Con respecto a los cambios en la visualización de la imagen en Photoshop, se observa un leve cambio en la luminosidad Comparación entre RGB y CMYK

Modo Escala de grises

Imagen versión escala de grisesDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 317 kB ; Formato: JPEG ; Modo: Escala de grises

El modo Escala de grises utiliza distintos tonos de gris en una imagen. En imágenes de 8 bits, puede haber hasta 256 tonos de gris. Cada píxel de una imagen en escala de grises tiene un valor de brillo comprendido entre 0 (negro) y 255 (blanco). Los valores de la escala de grises también se pueden medir como porcentajes de cobertura de la tinta negra (0% es igual a blanco, 100% a negro).

Se observa una pérdida total del color, lo que disminuye el peso de la imagen a un tercio de su original. La fotografía adquiere un mayor contraste entre luces y sombras, construyendose un nuevo mirar de la imagen.

Modo Color indexado

Imagen versión color indexadoDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 254 kB ; Formato: GIF ; Modo: Color indexado ; Profundidad de bits:8 bits

Comparación de color RGB e indexado

Este modo reduce la gama cromática de las imágenes a un máximo de 256 colores, con lo que el peso del archivo tambien disminuye. Al convertir a color indexado, Photoshop crea una tabla de colores de consulta (CLUT) que almacena y genera el índice de los colores de la imagen. Si un color de la imagen original no aparece en la CLUT, el programa selecciona el más parecido o emplea el tramado para simularlo utilizando los colores disponibles. Por esto, se observa un notorio cambio en la gama de colores de la imagen, ya que se consigue la misma luminosidad pero con otra paleta. De este modo, la imagen adquiere tonalidades frías.

Modo Color duotono

Para acceder a la opción del modo de imagen duotono, se debe en primera instancia utlizar el modo escala de grises en Photoshop

El modo Duotono crea imágenes en escala de gris monotonos, duotonos (dos colores), tritonos (tres colores) y cuadritonos (cuatro colores) utilizando de una a cuatro tintas personalizadas.Photoshop presenta la posiblidad de utilizar pantones de colores (como es en el caso de la muestra del cuatritono) o bien, seleccionar libremente un tono. Este modo permite un control casi absoluto en el modo de ser inyectada la tinta en la impresión.El peso de la imagen no aumenta,ya que sólo ocurre un cambio de tonalidades.

Monotono y Duotono

Tritono y cuatritono

Imagen versión duotono negro-cyanDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 317 kB ; Formato: PDF ; Modo: Duotono ; Profundidad de bits:8 bits

Imagen versión cuatritonoDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 317 kB ; Formato: PDF ; Modo: Duotono ; Profundidad de bits:8 bits

Al guardar la imagen, se reducen las opciones a formato Photoshop, Large Document Format, EPS, PDF, Photoshop 2.0 y Photoshop Raw.En este caso, se decide utilizar el formato PDF, y no se observa un cambio en el tamaño entre la versión duotono y cuatritono.

Imagen versión mapa de bits 50 % de umbralDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 39,7 kB ; Formato: GIF ; Modo: Mapa de bits

Modo mapa de bits

Convertir una imagen al modo Mapa de bits reduce la imagen a dos colores, simplifica en gran medida la información del color de la imagen y reduce el tamaño de su archivo. Al seleccionar la opción mapa de bits aparecen diversas opciones de modo.

50% de umbralConvierte los píxeles con valores de gris por encima del nivel de gris medio (128) a blanco y los píxeles con valores de gris por debajo de dicho nivel a negro. El resultado es una representación de la imagen en blanco y negro con un contraste muy alto.

Imagen versión mapa de bits tramado de difusiónDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 39,7 kB ; Formato: GIF ; Modo: Mapa de bits

Tramado de difusión Convierte una imagen utilizando un proceso de difusión de errores. Si el valor del píxel está por encima del gris medio (128), el píxel cambia a blanco; si está por debajo, a negro. Se produce una textura granulada en la imagen.

Imagen versión mapa de bits tramado de motivoDimensiones: 695 × 467 px ; Resolución: 36 dpi ; Peso: 39,7 kB ; Formato: GIF ; Modo: Mapa de bits

Imagen versión mapa de bits tramado de motivo personalizadoDimensiones: 695 × 467 px ; Resolución: 36 dpi ; Peso: 39,7 kB ; Formato: GIF ; Modo: Mapa de bits

Tramado de motivo La imagen en modo mapa de bits genera un tramado según una forma deseada (cuadrado, triángulos, elipses, etc.)

Motivo personalizado La trama de la imagen es simulada mediante un motivo personalizado, que en este cado son unos tipos de burbujas

Modo multicanal

Imagen versión multicanalDimensiones: 695 × 467 px ; Resolución: 72 dpi ; Peso: 317 kB ; Formato: EPS ; Modo: Multicanal

Este modo utiliza 256 niveles de gris en cada canal. Las imágenes Multicanal se utilizan en impresión especializada.Los canales de la imagen original se convierten en canales de tinta plana de la imagen convertida. Convertir una imagen RGB a multicanal crea canales de tinta plana cian, magenta y amarilla. Las imagenes en modo multicanal pueden ser guardadas en formato Photoshop, Large Document Format, Photoshop Raw o DCS 2.0 (.EPS)

En la visualización de la imagen se puede observar una disminuición en el brillo, teniendo esto que ver con la conversión de los canales en canales de tinta plana, perdiendo la profundidad de la fotografía en el monitor.

ClAse 2

Atención a la diagramación de manera que se disponga la información de una manera clara. Comparar la tarea propia con tareas sobresalientes.

• Contenidos (sentido del relato) • Sentido estético• Dedicación• Investigación

Atender el proceso productivo del diseño completo. En los detalles está el fin del diseño. Toda entrega es una posibilidad de mostrar las aptitudes del diseñador. Mostrar conocimiento de la técnica.

Exportación a PDF (Portable Document Format)

Este sistema de archivos fue creado para que sus componentes no fueran modificados, y el archivo fuera transportable. De esta forma, se cuida especialmente el dibujo tipográfico.

6 de dICIemBRe

Las familias tipográficas tienen leyes propias, por lo que sin esta mantención de la tipografía, el documento se desarma.

El PDF se utiliza para hacer de puente desde programas preimpresión. Trabaja con el criterio de donde va a ser leído el archivo. Si va a ser leído en pantalla, no tiene sentido utilizar mas de 72 dpi. Si es un archivo final que va dirigido a la imprenta, se debe comprimir lo menor posible para privilegiar la calidad. En calidad de prensa conviene una imagen de 300 dpi o más.

Los sistemas de compresión son llamados también de pérdida, porque eliminan información que el lector no alcanza a percibir.

Adobe PDF (interactivo): pensado para verlo en la pantalla, la calidad se comprime, la resolución pasa a ser de 72 dpi

Adobe PDF (imprimir) pensado para una impresión, se comprime a una mayor resolución de los 72 dpi.

Adobe PDF (calidad de prensa) opción que permite la mayor calidad del archivo para imprimir, generalmente la resolución es 300 dpi o mayor.

Compresión a JPEG (Joint Photographic Experts Group)

El formato JPEG, es un formato de compresión, que fue diseñado para las redes. Este formato es útil para transportar imágenes en una memoria, pero para modificarlas conviene una extensión que contenga mayor cantidad de información visual. Para mejorar la calidad de la imagen profesional se inventó la extensión RAW.

En Photoshop, donde se trabaja con imágenes, las capas contienen un peso adicional en la imagen, y cuando un archivo PSD se convierte en JPEG, se acoplan estas capas.

Metadatos de la imagen fotográfica y el estudio de su luminosidad mediante el histograma

Lenguaje Computacional 1 / Tarea 2

Catalina Reyes NavarroDiseño Gráfico Segundo Año

Imagen a analizar y sus metadatos

Make: NIKON CORPORATION

MODEL: NIKON D5000

Date Time: 25/11/2011 17:14

Shutter Speed: 1/60 sec

Exposure program: Aperture priority

F Stop: f/8

Aperture value: f/8

Max Aperture Value: f/4,1

ISO Speed Rating: 320

Focal lenght: 34,0 mm

Lens: 18.0-200.0 mm f/3.5-5.6

Flash: Did not fireNo strobe return detection (0) Unknown flash mode (0)Flash function presentNo red-eye reduction

Metering Mode: Center Weight

Shutter speed (velocidad de obturación)

La velocidad de obturación es la velocidad a la que se abre y se cierra el obturador de una cámara. El obturador es aquello que permite controlar la cantidad de luz que entra a la cámara. Trabaja en conjunto con la apertura. El obturador controla la luz según la cantidad de tiempo que se mantenga abierto. Esto viene medido en fracción de segundo (2, 1, ½, ¼, etc).

El cambio en la velocidad de obturación permite capturar el movimiento de diversas maneras. Por ejemplo, al fotografiar agua cayendo, ésta pueda aparecer como un ‘hilo‘ de luz, o bien, de manera estática.

Velocidad de Obturación

20 seg; 6 seg; 2 seg

Como al aumentar la velocidad de obturación, se aumenta la cantidad de luz que ingresa a la cámara, todo el movimiento que ocurre en la escena fotografiada, queda con un algún tipo de registro.

Por ejemplo, en las fotografías de la derecha, ajustando la velocidad de obturación a varios segundos, se pueden realizar cambios en la escena, como mover el vaso o sacar la toalla de la silla.


3 seg


1/20 seg; 1/100 seg; 1/320 seg

En la fotografía al exterior, un mayor tiempo de exposición genera que se queme la imagen, causando una pérdida de información visual; al contrario de lo que sucede con condiciones lumínicas más reguladas.

Exposure program

La mayoría de las cámaras digitales tienen uno de los siguientes modos estandarizados de exposición: Auto, Program (P), Shutter Priority (S) o Manual.

Cada uno de estos modos influye en como la apertura, ISO y velocidad de obturación se ajustan para una cierta exposición.

Auto: La cámara automáticamente selecciona los ajustes de exposición.

Program (P): La cámara automáticamente selecciona apertura y velocidad de obturación, mientras que se puede escoger el ISO.

Shutter Priority (S): Se puede especificar la velocidad de obturación e ISO, y la cámara determina la apertura correspondiente.

Manual: Se especifican la apertura, ISO y velocidad de obturación.

Aperture value

Además de cambiar la velocidad de obturación para modificar la cantidad de luz que ingresa a la camera, se puede utilizar la apertura, que mediante el cambio de tamaño de la abertura del lente se modifica qué luz es captada por el lente.

Este proceso se realiza en la cámara mediante el diafragma, un sistema de láminas finas que, situado entre las lentes del objetivo, permite graduar la cantidad de luz que entra a la cámara.

El tamaño de apertura del diafragma es medido en una escala de números llamada número f o f-stops. Esta escala va desde el f/1.4 hasta el f/16, siendo la mayor apertura del diafragma el número f/1.4, la que admite mayor cantidad de luz y es la más rápida.

Un cambio en la apertura del diafragma afecta no solo la cantidad de luz que entra a la cámara, si no también el foco. Si disminuye la apertura, más elementos de la escena se vuelven nítidos, es decir, se amplia la profundidad de campo.

ISO speed rating

La función ISO en la cámara, ajusta la sensibilidad a la luz del sensor de imagen de la cámara, es decir, la escala de sensibilidad fotográfica. Los valores de ISO en las cámaras digitales van desde 100 hasta 1600.

Un valor menor de ISO se utiliza en fotografías con mucha luz, ya que reduce la sensibilidad fotográfica del sensor de imagen. Un valor alto de ISO se usa normalmente para condiciones más sombrías ya que aumenta la sensibilidad fotográfica.

Como se puede observar en las tres imagenes, que van de un mayor a menor valor de ISO, para fotografías en interior, donde no hay mucha luz, conviene utilizar un valor alto.

ISO Speed Rating1600, 800, 200

Focal lenght

La distancia focal de un lente determina su ángulo de vista, y cuanto el objetivo será aumentado. El valor del rango de la distancia focal está expresado en milimetros.

Como se puede apreciar en las fotografías, al aumentar la distancia focal, se define mejor la figura del objetivo, y el fondo se vuelve difuso, mientras que con una menor distancia, se genera una mayor profundidad de campo.

Focal Lenght18 mm, 38 mm

Metering mode

El modo de medición hace referencia a cómo la cámara determina la exposición para una determinada escena. Estos modos usualmente son: spot (puntual), center-weighted average (ponderada al centro), o partial (parcial).

Spot Metering: La cámara sólo mide una pequeña área de la escena (1-5 % del total). Esto normalmente es el centro de la escena, aunque algunas cámaras permites al usuario seleccionar otro punto. Este modo es muy exacto y no es influenciado por el resto de la escena.

Center-Weighed Average: En este sistema, el

medidor concentra un 60-80 % de la sensibilidad hacia la parte central del visor. Este balance es difuminado luego hacia los bordes. Es muy útil para conseguir resultados consistentes, ya que se ve menos influenciado en la exposición por partes pequeñas de la escena.

Partial: Este modo mide un area mayor que el spot (cerca de un 10-15 %) y se utiliza para escenas en que los bordes son o muy iluminados, o muy oscuros, influenciando de otro modo la exposición de la escena.

Modos Spot, Center-weighted Average y Partial

Histograma

Cada pixel en una imagen contiene un color que ha sido producido por alguna combinación de colores primarios rojo, verde y azul (RGB). Cada uno de estos colores puede tener un valor de luminosidad que varía del 0 al 255 para una imagen digital con una profundidad de bit de 8 bits. Un histograma de RGB es el resultado de un registro de estos valores de 0 a 255.

La región donde la mayoría de los valores de luminosidad se encuentran, es llamada valor de tonalidades. El valor de las tonalidades varía según la imagen, pero debería ser representativo del rango de la escena y de la intención de la imagen.

Como se puede observar, comparando la imagen y su histograma de luminosidad, se puede concluir que la imagen contiene mayor información en sus luces que en sus sombras.

Imagen a modificar y su histograma RGB

Modificación de histograma usando cuentagotas

Al ir a la herramienta Niveles en Photoshop, aparece el histograma, y a la derecha tres cuentagotas: el primero indica el punto más negro, el segundo el tono medio de gris, y el último, el punto más blanco. De este modo, se coloca el cuentagotas sobre la imagen, en los puntos que se deseen, y de este modo, se establece un nuevo rango de tonalidades.

Herramienta de cuentagotas e histograma de imagen modificada

Modificación de histograma usando deslizadores

La herramienta funciona del mismo modo que la anterior, es decir, fijando nuevos valores para el negro y para el blanco dentro de la imagen modificada.

La diferencia recae en que es un modo mucho más preciso de modificar los niveles, y permite también modificarlos por canales de color.

Herramienta de deslizadores e histograma de imagen modificada

Al observar los acercamientos a la versión original y a las modificadas mediante los niveles, podemos ver que hay un aumento de contraste, causando que los colores se vuelvan mucho más intensos.

Previamente, la imagen se veía grisácea debido a que su valor ISO era relativamente bajo para las condiciones en que se tomó la fotografñia, sin embargo, no hubo pérdida de información.

Al comparar los dos métodos en que se pueden utilizar los niveles, es decir, la segunda y tercera versión, podemos apreciar que la tercera mantiene aún la tonalidad de los colores originales, mientras que la segunda, debido a su alto contraste, causa que las tonalidades tiendan a los colores primarios.

Versión original RGB, versión mediante herramienta cuentagotas, versión mediante herramienta deslizadores

En las opciones de modificar niveles en RGB, aparece la opción de regular el valor de tonalidades según el canal, es decir, en Red, Green y Blue.

De esta forma, se va regulando de manera más específica la imagen, logrando un resultado ya no sólo luminoso, sino que cálido o frío con respecto a la imagen original.

Canal rojo y su modificación en el histograma

Canal verde y su modificación en el histograma

Canal azul y su modificación en el histograma

Comparación entre versión lograda modificando RGB y versión lograda por canales de color

Al comparar la versión lograda modificando los niveles en RGb, y aquella lograda mediante la modificación de los niveles por canales de color, se puede apreciar que la seguna tiene una tonalidad mucho más cálida que la primera, que tiende a un tono verdoso.

Además, el reflejo del blanco sobre la superficie en la que se posa el objeto es mucho más brillante en la segunda versión, generando un mayor protagonismo del objeto en el espacio.

Modificación del histograma en escala de grises

Al cambiar el modo de RGB a Escala de Grises, se pierde la información del color de la imagen, y por lo tanto, la posiblidad de modificar sus niveles.

El histograma pasa entonces a mostrar los valos de luminosidad de los grises. Debido a esto, ocurre un cambio en el histograma que se muestra en la versión RGB (donde indicaba mayor información en las luces) a la versión Escala de Grises, que, como se puede apreciar, tiende a una mayor información de luminosidad en los tonos medios, no en los extremos.

Imagen a modificar y su histograma Escala de Grises

Al utilizar la herramienta de cuentagotas en la regulación de los niveles, seleccionando de esta manera el valor de negro y el valor de blanco dentro de la escena, se produce un cambio en el histograma.

Como se puede ver a la derecha, el histograma muestra quela información de luminosidad se desplaza hacia los blancos. Esto se refleja en la imagen como un aumento del contraste, y un mayor brillo.

Histograma de imagen modificada mediante cuentagotas

Al usar la herramienta de los deslizadores en los niveles, se produce un aumento de información hacia las sombras, en vez de hacia las luminosidades, como la versión anterior.

Histograma de imagen modificada mediante deslizadores

Al comparar las tres versiones, se puede ver lo grisácea que aparece la versión original con respecto al resto.

Estos tonos medios de gris vienen dados por las condiciones de la fotografía, explicados previamente. Se puede observar que sombras del objeto tienden a la misma luminosidad del fondo, generando una homogeneidad en la escena.

La segunda versión vendría siendo la más indicada como modificación, ya que la segunda, en las sombras tiende a llevar los grises al negro, oscureciendo en demasía la imagen.

Versión original RGB, versión mediante herramienta cuentagotas, versión mediante herramienta deslizadores

Modificación del histograma en monotono

Al cambiar el modo de la imagen a Monotono, utilizando como color base el rojo, la fotografía mantiene sus valores en el histograma de la versión en Escala de Grises.

Al modificar los niveles de manera que se amplie la información de los pixeles, se puede observar que hay un realce de la forma del objeto, gracias a la saturación del rojo que se produce. De este modo, el objeto aparece con sus bordes muy definidos.

Comparación entre versión original en monotono y versión modificada

Versión original y su histograma

Versión modificada y su histograma

Modificación del histograma en duotono

Al llevar la imagen al duotono (con el color rojo y un amarillo con poca saturación) se logra un aspecto naranjo de la imagen, y observando el histograma, se puede apreciar como la información tiende a estar en las sombras y en los tonos medios.

Al modificar los niveles de la imagen, el histograma muestra como esta información se amplia hacia los extremos, y en la imagen se puede apreciar como pasa de un tono anaranjado generalizado a mayores matices de naranjo.


Configuración de colores en el modo duotono


Modificación del histograma en color indexado

El cambiar el modo de la imagen a Color Indexado, implica una pérdida importante de la información. Debido a esto, su histograma muestra líneas de información luminosa de los pixeles, una versión mucho más limitada que las anteriores.

Al realizar cambios al histograma, se puede observar que aunque la imagen mestra un leve aumento en su contraste, el histograma muestra sólo que se reorganizan los tonos hacia aquellos más luminosos, pero no permite concluir en qué cantidades.



Modificación del histograma en CMYK

Al cambiar de RGB a CMYK el modo de la imagen, se produce una variación en los canales colores, de Rojo, Verde y Azul a Cyan, Magenta Amarillo y Negro. Del mismo modo que la versión RGB, la imagen muestra en el histograma una tendencia hacia el extemo luminoso, y al modificar sus niveles, se observa que tiende más a los tonos medios.

La imagen, en su modificación, adquiere mayor luminosidad y brillo.


Comparación entre versión original en CMYK y versión modifi-cada


Se realiza el mismo ejercicio que con la versión RGB, se van modificando los niveles según el canal para luego observar la diferencia entre ambas versiones.

Canal Cyan y su modificación en el histograma

Canal Magenta y su modificación en el histograma

Al observar la versión realizada mediante la regulación de los niveles en cMYK, y aquella por canales de color, se aprecia una gran diferencia en las tonalidades.

La segunda es mucho más rojiza, probablemente debido al canal magenta que no fue bien calibrado, mientras que la primera versión permite un distingo entre los tres colores que se encuentran en el objeto fotografiado.

Canal Amarillo y su modificación en el histograma

Comparación entre versión modificada por CMYK y versión modi-ficada por canales de color de CMYK

ClAse 3

Arquitectura de la información

Los diseñadores trabajan con el contenido. Se construye un lenguaje para que dos otros se puedan comunicar, se alzan puentes de comunicación.

Para que una persona converse con el contenido de un mensaje, este debe organizarse, ser nombrado, contener leyes propias que permitan su decodificación. Los objetos de diseño conversan con el usuario mediante la razón.

La arquitectura de información surge para que mediante un orden de la información, que la persona al acceder a ella, puede ejecutar ciertas acciones.

Richard Wurman es quien hablo por primera vez en televisión sobre la arquitectura de información. Ideó el libro Understanding USA, que usa la visualización de datos para concebir un país.

Richard Wurman y su libro Understanding USA

13 de dICIemBRe

Podemos definir entonces la arquitectura de la información como la disciplina que se encarga de organizar los contenidos de manera que se vuelvan accesibles para un lector cualquiera.

En Internet, al manejar infinitos contenidos, se vuelve fundamental esta disciplina, ya que en la construcción de páginas web se hacen infinitas preguntas a la base de datos.

James Garrett

James Garrett (jjg.net)

Garrett es cofundador del Instituto de Arquitectura de la Información.

Escribió Los Elementos de la Experiencia del Usuario, donde realiza un modelo del diseño centrado en el usuario y sus necesidades. Esta concepción del diseño fue pensada inicialmente para el diseño de páginas web, pero luego se fue expandiendo a otras areas del diseño.

Modelo gráfico del método de diseño utilizado por Garrett

OTROs mOdelOs

ClAse 4

La arquitectura de la información se construye a partir de una jerarquía de los contenidos. Para poder llegar a una arquitectura se debe utilizar la unidad mínima discreta.

¿Para quién se diseña?¿Bajo que condicionantes?¿Qué se diseña?

La jerarquía del contenido sólo se puede construir luego de comprender las personas y los escenarios.

Llegar a la unidad discreta es fundamental porque así se guía al lector en su búsqueda. Esta unidad permite establecer una ley dentro del diseño, la cual el usuario aprende mediante relaciones. La unidad discreta busca evidenciar datos.

InfografíaLa infografía es una herencia de la visualización de contenidos. Es una manera de mostrar información gráficamente.

20 de dICIemBRe

La infografía ace de la lucha entre la prensa escrita y la televisión. La televisión era inmediata, visualmente más rica, y reunía información velozmente, de manera que sacaba conclusiones.

Una infografía contiene un relato de constataciones concretas de una cierta información.

Edward Tufte

Tufte es un estadístico americano, que es pionero en el ámbito de visualización de datos. Defiende un minimalismo en la representación gráfica de datos.

“Power Corrupts. PowerPoint Corrupts Absolutely”- Tufte

Edward Tufte y su libro Explicaciones Visuales

AlgunOs InfOgRAmAs

COnsTRuCCIón de lA TAReA

TRAVESÍA

Travesía Quingue (2000)

Travesía Ponta do Seixas (Paraiba) (2000)

Travesía Santa Cruz (2001)

Travesía Ciudad Abierta (2002)

Travesía de la Fiesta y Forma del Diseño (La Serena) (2002)

Travesía Huella del Viento (Comodoro Rivadavia) (2003)

Travesía Axis Mundae (Puerto Madryn) (2003)

Travesía de las 3 Capitales (San Francisco) (2003)

Travesía Iruya (Humahuaca) (2004)

Travesía Hermenegildo (2004)

PROFESORES

Alejandro Garretón

Michèle WilkomirskyHerbert SpencerManuel Sanfuentes

Alejandro GarretónSylvia Arriagada

Herbert Spencer

Alejandro GarretónSylvia Arriagada

Michèle Wilkomirsky

Herbert SpencerManuel SanfuentesAlejandro GarretónJose Balcells

Sylvia Arriagada

José BalcellsHerbert SpencerManuel SanfuentesAlejandro Garretón

Sylvia Arriagada

Recopilación de datos de travesías

Travesía São Francisco do Sul (2004)

Travesía Cananeia (Santa Caterina) (2005)

Travesía Ciudad de la Costa (Montevideo) (2005)

Travesía del Interior Americano (Itajubá) (2005)

Travesía La Paloma (2006)

Travesía Rio de Janeiro (2006)

Travesía Puerto Williams (2006)

Travesía de los Vasos Comunicantes (Pangal) (2006)

Travesía Olmopulli (2007)

Travesía Purmamarca (2007)

Travesía La Paloma (2007)

Travesía las Lástimas (2007)

Travesía Alto del Carmen (2008)



Silvia Arriagada

Alejandro GarretónManuel SanfuentesJose Balcells

Sylvia Arriagada

Alejandro Garretón

Manuel SanfuentesJose Balcells



Alejandro GarretónManuel SanfuentesHerbert SpencerJosé Balcells

Sylvia Arriagada

Manuel SanfuentesHerbert Spencer

TRAVESÍA PROFESORES

Travesía Río de Janeiro (2008)

Travesía Ilha Grande (Rio de Janeiro) (2008)

Travesía Puñihuil (Chiloé) (2009)

Travesía Isla Mocha (2009)

Sylvia Arriagada

Alejandro Garretón


Herbert SpencerManuel Sanfuentes

Travesías Diseñadores Gráficos durante una década

Diseñador Gráfico

Destino de la travesía

En conjunto con otros

Solo

Año de la travesía

Registro fotográfico

Mapa del contenido

Paleta de colores del Infograma

Lugar 1

Lugar 2

Lugar 3

Simbología en el Infograma

Simbología para travesías(solo-en conjunto)

Ubicación geográfica para travesías

Travesías de diseñadores gráficos durante una década (2000-2009)

Las travesías son viajes poéticos que se realizan una vez al año, desde 1984, en la Escuela de Arquitectura y Diseño PUCV. El fin último de la travesía es la construcción de una obra en el lugar, dejando así un rastro del oficio en América. El diseño gráfico en la Escuela, está contemplado desde la observación, que permite al diseñador, mediante un lenguaje teórico desde la Poesía, permanecer en la abertura creativa del oficio;

23 travesías 6 profesores 5 países recorridos Sylvia Arriagada Jose Balcells Alejandro Garretón Manuel Sanfuentes Herbert Spencer Michèle Wilkomisky

Travesía Quingue, 2000

Travesía Lima, 2009

Travesía Alto del Carmen, 2008

Travesía Purmamarca, 2007

Travesía Maullín Pangal, 2006

Lima, Peru

Chiloé, Chile

Humahuaca, Argentina

Purmamarca, Chile

Alto del Carmen, Chile

Santa Caterina, BrasilSao Francisco do Sul, Brasil

Rio de Janeiro, Brasil

Maullín Pangal, Chile

La Paloma, Uruguay

Itajubá, Brasil

Montevideo, Uruguay

Hermenegildo, Brasil

Iruya, Argentina

Puerto Madryn, Argentina

San Francisco, Argentina

La Serena, Chile

Quingue, Ecuador

Comodoro Rivadivia, Argentina

Fuente: http://wiki.ead.pucv.cl/Catalina Reyes Navarro LC1

ClAse 5

La infografía debe llegar a alguna conclusión. Se debe privilegiar el relato de una historia de principio a fin. El lenguaje infográfico tiene un relato de una historia. Se genera una relación formal de un objeto con un dato.

Con las visualizaciones de datos emergen conclusiones que antes no existían. Se construye una interpretación visual que evidencia una realidad. La problemática del relato debe poder ser visualizada. Se deben tomar decisiones, constuir ciertas leyes.

Illustrator

Marcas en la impresora permiten ver la paleta de colores y el negro. Otorgan muestras de pantone de los colores, lo que genera una referencia para la impresión de los colores del documento.

Cruces de calce permiten montar bien los colores sobre la superficie en que se está trabajando.

Marcas de Impresión

27 de dICIemBRe

Impresión Offset

Método de reproducción de documentos e imágenes sobre papel o materiales similares, desarrollado a comienzos del siglo XX.

Consiste en aplicar una tinta oleosa sobre la superficie de una plancha metálica.

La plancha se moja con agua para que repela la tinta en las zonas de no imagen, el resto de la plancha toma la tinta en las zonas donde hay un compuesto hidrófobo que previamente fue grabado en la plancha.

La imagen o el texto se trasfiere por presión a un caucho para pasarla, finalmente, al papel por presión.

ClAse 6

Contenido examen escrito

Comportamiento de las imágenesTipos de imágenesCaracterísticas análogas y digitalesAspectos formales de fotografia

Softwares de Diseño

Los softwares de servicios tienen su uso especificado. El PhotoShop fue pensado para el medio análogo digital (RGB), por lo que funciona con mapa de bits (.psd). Illustrator no maneja foto, sino vectores. Omnigraffle es el programa mas adecuado para construir mapas de navegación o wireframes.

Los sofwares son útiles para hacer la producción dirigida de un diseño.

3 de eneRO

WYSWYG: What you see is what you get. El software permite una reproducción idéntica de lo que se ve en la pantalla en otros medios.

Vectores en Illustrator

Los vectores construyen figuras con relleno y perímetro, y funcionan a base de un algoritmo matemático. Ambos relleno y perímetro pueden ser modificados en grosor y color.

Una línea vectorial se compone de dos nodos, Para modificarla se le deben agregar nodos. Existe también la opción ‘convertir punto de ancla’, que permite generar curvas. Se debe de este modo deconstruir la imagen en nodos para poder modificar un vector.

Se puede cambiar el grosor de la línea y también su remate (hacerlo recto o de manera curva). La línea también se puede construir de forma interrumpida y designarle una regulación de los espacios.

Modificación de imágenes en PhotoShop

En Photoshop se trabaja con mapa de bits, es decir, información visual expresada en luminosidad. JPEG se encuentra en mapa de bits ya que es una reducción de información diseñada para la visualización en pantalla.

El formato RAW es aquel utilizado en la fotografía profesional, ya que permite modificar las imágenes en postproducción.

Para intervenir fotos en PhotoShop se utilizan máscaras, es decir, tapar o destapar secciones de las superficies. Las herramientas de PhotoShop están ligadas al enmascarado de imágenes para seleccionar o deseleccionar partes de las imágenes, colores o luminosidad.

Debemos pensar la fotografía como una forma de construir un concepto visual.

JPEGRAW

Imágen enmascarada

Los dos formatos como extremos de la compresión

de imágenes

COnsTRuCCIón del exÁmen

Adrian Frutiger

30 tipografías

6 Sans Serif

Univers Frutiger Avenir Vectora Lynotipe Univers Frutiger Next

Característicasindividuales

Comparación directa

Organización de contenidos

FRUTIGER

Requerimientos de la tipografía

Respuesta gráfica

Desglose de las características

COMPARACIÓN DIRECTA

BITÁCORA - PUCV

Documents

Transcript of BITÁCORA - PUCV