Tarea ciclo de Imagen - Catalina Cabezas

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

Apuntes

Formatos de imagen

• Compresión con pérdida: Elimina información no visible para ahorrar espacio.

• Comprensión sin pérdida: Conserva los parámetros de compresión codificando lo mismo de información.

SVG

Formato basado en el lenguaje XML que describe las características que deben aparecer en la imagen por lo tanto se trata de una imagen vectorial la cuál se puede escalar a distintos tamaños sin perder la calidad.

PNG

Es un sistema de compresión sin perdida. Este formato permite Imágenes que poseen sectores transparentes.

JPEG y JPG

JPEG: Mecanismo estandarizado de compresión de imagen. (contenedor más común es JPG)

JPG: Utiliza un algoritmo de compresión que minimiza el tamaño de imágenes, a su vez reduce la calidad.

---

Tiff

Formato de mapa versátil que permite describir datos de imagen en dos colores, paleta de color, escala de grises y color completo en diversos espacios de color.

Giff

Permite crear animaciones sencillas en formato liviano, originalmente fue desarrollado para comprimir imágenes de ocho bits.

EPS

Formato que puede contener texto y gráficas vectoriales. El formato AI se basó en EPS y de esta forma creó su propio formato. En la actualidad el formato PDF vino a reemplazar el formato EPS.

PSD

PSD es un formato que proviene de Photoshop el cual ayuda a guardar presentaciones, retoques, almacenar las capas y canales presentes en el archivo. Este formato es casi incompatible con otros programas.

PDF

Formato desarrollado por adobe el cual puede contener diversos contenidos desde imágenes a links o incluso videos. PDF posee la ventaja de que no depende de sistema operativo por lo que es visualizado sin importar de donde sea abierto el archivo.

RAW

Formato que contiene la totalidad de datos de una imagen, al poseer ese contenido de forma bruta solo algunos softwares puede interpretarlos ya que no posee algún parámetro de color definido.

Ráster

El ráster esta ligado a la dimensión en número de pixeles, estos forman la imagen de mapa de bit o sea el ancho por el alto. Muchas veces de forma errónea se relaciona esto a la calidad de imagen, no obstante los megapíxeles solo tienen que ver con el tamaño del lienzo.

Es posible de calcular el ráster multiplicando su anchura por la altura en pantalla.

Resolución

Es la relación entre los pixeles digitales y los físicos que se obtendrán tanto al imprimir como en otros soportes digitales.

---

Bytes y bits

El bit es un dígito del sistema de numeración el que posee 0 y 1 en los que 0 es un punto apagado y 1 un punto prendido.

Byte es una representación de información concordada por bits, se conforma por ocho bits que actúan de forma exponencial llegando a producir hasta 256 combinaciones. 7 de ellos son de información y el restante es adicional de control.

Canales y color de la imagen

Las imágenes rasterizadas poseen una cuadrícula rectangular de elementos de imágenes, esto para poder representar imágenes. Cada sector de la matriz posee un pixel asignado y un valor de color específicos.

Algo característico de las imágenes de mapas de bits es que contienen un número fijo de pixeles por lo que si es que se cambia a escalas más grandes la imagen pierde detalle y aparece pixelada.

Profundidad de bits

Esto quiere decir sobre la cantidad de información de color que posee cada pixel de una imagen, esto quiere decir que mientras mayor cantidad de bits posea un pixel significa que hay más colores existentes y la representación de este es más exacta. Cuando una imagen posee solo 1 bits significa que posee pixeles con solo dos valores, blanco y negro, en cambio las imágenes en mido de escala de grises con 8 bits poseen 256 posibles valores de gris .

RGB con 8 bits

Una imagen RGB se conforma por tres canales de color. Cuando una imagen RGB posee 8 bits por pixel significa que posee 256 posibles valores para cada canal lo que quiere decir que la cantidad posible de valores de color es más de 16 millones.

---

Actividad

Proceso

Resultado final

---

Apuntes

Vectores

El vector en geometría

La geometría del plano euclídeo es la que se dedica a estudiar los elementos geométricos a partir de dos dimensiones. El vector fijo del plano euclídeo se divide en estas características:

• Módulo: Longitud del segmento

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

• Sentido: Orientación del segmento

Imagen vectorial

Una imagen vectorial es básicamente una imagen 2D la cual se compone de objetos

Ejemplos Aplicación de gráficos vectoriales

• Tipografías

• Logos

• Juegos de video

• Gráficos web

Curvas de Béizier

Durante los años 60 Pierre Béizier desarrolla un lenguaje para representar partes de los autos. Ecuación paramétrica que da atributos de posición, espesor, color, etc. Los puntos ancla determinan los segmentos y entregan la posibilidad de realizar formas con ángulos o redondeadas.

---

Actividad

Proceso

• 
• 
• 
• 
• 

Resultado final

---

Apuntes

Softwares de composición editorial

Programas que poseen la funcionalidad del diseño de textos junto con imágenes, lo que es primordial en la creación de una página de texto.

Formato de texto y estilos

La utilización de estos programas demuestran que el texto va más allá de lo que es, si no que posee todo un proceso de diseño atrás en el que se decide cual es el mejor formato según la utilidad que se le dará.

Títulos y encabezados

La jerarquía de la posición del contenido es bastante importante ya que esto permite que el lector pueda acceder y comprender de mejor manera la información.

La buena utilización de los formatos de título en algunos softwares se generan índices que organizan mejor la información.

Formatos de lista

Las listas colaboran con la organización del párrafo, de esta forma se descomponen en puntos separando las ideas.

Existen dos tipos de listas:

• Lista ordenada (HTML< ol >) o numerada

• Lista no-ordenada (HTML< ul >) o con viñetas

Formatos Párrafo

Párrafo general

Es utilizado un estilo central para así tener la mayor parte del cuerpo de texto.

Bajadas de título

Es una descripción breve del titulo que precede el contenido.

Citas

Las citas suelen tener un formato que destaca dentro del resto del texto, así como ser más grande, salir del margen, etc.

Párrafo destacado: Parte del texto que demuestra relevancia al utilizar un color o fuente distinta.

Notas al pie: información que complementa al resto, usualmente se coloca a pie de página y tiende a ser más pequeña.

Adobe Indesign

Es uno de los software más completos y utilizados para el diseño editorial, ya que permite una variedad de funciones a un nivel alto.

Estilos en InDesign

• Estilo de párrafo: Detalles de como se verá el párrafo, se maneja el interlineado, sangría, etc.

• Estilo de carácter: Este estilo afecta directamente en una o más palabras, modificando su color, tipografía, etc.)

Actividad

Proceso

• 
• 
• 
• 

Resultado final

---