Tarea ciclo de Imagen - Monserrat Tapia

Título	Tarea ciclo de Imagen - Monserrat Tapia
Asignatura	Producción Gráfica
Del Curso	Producción Gráfica 2023
Carreras	Diseño
Nº	3
Alumno(s)	Monserrat Tapia Gonzalez

Apuntes clase 6 Martes 25

Formatos de imagen y Mapa de bits

Formatos de imagen

Existen diversos formatos de imagen, pero antes de mencionarlos hay 2 conceptos antes, la compresión de imagen.

• La compresión con pérdidasÉsta se refiere a que elimina cierta información no visible para un ahorro de espacio.

• La compresion sin perdida:Esta mantiene los parámetros de compresión originales codificando la misma cantidad de información.

• TIFF o Tag Image File Format, es el formato de mapa de bits mas seguro y de gran soporte, gracias a que es capaz de describir datos de imagen en colores, grises y distintos espacios de color. Aunque este puede causar problemas a la hora de abrirse bajo otra aplicación o plataforma distinta.

• GIF o Graphics Interchange Format, fue desarrollado en 1987 para comprimir imágenes en 8 bits, que pusiesen ser fáciles intercambiadas con otros usuarios. este permite crear animaciones sencillas y es de liviano peso.

• PNG o Portable Network Graphics, es un formato de compresión sin perdida, a diferencia de gif, este no soporta animaciones. Este formato es usado para imágenes con líneas, solidos y textos, que requieren cierta precisión. esta permite guardar imágenes son sectores trasparentes.

• JPEG Y JPG o Join Photographic Experts Group es un mecanismo de compresión de imagen donde el JPG es el mas utilizado. este usado un método que disminuye el peso pero resude su calidad a 8 bits.

¿Cuando usar PNG y JPG?

JPG es mejor para imágenes livianas y de diferentes tamaños, PNG es mejor para las trasparencias si son necesarias.

• EPS o Encapsulated PostScript, contienen texto y graficas vectoriales pero además incluyen una previsualización en mapa de bits de la imagen. Su formato AI (Adobe Ilustrator) se baso en EPS para su creación, aunque ambos han sido reemplazados por el formato PDF, que es el estándar de imágenes vectoriales.

• PSD formato nativo de Photoshop, permite guardar retoques, creaciones y todo lo que se cree en el programa, almacenando capas y canales. Este tiene poca compatibilidad con otros programas, por lo que se recomienda siempre usar dos formatos al guardar.

• PDF o Portable Document Format, fue desarrollado por Adobe, este contiene no solo imágenes y textos si no además links, videos y mas. No importa el software, ni tampoco del sistema operativo pues PDF puede ser visualizado sin importar donde se abra el archivo.

• RAW significa Crudo, se refiere a un formato que contiene la totalidad de los datos de imagen tal cual como ha sido captada. este no tiene definido ningún parámetro de color y solo algunos software son capaces de interpretarnos.

• SVG o Scalable Vector Graphics, tiene su significado e e lenguaje XML el cual describe las características de como debe aparecer la imagen. Un archivo SVG puede escalar diferentes tamaños sin perder su calidad.

Raster

El ráster expresa la dimensión de números que forma una imagen en mapa de bits. este tiene relacion con la resolución y como es su soporte de exhibición. Esta se consigue multiplicando su anchoo por alto en pantalla.

Resolución

La resolución de impresión son los puntos por pulgadas, donde cada pulgadas mide 2,54cm. La resolución es esta relacion entre los pixeles y las dimensiones físicas una vez vistas en papel o otro soporte. Para calcular la resolución se debe aplicar esta formula.

• Tamaño de impresión= Número de píxeles/Resolución

Para tener imágenes en buena calidad, se recomiendan 150dpi para imágenes de impresión domesticas y para imprenta de 300dpi o más.

Bits y Bytes

El bit es un acrónimo de Binary Digit, es un digito binario de 0 y 1. Siendo el 0 un punto apagado y 1 un punto prendido.

Byte es una representación de información conformada por bits y formada por 7 de información y 1 de control. Son 8 bits debido a que de 8 bits se pueden producir 256 combinaciones, que cubren el lenguaje escrito por completo.

Imágenes de mapas de bits

Las Imágenes de mapas de bits, utilizan una cuadricula rectangular de elementos para representar imágenes. A cada pixel se le asigna una ubicación y un valor de color específicos en la matriz. Estas dependen de una dimensión, con un numero fijo de pixeles, donde pueden cambiar de calidad si se usa una escala muy grande o una resolución inferior de lo que se supone que se usen.

