Ciclo Formatos de Imagen - Valentina Dietz

Título	Ciclo Formatos de Imagen - Valentina Dietz
Asignatura	Producción gráfica 2020
Del Curso	Producción gráfica 2020
Carreras	Diseñ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.
Nº	3
Alumno(s)	Valentina Dietz

Ciclo Formatos de Imagen

CLASE 6: MAPA DE BITS

BITS Y BYTES

El bit es la unidad básica de información y puede tener un estado. Por otro lado, el Byte es una representación de información conformada por bits y se conforma por 8 de ellos.

1 Byte = 8 bits

Las cadenas de bits actúan de forma exponencial. En bits se pueden reproducir 256 opciones de combinaciones, lo que cubre un lenguaje amplio de caracteres en alfabetos universales.

1. bit: 2 Opciones de combinación
2. bits: 4 Opciones
3. bits: 8 Opciones

Imágenes mapa de bit

Estos mapas utilizan una cuadrícula rectangular que se compone de pixeles para representar las imágenes. Cada pixel tiene una ubicación y color dentro de la pantalla.

Resolución

Las imágenes de mapa de bits dependen de la resolución, es decir que contienen un numero fijo de pixeles los cuales podrían generar que la imagen pierda su detalle y unidad; por eso es que aparecen imágenes pixeleadas. De todas maneras para visualizar los pixeles, basta con hacer el máximo zoom para darse cuenta de los detalles y sus colores.

Una imagen con la profundidad de bits de 1 tiene pixeles blancos y negros. Aíi se van conformando para generar escalas de grises agregando colores intercalados.

RGB

Las imágenes RGB se componen de tres canales de color. (8 bits: 256 valores) Por po lo esto significa que existen mas de 16 millones de valores para los colores.

Imágenes HDR

"Alto rango dinámico", estas imágenes contienen 32 bits por canal, lo que principalmente se usa para fotografías profesionales o photoshop.

Canales

La cantidad de canales de color por defecto de una imagen depende de su modo de color. ¿Cuantos canales tiene una imagen RGB, Lab, CMYK? Pues, depende de los colores que lo componen, por ejemplo en CMYK existen 4 canales, uno por color. Lo que hace que estos tonos puedan aparecer superpuestos en la imagen.

Edición de imágenes

Capas: Photoshop y los distintos editores de fotografías e imágener trabajan mediante capas, las que van cambiando por sus colores, calidez, brillo, saturación, textos, etc. Son una forma ordenada de trabajar que permite componer independientemente cada nivel que se quiera editar.

TAREA 6

(Componer una imagen en Photoshop, en un lienzo de 21x21, que contenga edición por capas, formas e imágenes).

COMPOSICIÓN 1

La composición comprende de 3 capas:

1. Fondo establecido blanco.
2. Cuadrado con degradación de celeste a blanco.
3. Texto: "Liviano" (Letra: )

Esta composición contiene modificación de propiedades en el equilibrio del color, específicamente tonalidades.

CIAN - ROJO: -8

MAGENTA - VERDE: -60

AMARILLO - AZUL: +4

Creado en Photoshop. (Lienzo de 21x21) (Formato: JPG)

COMPOSICIÓN 2

En este caso, la primera capa comprende de una imagen, luego las figuras se van superponiendo con las otras y con la misma imagen de la capa baja. La imagen editada con enmarcado es la segunda, pero se crea un efecto en el cual las figuras editadas con mayor transparencia y fusión, dejan que este borde negro aparezca pareciendo una superposición de capas.

Creado con Photoshop. (Lienzo 21x21) (Formato: PNG)

CLASE 7: FORMATOS Y RESOLUCIÓN

Hoy en día existe una variedad de formatos de imagen, pero existen dos tipos de compresión de imagen; La destructiva, la cual elimina la información no visible para buscar un ahorro de espacio y la no destructiva que mantiene los parámetros de compresión originales siendo esta mas eficiente.

GIF

Los Graphics Interchange Format fueron desarrollados para comprimir imágenes de ocho bits, que pudiesen ser tele-comunicados. Este formato hoy en día es popular ya que permite movimiento de animaciones en un formato liviano para compartir de manera fácil y rápida.

PNG

Es un formato de compresión sin perdida, generalmente considerado como el reemplazo del GIF, sin embargo este no soporta animaciones ni movimientos. Este formato se utiliza en imágenes mas sólidas como textos, líneas, etc. Este formato permite guardar con sectores transparentes.

300px

JPEG y JPG

JPEG es básicamente lo que permite sostener a los formatos JPG, esta estandarizado. Dentro de este grupo JPEG existen varios formatos, pero el mas famoso es JPG.

EPS

Este formato puede contener textos y gráficas vectoriales. El actual formato AI, se basó en Eps para la creación de su propio formato, aun que estos esáan siendo reemplazados por PDF ya que este puede intercambiar imágenes vectoriales.

PSD

Este formato es nativo de Photoshop. Permite guardar todas las presentaciones, retoques, nuevas creaciones, cada capa que contenga y los canales de la imagen. Este formato tiene poca compatibilidad con otros programas.

