Tarea ciclo de Imagen - Paula Perez Triviño

De Casiopea



TítuloTarea ciclo de Imagen - Paula Perez Triviño
AsignaturaProduccion grafica 2023
Del CursoProducción Gráfica 2023
CarrerasDiseño
3
Alumno(s)Paula Victoria Perez Triviño

Formatos de Imagen y Mapa de bits

Formatos de Imagen

- Comprensión con pérdida

- Comprensión sin pérdida

TIFF

El formato TIFF (Tag Image File Format) es un tipo de archivo de imagen de mapa de bits que es altamente versátil, seguro y con un gran soporte. Aunque es de alta calidad, puede ser incompatible con algunos programas y su archivo puede resultar pesado.

GIF

El formato GIF (Graphics Interchange Format) fue creado en 1987 con el objetivo de comprimir imágenes de ocho bits. Es un formato extremadamente liviano que facilita la compartición de imágenes.

PNG

El formato PNG (Portable Network Graphics) es un tipo de archivo de imagen que utiliza compresión sin pérdida y se utiliza comúnmente para trabajar con transparencia o semitransparencia, especialmente en logotipos.

JPEG o JPG

El formato JPEG (Joint Photographic Experts Group) es un mecanismo de compresión de imagen estandarizado que se utiliza comúnmente en el formato de archivo JPG. Este formato permite reducir el tamaño o peso de los archivos de imagen, pero a costa de una pérdida de calidad, ya que se guarda en 8 bits.

EPS

El formato EPS (Encapsulated PostScript) es un tipo de archivo que puede contener tanto texto como gráficos vectoriales. Esto significa que, a diferencia de las imágenes de mapa de bits, no importa cuánto se agrande la imagen, nunca aparecerán píxeles. Sin embargo, el formato EPS es considerado un poco obsoleto ya que ha sido reemplazado por el formato PDF, que también admite imágenes vectoriales.

PSD

El formato PSD es un tipo de archivo nativo de Photoshop que permite guardar todas las ediciones, correcciones y nuevas creaciones realizadas con este programa, incluyendo todas las capas y canales que existan en el archivo de imagen. Aunque es un formato muy útil para trabajar con proyectos de Photoshop, tiene una compatibilidad limitada con otros programas.

PDF

El formato PDF (Portable Document Format) fue desarrollado por Adobe y es un tipo de archivo que puede contener no sólo imágenes y texto, sino también botones interactivos, enlaces, videos y más. Una de las ventajas de este formato es que no depende de un software o sistema operativo específico, lo que lo hace ampliamente compatible y fácil de compartir.

RAW

El formato RAW significa crudo o bruto y es un formato que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara. Debido a que contiene todos los datos de la imagen, los archivos suelen ser más pesados. Además, no es compatible con todos los programas debido a la complejidad y la variabilidad de los datos contenidos en el archivo RAW.

SVG

El formato SVG (Scalable Vector Graphics) está basado en el lenguaje XML y se utiliza para guardar imágenes vectoriales. En lugar de guardar la imagen como un conjunto de píxeles, SVG guarda la información de la imagen como un código que describe las características de cómo debe aparecer la imagen. Esto hace que el archivo sea altamente escalable y editable desde el propio código, lo que lo convierte en un formato muy útil para el diseño gráfico y la web.

Ráster

El término "raster" se utiliza para expresar la dimensión en número de píxeles que forman una imagen de mapa de bits, es decir, la cantidad de píxeles de ancho por píxeles de alto que tiene una imagen. Cuanto mayor sea el número de píxeles en una imagen, mayor será su resolución. Por lo tanto, una cámara con mayor resolución tendrá un mayor número de píxeles y, por lo tanto, un mayor tamaño de ráster en las imágenes que produce.

Ráster y resolución

Para expresar el tamaño de un archivo de imagen de mapa de bits (raster), se utiliza la resolución, que se mide en píxeles por pulgada (PPI) o en píxeles por centímetro (PPC). La resolución indica cuántos píxeles hay en una unidad de medida, lo que a su vez determina el tamaño final de la imagen cuando se imprime o se visualiza en pantalla.

La dimensión de la imagen en píxeles de ancho y alto se utiliza para expresar el tamaño del área de la imagen en términos de su contenido, mientras que la resolución se utiliza para expresar la calidad de la imagen y el tamaño físico que ocupará en una pantalla o impresión. Por lo tanto, para calcular el tamaño físico de una imagen de mapa de bits, es necesario multiplicar la dimensión de la imagen en píxeles por su resolución en pulgadas o centímetros.

Resoluciones recomendadas

