Tarea ciclo de Imagen - Mercedes Basallote

De Casiopea



TítuloTarea ciclo de Imagen - Mercedes Basallote
AsignaturaProducción Gráfica 2023
Del CursoProducción Gráfica 2023
CarrerasDiseño
3
Alumno(s)Mercedes Basallote

Producción gráfica (Ciclo de la imagen)

Mercedes Basallote


CLASE 6. Formatos de Imagen y Mapa de bits.

APUNTES CLASE 6. MAPA DE BITS

25 de abril


Los puntos principales de la clase son los formatos de imagen (TIFF, GIF, PNG, JPG,EPS, PSD, PDF, RAW, SVG), la dimensión en píxeles de una imagen (RASTER), la resolución por pulgada y la diferencia entre bits y Bytes.


Formatos de Imagen

Existen 2 tipos de compresión de imagen:
-Comprensión con pérdida (destructiva): la información no visible del docuemnto es eliminada para ahorrar espacio.
-Comprensión sin pérdida (lossless): codifica la información para contenerla de forma más eficiente.

Tiff (Tag Image File Format) GIF (Graphics Interchange Format) PNG (Portable Network Graphic) JPG (Joint Photographic Experts Group) EPS (encapsulated PostScript) PSD (Photoshop Document) PDF (Portable Document Format) RAW SVG (Scalable Vector Graphics)
Archivo informático que se emplea para almacenar información de imágenes y gráficos rasterizados. Es uno de los formatos favoritos de los fotógrafos, es una forma muy práctica de almacenar imágenes de alta calidad antes de editarlas para evitar formatos de archivo con pérdida de datos. Formato de imagen creado en 1987 por Steve Wilhite en Compuserve. Es una serie de fotogramas que se suceden entre sí, creando una animación sin sonido que se repite en forma de bucle entre 5 y 10 segundos que cuentan con un máximo de 256 colores Archivo de imagen rasterizado muy popular entre diseñadores, debido a su capacidad de procesar los gráficos con fondos transparentes o semitransparentes. No se trata de un formato de archivo patentado, por lo que se puede abrir con cualquier software de edición de imágenes sin necesidad de licencias. Admiten 16 millones de colores, lo que los diferencia de la mayoría de los tipos de archivo. Archivo que reduce el tamaño de la foto mediante un sistema de compresión que elimina la información innecesaria con un procedimiento de comparación de píxeles cercanos. Permite la mayor calidad de la imagen con el menor peso posible. Archivo gráfico en el lenguaje de descripción de páginas PostScript. El formato fue desarrollado en 1987 por los fundadores de Adobe junto con Aldus. El objetivo de esta tecnología era representar las imágenes y los gráficos digitales de forma que pudieran visualizarse en el escritorio, por un lado, e imprimirse sin pérdidas, por otro. El archivo EPS se considera la base del PDF actual, pero hoy en día está obsoleto. Formato de imagen creado con AdobePhotoshop que puede incluir múltiples capas de imágenes y diversas opciones de imagen. Archivos PSD pueden incluir imágenes vectoriales, imágenes basadas en píxeles, y tipografía. Formato desarrollado por Adobe como un formato de ficheros universalmente compatible basado en el formato PostScript. Actualmente es el estándar internacional para intercambio de documentos e información. Quiere decir «crudo» en inglés. Por lo tanto, se trata de un formato con el cual conservamos la foto cruda, sin procesar por lo que admite cambios posteriormente. Formato vectorial muy útil para su uso online por su flexibilidad y por la capacidad de ofrecer gráficos con calidad. Es escalable, pesa poco y permite una definición mayor a tamaños reducidos.


Raster

Dimensión en número de píxeles que forman una imagen de mapa de bits, ancho x alto. Los megapixeles son la relación de la imagen con el tamaño del lienzo no hace referencia a su calidad. La resolución depende del soporte de exhibición.

El ráster de una imagen digital se calcula multiplicando su anchura por la altura en pantalla. Por ejemplo la imagen de 1200 x 1200 píxeles = 1.440.000 píxeles, expresado en megapixeles es igual a 1,4 Mp.


Resolución

