Tarea ciclo de Imagen - Pia Espinoza

De Casiopea



TítuloTarea ciclo de Imagen - Pia Espinoza
AsignaturaProducción Gráfica
Del CursoProducción Gráfica 2022
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.
3
Alumno(s)Pia Espinoza Schmith

Clase 6: Mapa de bits

Formato de imagen

Existen 2 tipos de compresión de imagen.

La compresión con perdida, que elimina la información no visible para ahorrar espacio. (destructiva)

La compresión sin perdida, que mantiene los parámetros de compresión originales de información de manera más eficiente. (lossless)

TIFF

tag image fit format, es el formato de mapa de bits más versátil, seguro y con mayor soporte. Es capaz de descubrir dator de imagen de 2 colores, escala de grises, paletas de color y color completo.

GIF

Graphics Interchange Format fue desarrollado en los 80 para compartir imágenes de 8 bits. Popular para crear animaciones sencillas en formato liviano.

PNG

Portable Network Graphics es un formato de compresión sin perdida, generalmente considerado como el reemplazo de GIF, sin embargo, PNG no soporta animaciones. El formato PNG es frecuentemente usado para transparencias. Este es el formato más optimo para los logos.

JPEG Y JPG

Join Photographic Expert Group es un mecanismo estandarizado de compresión de imagen. Usa un algoritmo de compresión que diminuye el peso y tamaño de las imágenes, sin embargo también reduce su calidad. JPG solo guarda como máximo 8 bits.

¿Cuándo usamos PNG Y cuándo usamos JPG?

  • ¿Tiene sentido tener una image pesada para el uso que le quiero dar? Si la respuesta es no, entonces JPG es mejor formato.
  • ¿Necesito mantener transparencia en mi imagen? Si la respuesta es sí, entonces PNG es la única opción.
  • ¿Necesito que mi imagen escale a muchos tamaños? Entonces es posible que JPG sea mejor formato para imágenes que se mostrarán en distintas escalas cada vez.
20 jpg-vs-png ciclo color formatos.jpg


EPS

Encapsulated PostScrips es un formato que puede contener textos y gráficas vectoriales, pero además generalmente incluyen previsualizaciones de mapas de bits. El formato AI de adobe, se basó en EPS, aunque actualmente ambos han sido reemplazados por PDF.

PSD

Es un formato nativo de Photoshop, que permite guardar todos los cambios que se hagan en este programa, almacenando todas las capas y canales que existan en el archivo de la imagen.

PDF

Portable Document Format es un formato vectorial que puede contener links, botones interactivos, videos, etc, además de imágenes y texto. A pesar de ser un formato vectorial, las imágenes pueden ser en mapa de bits. Una de sus características por la que es más reconocido, es porque independientemente del dispositivo en el que lo abras, el documento siempre se verá igual.

RAW

El formato raw es un formato crudo o bruto que contiene la totalidad de datos de la imagen tal y como ha sido capturada. Al ser una imagen en bruto, no tiene ningún parámetro de color y solo algunos software son capaces de interpretarlos.


SVG

Scalable Vector Graphics está basado en el lenguaje XML, el cual describe las características de cómo debe aparecer la imagen. Por ser un formato vectorial, se puede escalar a diferentes tamaños sin perder la calidad.


Diferencias entre formatos


Gifjpgpng.pes.jpg



Actividad 6

Para esta actividad, y con los temas vistos en clases, debimos crear un fotomontaje del mismo concepto de la actividad anterior, trabajando en capas, color y el tratamiento de imágenes en mapa de bits,

El formato es de 21x21cm en una resolución de 300 dpi, en modo color RGB, sobre un lienzo blanco.

Una vez finalizada la actividad, exportar el trabajo en JPG, y posteriormente crear una copia, modificar la resolución a 72 dpi y exportar como gif.

Proceso creativo

De las definiciones de compacto se tomo más en cuenta el concepto de que lo compacto es algo apretado, algo que está muy junto y que es mucho contenido en poco espacio. Por esto, se comenzó a trabajar con distintas ideas como por ejemplo la famosa película Wall-e, en la que el personaje compacta basura.

                    COMPACTOPSPRUEBA.2.pes.jpg COMPACTOPSPRUEBA.1.pes.jpg 

Luego, se trabajó la idea de que los edificios a veces están muy juntos, por lo que se podría decir que están compactados.


Imagen en formato JPG
Imagen en formato GIF

Finalmente, se retoma la idea de la basura compactada, pero ahora se sigue además la linea de compacto es todo lo que se caracterice por estar en un espacio reducido, entonces se trabaja la imagen del cubo de basura, que expresaría en sí mismo, lo compacto.


Imagen en formato JPG
Imagen en formato GIF




Las imágenes en 72dpi y en formato gif, además de disminuir la calidad, disminuyen el tamaño del lienzo


Clase 7: Imagen vectorial

Vectores