-Imágenes para impresión doméstica: 150 dpi

-Imágenes para imprenta: 300 dpi o más

-Imágenes para pantallas: Anteriormente, se solía utilizar un estándar de 72 píxeles por pulgada (dpi) para la resolución de imágenes en pantalla. Sin embargo, con la creación de pantallas de alta definición (como las pantallas Retina), la resolución de pantalla ha superado incluso los estándares altos para papel, llegando a 458 dpi. Esto significa que las imágenes de alta calidad para pantalla ahora necesitan tener una resolución mucho más alta para que se vean bien en estas pantallas de alta definición.

Bits y Bytes

¿Qué es un bit y qué es un Byte?

un bit es un dígito del sistema de numeración binario que puede tomar dos valores posibles: 0 o 1. Un byte consta de 8 bits consecutivos y se utiliza comúnmente para representar caracteres de texto en sistemas de computación. Debido a que las cadenas de bits actúan de manera exponencial, la cantidad de información que se puede almacenar aumenta rápidamente a medida que se agregan más bits. Con 256 opciones posibles en un byte, se puede representar una amplia variedad de caracteres, incluyendo letras, números y símbolos, lo que permite que el alfabeto completo pueda ser representado.

Byte: 01010110 = V

Imágenes de Mapas de bits

Las imágenes de mapas de bits (imágenes rasterizadas) utilizan una cuadrícula rectangular de elementos de imagen (píxeles) para representar imágenes. Cada píxel tiene un valor y se ubica en una posición precisa dentro de la matriz, lo que permite una representación visual precisa pero limitada a una resolución determinada.

Profundidad de bits

la profundidad de bits se refiere a la cantidad de información de color que se utiliza para representar cada píxel en una imagen. Una imagen en blanco y negro de alto contraste solo necesita un bit (0 o 1) para representar cada píxel, mientras que una imagen en color de alta calidad puede requerir 24 bits o más por píxel.

RGB con 8 bits

La imagen RGB utiliza tres canales de color (rojo, verde y azul) y puede tener una profundidad de bits de 8 bits por píxel, lo que proporciona 256 posibles valores para cada canal de color.

RGB de más de 8 bits

Las imágenes RGB de 8 bits por canal se les puede denominar imágenes de 24 bits debido a que la combinación de los 3 canales de color genera 24 bits de información por píxel.

Actividad

Crear un fotomontaje a partir de su trabajo anterior en photoshop en un formato de 800x800 px, en una resolución de 150 dpi, en modo color RGB sobre un lienzo blanco.

Usar capas, colores, y tratamiento de imágenes en mapa de bits. Luego exportar como jpg.

Documentar el proceso, las capas y propiedades de imágenes en la wiki del ciclo 3.

PROCESO

Captura de Pantalla 2023-05-19 a la(s) 00.40.05.jpg
Captura de Pantalla 2023-05-19 a la(s) 00.40.10.jpg
Captura de Pantalla 2023-05-19 a la(s) 00.40.18.jpg
Captura de Pantalla 2023-05-19 a la(s) 00.40.42.jpg

FINAL

PAUSADO FINAL.jpg


Imagen Vectorial e Illustrator

El vector en geometría

Módulo: se refiere a la longitud del segmento que representa el vector y se expresa mediante un valor numérico.

Dirección: hace referencia al ángulo que forma el vector con respecto a un eje de referencia, normalmente el eje x. Se expresa en grados o radianes.

Sentido: indica la orientación del vector, es decir, hacia qué dirección apunta. Se puede representar con una flecha que indica el comienzo y el final del segmento que representa el vector.

Imagen Vectorial

Las imágenes vectoriales son imágenes 2D compuestas por objetos geométricos independientes con atributos matemáticos. Se utilizan en diversas aplicaciones como tipografías, logos, juegos de video y gráficos web. El primer editor interactivo fue el Dibujo Asistido por Computadora (CAD) en 1963, que permitía ubicar los vectores en una posición.

Curvas de Bézier

Las curvas de Bézier son ecuaciones paramétricas utilizadas para definir objetos gráficos como líneas y curvas en gráficos vectoriales. Hay tres tipos de curvas de Bézier: lineal, cuadrática y cúbica, que se diferencian por el grado de la curva. Los puntos ancla o nodos se utilizan para determinar los segmentos y posibilitar la creación de formas redondeadas o con ángulos. Los puntos de ancla se usan para definir la posición, espesor, color, etc. de los objetos gráficos.

Actividad

Crear una ilustración en formato 800x800 px, en color RGB a partir del concepto trabajado en las clases anteriores, a partir de dibujo vectorial y acorde al significado de la palabra elegida.