La resolución de impresión son los puntos por pulgada (ppp) o dots per inch (dpi), donde la pulgada mide 2,54 cm. La resolución de impresión es el nivel de detalle en una imagen impresa. Una resolución más alta significa un mayor detalle, y se puede medir en puntos por pulgada (DPI). Cuantos más puntos se impriman por pulgada, mayor será la resolución de la imagen, por lo tanto, mayor será la calidad en términos de nitidez y detalle.

La resolución de una imagen se calcula con el tamaño en píxeles a tamaño en centímetros mediante la siguiente fórmula: Tamaño de impresión= Número de píxeles / Resolución (dpi píxeles por pulgada)

Resoluciones recomendadas -Impresión doméstica: 150 dpi -Impresión en imprenta: 300 dpi o más -Imágenes para pantallas:72 dpi (con la creación de pantallas retina las resoluciones para pantalla llegan a 458 dpi)



Bits y Bytes

¿Qué es un bit y un Byte?

-bit (binary digit):dígito del sistema de numeración binario 0 y 1, siendo 0 un punto apagado y 1 un punto prendido. Es la unidad mínima de información y son calculados en conjunto (8 bits, 16 bits, 32 bits, etc)


-Byte:un conjunto fijo de 8 bits: 7 de información y uno adicional de control. Por tanto, si 1 byte equivale a 8 bits, 1 kilobyte (kB / kbyte) equivale a 1024 bytes y así sucesivamente (megabytes, gigabytes, terabytes, petabytes, etc.)


Las cadenas de bitsactúan de forma exponencial. En 8 bits se pueden producir 256 opciones de combinaciones, lo que cubre el lenguaje escrito completo (todos los caracteres de los alfabetos).

Imágenes de Mapas de bits

Las imágenes rasterizadas tienen una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación.
A las imágenes en mapa de bits se las suele definir por su altura y grosor (en píxeles) y por su profundidad de color (en bits por píxel), que determina el número de colores distintos que se pueden almacenar en cada punto individual, y por lo tanto, en gran medida, la calidad del color de la imagen.
Los gráficos en mapa de bits se distinguen de los gráficos vectoriales en que estos últimos representan una imagen a través del uso de objetos geométricos como curvas de Bézier y polígonos, no del simple almacenamiento del color de cada punto en la matriz. El formato de imagen matricial está ampliamente extendido y es el que se suele emplear para tomar fotografías digitales y realizar capturas de vídeo. Para su obtención se usan dispositivos de conversión analógica-digital, tales como escáneres y cámaras digitales.

Dimensión de Imágenes de Mapas de bits

Para cambiar las dimensiones físicas de los mapas de bits puede aumentar o reducir su altura o anchura. Cuando se aumentan las dimensiones, la aplicación introduce nuevos píxeles entre los existentes, y sus colores se basan en los de los píxeles adyacentes. Si aumenta las dimensiones de los mapas de bits de manera significativa, los mapas de bits pueden dar un aspecto de estar estirados y pixelados.
El tamaño del mapa de bits en pantalla depende de la altura y anchura en píxeles del mapa de bits, del nivel de zoom y de la configuración del monitor. Como resultado, el tamaño del mapa de bits puede mostrarse de forma diferente en la pantalla y una vez impreso.

Profundidad de bits

La profundidad de color o bits por píxel (bpp) es un concepto de la computación gráfica que se refiere a la cantidad de bits de información necesarios para representar el color de cada píxel en una imagen digital. Debido a la naturaleza del sistema binario de numeración, una profundidad de bits de n implica que cada píxel de la imagen puede tener 2n posibles valores y por lo tanto, representar 2n colores distintos.
Debido a la aceptación prácticamente universal de los octetos de 8 bits como unidades básicas de información en los dispositivos de almacenamiento, los valores de profundidad de color suelen ser divisores o múltiplos de 8, a saber 1, 2, 4, 8, 16, 24 y 32, con la excepción de la profundidad de color de 10 o 15, usada por ciertos dispositivos gráficos.
-Imagen con profundidad de bits de 1: blanco y negro.
-Imágenes en modo de escala de grises con una profundidad de bits de 8: 256 posibles valores de gris.

RGB con 8 bits y más