Viene de la geometría plana o geometría del plano euclideo, que estudia elementos geométricos a partir de 2 dimensiones. Un vector fijo en el plano es un segmento orientado con las siguientes características:

  • El módulo corresponde a la longitud de la linea.
  • La dirección dicta el ángulo del vector con respecto a al eje x.
  • El sentido le da orientación al segmento.


Como es una imagen escrita, es muy diferente a una linea en papel.

Imagen vectorial

Es una imagen en 2 dimensiones, compuesta por objetos geométricos independiente como el grosor del trazo, color del trazo, entre otros, que son definidos por atributos matemáticos.

Aplicación de gráficos vectoriales:

  • Tipografías
  • Logos
  • Juegos de video
  • Gráficos web

Todo lo que podemos construir a partir del uso de vectores.

  • La imagen vectorial, viene de los autos, ya que para diseñar estos, los dibujos análogos dificultaban y limitaban la creación.


Curvas de Bézier

Pierre Bézier desarrolló en los 60 un lenguaje para representar partes de la carrocería de los autos de Renault.

  • Ecuación paramétrica da atributos de posición, espesor, etc
  • Los puntos ancla o nodos determinan los segmentos y posibilitan poder hacer curvaturas.
Curvasb.pes.png

Raster

Expresa la dimensión en número de pixeles que forman una imagen de mapa de bits en ancho por alto.

Es común oír que los megapixeles de una cámara representan la calidad de esta, sin embargo, esto es erróneo, los megapixeles solo indican el tamaño del lienzo.

¿Cómo calcular el raster?

El raster se expresa multiplicando la anchura por la altura de la pantalla.

Raster.pes..png

Resolución

La resolución es la relación entre las dimensiones digitales, en este caso los pixeles, y entre las dimensiones físicas como las impresiones o incluso otro soporte digital.

Para la impresión, la resolución es de puntos por pulgada(ppp), también conocidos como dots per inch(dpi), en donde la pulgada equivale a 2,54cm.

¿Cómo calcular la resolución?

Para calcular el tamaño en pixeles a tamaño en centímetros, se usa la siguiente fórmula.


Resolucion..pes.png


La resoluciones recomendadas son:

  • 150dpi para impresiones domesticas
  • 300dpi o más para imágenes en imprenta
  • desde 72dpi hasta 458dpi para pantallas.

Bits y Bytes


Un bit corresponde a un binary digit, es decir, un 0(punto apagado) o un 1(punto prendido).

Un Byte en tanto, representa la agrupación de 8 bits en donde 7 dan información y hay uno adicional de control.

BitBytepes.jpg

Son 8 bits porque en estos se pueden producir 256 combinaciones, y esto cubre el lenguaje escrito completo.


Imágenes de Mapa de bits

Las imágenes de mapa de bits utilizan una cuadrícula rectangular de pixeles para poder representar una imagen. Cada pixel tiene una ubicación asignada en la matriz de la pantalla, y tiene un valor de un color específico.

Dimensión de imágenes de mapas de bits

Las imágenes de mapa de bits dependen de una dimensión, o sea, deben tener un número fijo de píxeles. Por esto, si se escala a tamaños mayores, esta puede verse pixelada o imprimirse en una resolución inferior a la deseada.


Profundidad de bits Esta especifica la cantidad de información de color que tiene a disposición cada pixel. Mientras más bits de información hayan, más posibilidades de color existen.

RGB con 8 bits

Las imágenes RGB se componen de 3 canales de color, por lo que son 8 bits en cada canal, lo que significa más de 16 millones de posibles valores de color para cada pixel.

En ocaciones, las imagenes RBG con 8 bits por canal se denominan imágenes de 24bits (8 bits x 3 canales = 24 datos por pixel).


Photoshop también puede trabajar con imágenes que contienes 16 o 32 bits por canal. Las imágenes con 32 bits por canal son las conocidas HDR o imágenes de alto rango dinámico.


Otros canales

Además de los canales RGB, a una imagen se le pueden añadir canales alfa para almacenar y editar selecciones como máscaras, o para añadir placas de tintas planas de impresión, entre otros.




Actividad 7

En esta ocasión, se crea una ilustración abstracta en formato 1000x1000 px en color RGB, siguiendo la linea del concepto trabajado en las clases anteriores, a partir de dibujo vectorial y acorde al significado de la palabra elegida.

Este debe incluir la ilustración más la palabra en el lienzo de trabajo. Además, se debe utilizar una paleta de color negro + un color a elección personal acorde a su concepto.


Proceso creativo

Como se explica en la actividad anterior, compacto tiene varios significados, una de estos es "Que está formado por individuos de características similares y que actúan de manera coordinada."

Se parte trabajando con ideas simples, en donde se aprieta la misma palabra en distintas casillas o cajas.

      Mesa de trabajo compacto.pes.jpg C3.pes.1.jpg C4.pes.1.jpg

Después de varias ideas, se logra hacer el final, que consiste en las burbujas. Estas cuando están muy juntas en alguna superficie liquida, se van moviendo y adaptando en forma para poder estar en un espacio más reducido al de su forma actual.


COMPUESTO.ILLUSTRATORFINAL.pes.jpg