Incorporar la palabra + la ilustración en el lienzo.

Utilizar una paleta de color negro + 1 color a elección personal acorde a su concepto.

Registrar en su wiki del Unidad 3.




Imagen gráfica diagramada

Softwares de composición editorial

Los softwares de composición editorial tienen como objetivo facilitar el diseño combinando características de texto y acompañamiento de imágenes previamente trabajadas.

Formato de texto y estilos

El formato de texto y estilos se refiere a cómo se presenta el texto en un documento y cómo se aplica un diseño coherente a través del uso consistente de estilos. Los diferentes formatos de texto que podemos incluir dependen del documento y su uso. Algunos ejemplos de software que utilizan formatos de texto y estilos incluyen InDesign, Word, Wiki y HTML.

Títulos y encabezados

En algunos softwares, al trabajar con formatos de títulos y subtítulos de manera adecuada, se pueden generar automáticamente los índices del documento. Los formatos de título no solo se refieren a atributos gráficos como el color, la tipografía y el tamaño, sino que también son un tipo de formato especial reconocido por el programa. Es importante entender que los títulos y subtítulos tienen una jerarquía en nuestro contenido y se utilizan para dar estructura y organización al documento. Los títulos no solo tienen un valor gráfico, sino también un valor de encabezado que puede ser utilizado para la creación de índices y referencias.

Formatos de listas

Los formatos de listas son utilizados para sintetizar información y hacer que la lectura sea más clara y ordenada.

Existen 2 tipos de listas:

-La lista ordenada o numerada

-La lista no-ordenada o con viñetas

Formatos Párrafo

-Párrafo general (o texto normal): es el estilo central para la mayor parte del cuerpo de texto. -Bajadas de título: descripción breve del titular que antecede el contenido profundo y es más grande a la vista.

-Citas o cuñas: son citas entremedio del contenido y suelen ser más grandes, salir de márgenes y estar en itálica.

-Párrafo destacado: es un fragmento del texto relevante que utiliza color de fondo o cambia el color y peso de la fuente.

-Notas al pie: son información complementaria que suele ser más pequeña y ubicarse al pie de la página.

Adobe InDesign

Adobe InDesign es un software líder en diseño editorial que ofrece muchas funciones de nivel profesional y una amplia variedad de herramientas para que los diseñadores tengan un mayor control sobre su trabajo. Algunas de las principales funciones de InDesign incluyen la capacidad de crear y guardar documentos, la edición de páginas y la composición de páginas simples. También permite definir páginas maestras, lo que permite establecer una estructura de diseño coherente y consistente en todo el documento. Además, ofrece características avanzadas para trabajar con textos, imágenes y gráficos, así como para exportar archivos en una variedad de formatos.

Estilos en InDesign

-Crear estilos de títulos

-Crear estilos de párrafo general

-Crear estilo de lista

-Crear estilo de citas

-Crear estilo para texto destacado

-Crear estilo de viñetas

-Estilo de párrafo: atributos párrafo y carácter que afectan a la totalidad del bloque (Interlineado, sangría, etc)

-Estilo de carácter: características que afectarán a ciertas palabras de un párrafo (color, peso o tipografía, etc)

Actividad

Recrear una portada de diario a elección usando InDesign, trabajando con estilos, líneas guías, página maestra y columnas.

Insertar imágenes vectoriales (logos) e imágenes en mapa de bits (fotografías).

Usar tipografías similares (serif o palo seco) genéricas del computador.

Documentar proceso de trabajo y comparar resultados del original con su copia.

Enviar archivo comprimido zip con archivo indesign y carpeta de imágenes.

Registrar proceso y observaciones en su wiki del ciclo 3.


Actividad

Proceso

Captura de Pantalla paulaaaa 2023-05-17 a la(s) 18.39.41.jpg
Captura de Pantalla 2023-05-17 a la(s) 18.39.53.jpg
Captura de Pantalla pau 2023-05-17 a la(s) 18.41.45.jpg
Captura de Pantalla 2023-05-17 a la(s) 18.42.00.jpg
Captura de Pantalla 2023-05-17 a la(s) 18.42.23.jpg
Captura de Pantalla 2023-05-18 a la(s) 16.14.14.jpg
Captura de Pantalla 2023-05-18 a la(s) 16.14.19.jpg

Diario Original

Diario Original.png

Recreación Diario

Diario Copia ppvt.png

Archivo zip InDesign

File:RECREACION DIARIO2.0 PAULA PEREZ TRIVIÑO 2.indd.zip