Las imágenes RGB se componen de 3 canales de color. Una imagen RGB con 8 bits por píxel cuenta con 256 posibles valores para cada canal, lo que significa más de 16 millones de posibles valores de color.
Equivalencias de bits por canal y sus niveles: 1 bit = 2 niveles (0/1 = Si/No) 8 bits = 256 niveles por canal de color (x3 canales de color (RGB) = 256 x 256 x 256 = 16.777.216 colores que puede representar cada píxel) 12 bits = 4.096 niveles por canal de color. 16 bits = 65.536 niveles por canal de color.

Canales y color de la imagen

Una imagen RGB tiene tres canales: rojo, verde y azul. Los canales RGB siguen aproximadamente los receptores de color en el ojo humano y se usan en pantallas de computadora y escáneres de imágenes .
Si la imagen RGB es de 24 bits (el estándar de la industria a partir de 2005), cada canal tiene 8 bits, para rojo, verde y azul; en otras palabras, la imagen se compone de tres imágenes (una para cada canal), donde cada imagen puede almacenar píxeles discretos con intensidades de brillo convencionales entre 0 y 255. Si la imagen RGB es de 48 bits (profundidad de color muy alta), cada canal está compuesto por imágenes de 16 bits.



ACTIVIDAD clase 6

Esta actividad consiste en una inversión en Photoshop, programa en el que crear un collage con la palabra asignada, en mi caso, liviano.


PROCESO

Lienzo blanco en Photoshop, formato 800x800px, resolución de 150dpi
Imagen con contraste lumínico B&N introducida al lienzo y retocada con la Herramienta Recortar. Se modifica el contraste
Imagen de manos en movimiento introducida al lienzo y modificada con las herramientas Cortar y Rotar. Se modifica el tono
Imagen de manos elevadas introducida al lienzo y modificada con las Herramientas Cortar.. Se modifica el brillo y la intensidad.
Figura de 2 cuerpos levitando modificada con la Herramienta Varita Mágica para hacer un recorte exacto.
Se duplica la capa anterior y se le incluye un filtro de Desenfoque de Movimiento 40.
Imagen de copihues con la Herramienta Varita Mágica para hacer un recorte exacto de las formas.
Se duplica la capa anterior y se le incluye un filtro de Desenfoque de Movimiento 40.
Figura de un cuerpo levitando modificada con la Herramienta Varita Mágica para hacer un recorte exacto del contorno corporal.
Se duplica la capa anterior y se le incluye un filtro de Desenfoque de Movimiento 40
Al cuerpo levitando anterior se le añaden unas alas de mariposa sacadas a partir de la Herramienta Varita Mágica
Se duplica la capa anterior y se le incluye un filtro de Desenfoque de Movimiento 20
A partir de la Herramienta Pluma de forma libre escribo la palabra concedida para la actividad "liviano"


RESULTADO FINAL

Se duplica la capa anterior y se le incluye un filtro de Desenfoque de Movimiento 100 para otorgar sensación de liviandad


Observaciones

La composición del lienzo adquiere principalmente carácter de liviandad a partir de herramientas de desenfoque que hacen que las imágenes se expanda de sus límites dando sensación de que su peso se reduce



CLASE 7. Imagen Vectorial e Illustrator.


APUNTES CLASE 7: IMAGEN VECTORIAL E ILLUSTRATOR.

21 de marzo
´


Vectores

El vector en geometría

Geometría plana o geometría del plano euclídeo: elementos geométricos de 2 dimensiones
Vector fijo: segmento orientado con 3 características (módulo-longitud, dirección-ángulo, sentido-orientación)


Imagen Vectorial

Imagen digital formada por objetos geométricos (segmentos, polígonos, arcos, muros, etc.), cada uno de ellos definido por atributos matemáticos de forma, de posición, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.
Este formato de imagen es completamente distinto al formato de las imágenes de mapa de bits, también llamados imágenes matriciales, que están formados por píxeles. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits. De la misma forma, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas.
Aplicación de gráficos vectoriales: Tipografías, Logos, Juegos de video, Gráficos web


Curvas de Bézier

Bezier.png Sistema que se desarrolló hacia los años 1960 para el trazado de dibujos técnicos, en el diseño aeronáutico y en el de automóviles. Su denominación es en honor a Pierre Bézier, quien ideó un método de descripción matemática de las curvas que se comenzó a utilizar con éxito en los programas de CAD.

Illustrator