PDF

Fue desarrollado por Adobe. Puede contener imágenes, texto, botones interactivos, links, vídeos y mucho más. Este formato no depende del software donde se creó el documento, ni tampoco depende de un sistema operativo, por lo que se puede revisar con el mismo resultado sin depender del destinatario.

RAW

Este formato contiene la totalidad de los datos de la imagen como tal y como ha sido captada por el sensor digital de la cámara. No contiene ningun parámetro de color y solo algunos softwares son capaces de interpretarlos. Se basa de códigos. Esta imagen contiene mayor peso.

SVG

Principalmente describe las características de como debe aparecer una imagen. Es un sistema de imagen vectorial, por lo que se puede escalar a diferentes tamaños sin perder la calidad, funciona muy bien en los sitios web y digitales.

RASTER

Expresa la dimensión en número de pixeles que forman una imagen en mapa de bits, ancho x alto. La resolución es una consecuencia que va a depender solo del soporte de exhibición, no de los megapixeles.

Resolución La resolución de impresión son los puntos por pulgada (ppp) o dots per inch (dpi).

1 Pulgada = 2,54 cm.

La resolución es la relación entre las dimensiones digitales y las físicas, que tendrá una vez impresa en papel u otro soporte digital.

Las recomendaciones son: - Impresión domestica: 150 dpi. - Imprenta: 300 dpi o más. - Pantallas: antes estaban en 72 dpi... hoy en dia 458 dpi.

Lo mas importante, es asesorarse y estudiar los formatos y sus usos. Ya que depende mucho de la finalidad con la que quieras realizar la edición, digital, papel, logos, tipo de impresión, etc.

TAREA 7

(Modificar la resolución de la composición anterior a 100 dpi. Exportar su composición a diferentes formatos de imagen como jpg, png y tiff).

PNG

La composición en formato PNG comparada con el formato JPG, contiene una profundidad mas definida y clara de observar de manera digital. Los colores se intensifican y las letras resaltan un poco mas que en JPG.

JPG

CLASE 8: IMAGEN VECTORIAL

Las imagenes vectoriales se conectan con las matematicas a traves de la geometría, ya que las imagenes, la tipografia, etc. Estan creados a partir de angulos, vectores y codigos matematicos.

El vector en geometría

La geometría de plano euclidiano estudia los elementos geometricos a partir de 2D.

Modulo: Longitud del segmento.

Dirección: Ángulo del vector con respecto al eje X.

Sentido: Orientación del segmento.

Imagen vectorial

Estas imágenes están compuestas por dos dimensiones y objetos geométricos independientes. Ej: Líneas, polígonos, etc. Que se definen por atributos matemáticos para la posición, el color, la orientación, etc. Consisten en ser sólidas, por lo que se pueden agrandar sin perder los detalles.

Usos de imagen vectorial: Tipografías, Logos, Juegos de video, Gráficos web.

Curvas de Bénzier

Base para tipografía. Pierre Étienne Bénzier desarrollo este lenguaje para representar las partes de la carrocería de autos Renault.

Ecuación paramétrica que da atributos de posición, espesor, color, etc.

Los puntos ancla o nodos determinan los segmentos y posibilitan realizar formas redondeadas o con ángulos.

TAREA 8

(Crear una ilustración botánica desde el papel, para luego vectorizarla en illustrator. Utilizar herramientas aprendidas en clases)

"CARPOBROTUS AEQUILATERUS"

Mas conocida por "Doca", "Frutilla de mar" o "Planta de Hielo" es una especie de suculenta perteneciente a la familia de las aizoáceas. Es originaria de la costa chilena pero es familiar en la costa oeste de Norteamerica donde se considera una especie invasora. También se encuentra en Argentina, Australia, España y Nueva Zelanda.

Características principales:

1. Tallos largos y hojas carnosas, triangulares en sección transversal.
2. Flor color magenta y las hojas pueden variar; verde, morado.
3. Especie resistente y soporta suelos perturbados por los humanos, por lo que crece en playas transitadas. Por esto mismo es a veces una amenaza para los ecosistemas nativos.
4. Otras especies de estas plantas son comestibles. Por ejemplo en California estos son consumidos por ciervos y liebres.

Bosquejos en papel:

Bosquejo 1:Este diseño representa la dominancia que esta planta tiene en la costa de nuestro pais, siendo dueña de los espacios aun mas transitados como lo es la playa. Su fuerza la hace apoderarse del espacio con distintos climas y alturas, pues crece en la zona mas cercana y en la mas alejada.

Bosquejo 2:El segundo diseño presenta la conexión que tenemos con esta especie de planta, la cual capaz al ser común sentimos que siempre se encontrara ahí en la costa y a orilla del mar. Sin embargo, la playa no seria lo mismo sin ella ni sus colores llamativos que arman el paisaje.

Ilustración en avance

Imagen original guardada en formato PDF, convertida a JPG. Avance de ilustración, experimentando con imágenes de mapa de bits para vectorizar. Cada una de estas imágenes fueron vectorizadas con distinta cantidad de colores (Detalles).

Ilustración final