C3: Propuesta final CL 2019 - Propuesta infografía / Macarena Alonso

Título	C3: Propuesta final CL 2019 - Propuesta infografía / Macarena Alonso
Asignatura	Taller Ciudad Legible
Del Curso	Taller Ciudad Legible 2019
Carreras	Diseño
Nº	11
Alumno(s)	Macarena Alonso

Mapa de bits y Photoshop

Bits y Bytes

Bit

bit (b) es la abreviación de Binary Digit, el cual en términos técnicos es la menor unidad de información de una computadora. Un bit solo tiene un valor (0 o 1; sí o no; blanco o negro). Varios bits combinados entre sí dan origen a otras unidades, como byte, mega, giga y tera. Toda la información procesada por una computadora es medida (tamaño de archivos) y codificada (lenguaje) en bits.

Byte

El Byte (b) es una secuencia de 8 bits, los cuales forman una secuencia donde 7 de ellos entregan información y uno adicional es de control, representando en conjunto un glifo. Por ejemplo, el Byte 01010110 codifica la letra V. La peculiaridad de ser 8 bits responde a su crecimiento exponencial, siendo 2 (posibilidades, 0 o 1) elevado a 8 (cantidad de bits) resulta en 256 combinaciones posibles; 256 abarca un espectro que representa la máxima cantidad de glifos disponibles en el lenguaje escrito.

Otras unidades

Las grandes cadenas de combinaciones de bits generan distintas medidas de almacenamiento de información, crecientes en escala exponencial, como por ejemplo: Kilobyte (Kb), Megabyte (Mb), Gigabyte (Gb) y Terabyte(Tb), esta última suele ser la cantidad de almacenamiento que maneja un disco duro hoy en día.

Imágenes de mapa de bits

Las imágenes de mapa de bits, también llamadas imágenes rasterizadas o bitmaps, están formadas por una cuadrícula rectangular de píxeles que se organizan en forma de rejilla. Los bitmaps se utilizan para fotografías, imágenes con mucho detalle o imágenes escaneadas, pues consiguen representar fielmente la realidad. Sin embargo, al cambiar su escala (sobre todo al aumentarlas) se pixelan y pierden calidad; de tener mucha calidad pueden ocupar excesivo espacio.

Píxeles

Son la unidad más diminuta de una imagen digital, su forma es cuadrada o rectangular. Cada píxel tiene un color fijo definido por un valor. Si hacemos zoom sobre el bitmap veremos estos píxeles. Cuantos más píxeles tenga una imagen mayor será su calidad.

Resolución

La resolución es un parámetro que mide la cantidad de píxeles que alberga una unidad determinada de superficie. Se expresa en píxeles por pulgada (pixels per inch, ppi) o puntos por pulgada (dots per inch, dpi).

Profundidad de bits

La profundidad de color o bits por píxel (bpp) se refiere a la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital; mientras más bits de información tenga el pixel, más colores disponibles tendrá. Debido al sistema binario de numeración(2 opciones), una profundidad de x bits implica que cada píxel de la imagen puede representar 2 elevado a x colores distintos.

Canales

Los canales son la imagen en escala de grises hecha de cada color primario del modelo de color. Una imagen en escala de grises tendrá sólo un canal, en el modelo de color RGB (rojo, verde y azul) HSV (croma, saturación y luminosidad) y LAB's (luminosidad, rojo/verde y azul) tendrá 3 canales, y en CMYK (cyan, magenta, amarillo y negro) tendrá 4 canales. Existen algunas imágenes en estos modelos con un canal adicional, por ejemplo un canal de tinta plana especial Pantone para impresión, o un canal alfa que almacena información de transparencia en formatos de imagen GIF y PNG.

Edición de imágenes

Adobe Photoshop es un editor de fotografías desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos; nos permite trabajar con diferentes modos de imagen y color, entre ellos, Mapa de bits. Con este software pueden desarrollarse retoques, composiciones, recortes, ediciones, etc; trabajando principalmente desde un sistema de capas y una serie de herramientas disponibles.

Capas

Las imágenes a editar son trabajadas desde capas, láminas transparentes apiladas unas sobre otras, en las que se pueden añadir textos u otros elementos gráficos a una imagen', permitiendo que una imagen pueda trabajarse por zonas independientes. Pueden moverse y cambiar de opacidad para que su contenido se vea parcialmente transparente, con alguna textura o color que exista en la capa de abajo.

Barra de herramientas

Photoshop cuenta con diferentes herramientas entre las que destacan algunas que ayudan a seleccionar secciones específicas de la imagen, algunas añaden textos (con una gran variedad de fuentes), otras a pintar o retocar con pinceles artísticos, otros para generar máscaras; cada herramienta en sí posee sus propias características que en conjunto con otras crean un sinfín de posibilidades para una edición completa.

Tarea: Composición con elementos gráficos

Se crea una composición de 21x21 cms, resolución de 300 px x pulgada, en modo color RGB sobre un lienzo blanco. Esta composición está basada en el trabajo anterior, utilizando el mismo tema y manteniendo algunas características en disposición de forma y tipografía.

Siguiendo la elaboración en torno al concepto Mixto, guié el trabajo por su definición "que está compuesto por dos o más cosas distintas mezcladas" llevándola a representaciones gráficas. En una primera instancia elaboré un fondo de elementos circulares, los cuales corresponden a máscaras de recorte de una imagen de fluidos. La imagen me pareció bastante relacionable al concepto de mezcla y utilicé una tonalidad de escala de grises para que los colores en su superficie pudieran destacar. En la segunda capa trabajé con varas horizontales de colores con transparencia al 40%, para que el superponer la 3ra capa, esta vez de varas verticales, pudieran mezclarse sus colores, y a su vez, con las texturas del fondo. La última capa que utilicé fue una de texto, manteniendo la elección tipográfica pasada, Lucida Sans Typewritter. Mantuve el mismo ejercicio de mezclar mayúsculas/minúsculas y variables oblique/bold/regular/bold/bold oblique respectivamente. Respecto a los colores me hizo sentido trabajar con rojo, verde y azul al estar en una pantalla con modo RGB, para lograr una variedad luminosa (suma aditiva) de mezclas de colores superpuestos. La elección de formas fue en torno al concepto de distinción, utilizando formascurvas con otras rectas; por último, para su disposición en el espacio me guié de la tarea anterior y mantuve este cruce vertical/horizontal equilibrando la forma con un cruce de círculos en diagonales para que lograran incorporarse a las que componen la x de la palabra mixto.

Bibliografía: https://www.tecnologia-informatica.com/que-es-el-bit-byte/, https://es.wikipedia.org/wiki/Canal_(imagen_digital) , https://www.albaplazadesigner.com/diferencias-entre-imagen-de-mapa-bits-e-imagen-vectorial/ , https://es.wikipedia.org/wiki/Profundidad_de_color