Software de gráficos vectoriales que te permite redimensionar tus ilustraciones para pantallas de celulares y vallas publicitarias. Contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en maquetación-publicación, impresión, vídeo, publicación en la Web y dispositivos móviles.
Las principales secciones y funcionalidades del software:Formas,Trazos y Trazado de formas/vectorizar



ACTIVIDAD clase 7

Esta actividad consiste en una inversión en Illustrator, programa en el que crear una ilustración con la palabra asignada, en mi caso, liviano utilizando una paleta de color negro + 1 color a elección.



PROCESO

Lienzo blanco en Illustrator, formato 800x800px
Bibujo de un cuerpo el movimiento levitatorio a partir de Pincel Artístico Seco 5
Dibujo las figuras del fondo con la Herramienta Curvatura y aplicamos Trazos de pincel Contornos con tinta
A partir de diversos efectos de deformar distorsionar y transformar, modifico las curvas dibujadas en el paso anterior
Escribimos la palabra dada "liviano" con una tipografía Cascadia Code Semilight




RESULTADO FINAL

A7F.jpg





CLASE 8. Imagen gráfica diagramada.


APUNTES CLASE 8: IMAGEN GRÁFICA DIAGRAMADA

09 de mayo
´



Los puntos principales de la clase son los Softwares de composición editorial, Formato de texto y estilos de imagen y una iniciación en Adobe Indesign .



Softwares de composición editorial

Un software para editoriales es un tipo de solución ERP que ofrece una gestión global para estos negocios y moderniza sus procesos , facilitando la automatización de tareas diarias (gestión de inventarios, pedidos, liquidaciones, facturación, ventas, etc.), optimizando la producción e impresión en función de la demanda, pedidos y costes, y gestionando la actividad comercial y de distribución: albaranes, vencimientos, ...
Objetos de diseño ideales para trabajar en estos softwares: Revistas, Libros, Manuales, Ebooks, Documentos interactivos

Formato de texto y estilos

Formato de Texto

Marcado que se aplica a un texto simple para añadir datos de estilo más allá de la semántica de los elementos: colores, estilos (negrita, itálica), tamaño, y características especiales (como hipervínculos). Al texto resultante se le conoce como texto formateado, texto con estilos, o texto enriquecido. Aplica para el uso de Word, Wiki e incluso HTML.

Títulos y encabezados

Se utilizan para estructurar el texto y ayudar a los lectores a obtener una visión más clara del contenido. Se origina una jerarquía de contenido.

Formatos de listas

Para enumerar una lista o marcar una lista de párrafos con un símbolo especial usaremos la herramienta de Numeración y viñetas.
Podemos utilizar tres tipos de formato de listas:
-Numeración: los párrafos se enumerarán con el estilo deseado.
-Viñetas: los párrafos se anteceden de un símbolo.
-Esquemas: para jerarquías con diferentes niveles y subniveles, pudiendo combinar símbolos y numeraciones para los diferentes niveles.


Formatos Párrafo

Un párrafo es un bloque de texto separado por saltos de párrafo, es decir, por la pulsación de la tecla Intro o Return. Lo que en un clásico dictado escolar denominaríamos como "punto y aparte". De la misma manera que los formatos de carácter permiten aplicar diferentes atributos a un texto determinado, hay un conjunto de formatos de párrafo que permiten establecer atributos y propiedades específicamente para párrafos.

Los formatos de párrafo se aplican a un párrafo, a varios o incluso a todos los que componen el documento. Pero no se pueden aplicar a un sólo carácter, palabra, oración o frase. Sólo se pueden aplicar a párrafos completos.


Adobe Indesign

Software de diseño de páginas líder del sector para medios escritos y digitales desarrollada por la compañía Adobe Systems y dirigida a maquetadores profesionales. Presentada en 1999, su objetivo era constituirse en la alternativa a QuarkXPress (QXP), de Quark Inc., que tenía el monopolio de facto en la composición profesional de páginas.
Funciones principales:c rear y guardar documentos, crear y editar páginas del archivo, componer páginas simples, definir páginas maestras.




ACTIVIDAD clase 8

Esta actividad consiste una inversión en Indesign para recrear una portada de diario trabajando con estilos, líneas guías, página maestra y columnas.


PROCESO


CAPAS

ORIGINAL

COPIA