La profundidad de bits especifica la cantidad de información de color que esta en cada pixel de una imagen. Cuantos mas bits de información de pixel haya, mas colores estarán en la imagen.

• RBG con 8 bits: estas se componen de 3 colores, si esta contiene 8 bits por píxel, existen 256 posibles valores para cada canal, con mas de 16 millones de posibles valores de color.

• RBG con más de 8 bits:Estas se denominan imágenes de 24 bits, y se clasifican como imágenes de alto rango dinámico o HDR, donde su uso es la fotografía profesional.

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.

Para crear este collage, se parte por una capa de color rosado liso, para agregar una foto png en RGB en una capa distinta, para después agregar lo que serían las manos y el fondo que resalta lo trabajado. Se termina con texto de la palabra dada con tipografía Informal Roman en Regular.

Apuntes clase 7 Martes 2

Imagen vectorial y Ilustrador

Vectores

El vector es un segmento orientado y fijado en el plano euclídeo, que contiene 3 partes fundamentales:

• Módulo: Longitud del segmento o valor numérico

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

• Sentido: Orientación del segmento

En el diseño gráfico, una imagen vectorial es una imagen 2D compuesta por varios objetos geométricos, abiertos o cerrados con atributos matemáticos con su posición o color.

• Podemos aplicar la imagen vectorial en tipografías, logos y juegos de video

Curvas de Bézier

Pierre Bézier creó un lenguaje capaz de representar figuras mediante ecuaciones paramétricas y puntos de ancla para determinar los segmentos.

Una de las herramientas que podemos utilizar en segmentos es Ilustrator que nos permite hacer formas, trazos y trazado de formas.

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.

Para esta ilustración, se parte usando la palabra fino como referencia, por lo tanto, se toma de ejemplo una aguja e hilo representando este concepto, usando vectores y el color amarillo para hacer esta composición.

Apuntes clase 8 Martes 9

Imagen gráfica diagramada

Softwares de composición editorial

Los software de composición editorial son aquellos que facilitan la tarea del siendo unido textos con imágenes de diferentes fuentes. Estos programas unen estas dos características y crean estos objetos diseñados como revistas, libros, manuales o E-books.

Formato de textos y estilos

El formato de texto depende de en que estamos trabajando y que estilo definido le queremos dar a este.

Títulos y encabezados

Para ayudar mejor a entender que tipografía usamos en el texto, es bueno pensar en una manera fácil y rápida de comprender al lector y la relacion que existe en lo que estamos creando en el contenido. Por ejemplo, varios programas se generar índices de formatos automáticamente al trabajar.

Formatos de listas

Estas listas ayudan a descomponer las ideas y separar párrafos que quizás sean muy densos a la hora de leer, esto hace que la información sed sintetice y sea mucho mas fácil de comprender.

Existen 2 tipos de listas:

• La lista ordenada
• La lista no ordenada

Estas listas indican el contenido y lo separan por márgenes en el parrado. Además la numeración se puede personalizar sea 1,2,3 o A,B,C. También se pueden personalizar las viñetas en puntos, flechas o cuadrados.

Formatos párrafo

• Párrafo general: Estilo central en el cuerpo del texto.
• Bajadas de título: Descripción breve del titular.
• Citas: Cita entre el contenido, suele ser grande y estar en Itálica.
• Párrafo destacado: Fragmento del texto que es relevante, donde puede cambiar de color y peso de la fuente.
• Notas al pie: Es información que complementa el texto, es pequeña y esta en el pie de la pagina.

Adobe InDesign

Es el software numero 1 para lo editorial, donde tiene distintas funciones de nivel profesional que le permite al diseñador crear y tener libertades al crear. Aporta un eficiente manejo de documentos además de sus herramientas.

En este software podemos:

• Crear estilos de títulos y párrafos
• Crear estilos de listas o citas
• Crear estilos de texto o viñetas

Estilos de diseño

• Estilo de párrafo: Son los atributos que se le entregan al carácter como el interlineado o sangría.
• Estilo de carácter: los las características de ciertas palabras como el color o el peso.

Actividad

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

Para esta actividad se eligió una portada del plebiscito del 1988, usando diagramas y tipografías como Britannic Bold, Elephant, Source Serif y Minion pro. Se usa una imagen de la votación en blanco y negro, y colores azul, rojo y negro para la composición.

Portada original

Portada Diagramada