Tarea ciclo de Imagen - Dafne Pincheira Sepúlveda

De Casiopea



TítuloTarea ciclo de Imagen - Dafne Pincheira Sepúlveda
AsignaturaProducción Gráfica
Del CursoProducción Gráfica 2023
CarrerasDiseño
3
Alumno(s)Dafne Pincheira Sepúlveda

Producción gráfica (Ciclo de imagen)

Dafne Pincheira

Formatos-imagen-DPS.jpg


Formatos de imagen y mapa de bits

Apuntes clase 6

25 de abril

Formatos de imagen

Actualmente existen muchos tipos de formatos de imagen,como los que se presentaran a continuación.
Dentro de estos hay 2 tipos de compresión de imagen.

  • Compresión con perdida: elimina información no visible (se pierde para siempre).
  • Compresión sin perdida: mantiene los parametros de compresión original, codifica la misma cantidad de información, volviéndola mas eficiente.


TIFF GIF PNG JPEG Y JPG EPS
Formato de alta calidad, incompatible con algunos programas o plataformas. Es versátil y seguro, especial para fotógrafos por su alta calidad, aunque una de las desventajas es que esta característica lo hace ser un formato mas pesado. Movimiento es la características principal de este formato. Es muy liviano para compartir y posee ciertas cantidades de transparencia. Formato común y cotidiano, es sin perdida. Es usado para imágenes lineales (ej: logos). Permite guardar imágenes con transparencia. Formato de compresión, hace las imágenes mas livianas, lo que también conlleva una reducción en la calidad de imagen e información de esta misma, aunque se puede regular esta compresión. Encapsulated PostScript es un formato vectorial (lineal), por lo cual nunca se pixelea. Fue remplazado por PDF.


PSD PDF RAW SVG
Formato nativo de Photoshop que permite guardar todas las presentaciones, retoques, etc. de una imagen. Casi no tiene compatibilidad con otro programas. Desarrollado por Adobe. Es un formato que permite crear archivos empaquetados. Puede contener texto, imagenes, botones interactivos, etc. Significa crudo o bruto. Es un formato pesado que contiene la totalidad de datos de un archivo. Solo algunos softwares son capaces de interpretarlo. Formato vectorial, basado en lenguaje de programación XML. Se puede escalar y no pierde nunca la calidad..


Raster

Expresa la dimensión en numero de pixeles que forman una imagem de mapa de bits, ancho x alto. El ráster de una imagen difital se calcula mediante la multiplicación de anchura por altura en pantalla.
Ej: 1.200 x 1.200 pixeles = 1.440.000 pixeles, que es lo mismo que decir 1,4 Mp.

Resolución

Son los puntos por pulgada, es la relación de las medidas dentro de una pantalla con las medidas reales físicas.
puntos por pulgada (ppp)
Se calcula el tamaño en pixeles a tamaño en cm. para la impresión. Aplicando la siguiente fórmula:
Tamaño de impresión = número de pixeles/resolución (dpi pixeles por pukgada)
La resolución depende de la exportación.

RESOLUCION-DPS.jpg




Resoluciones recomendadas

Imágenes impresiónn domestica: 150 dpi
Imágenes para imprenta: 300 dpi o mas
Imágenes para pantalla: 72 a 458 dpi

bit y Byte

IMPORTANTE
bit (siempre es con minúscula)
Byte (siempre es con mayúscula

bit es un digito del sistema de numero binario 0 y (es la base de la informática).
Byte es una representación de información conformada por bits. Esta formada por 8 bits ( 7 de información y uno adicional de control).
¿Por qué 8 bits?
Porque tenemos 256 posibilidades y puede contener todas las letras del alfabeto con todos sus simbolos. Cada letra tiene su combinación de bits que es 0 o 1.

Imágenes de Mapas de bits

Las imágenes de Mapas de bits, contienen un número fijo de pixeles. Utiliza una cuadricula en donde a cada pixel se le asigna una ubicación en la matriz y un valor de color específico.
Este es el metodo mas común usado para fotografías o pinturas digitales, ya que representa de forma eficaz las sombras y color.

Profundidad de bits

Especifica la cantidad de información de color que esta disponible para cada pixel. Mientras mas cantidad de bits haya, mas colores disponibles existen y mas precisión en el hay.
Ej:

  • Blanco y negro: 1 bit
  • Escala de grises: 8 bits
  • RGB: 8 bits



Actividad en clases

Esta actividad consistió en crear un fotomontaje utilizando capas, colores y tratamiento de imagen en mapa de bits. Además se incorpora a este fotomontaje la palabra designada en clases anteriores.

Imágenes seleccionadas

IMSL1-DPS.jpg
IMSL2-DPS.jpg
IMSL3-DPS.jpg


Proceso

PFT1-DPS.png PFT2-DPS.png PFT3-DPS.png PFT4-DPS.png PFT5-DPS.png




Resultado final

Resultado final




Observaciones

Se crea este fotomontaje a partir de la palabra simultáneo, entendiendo este concepto como un conjunto de 2 o mas acciones que se realizan al mismo tiempo. Es por esta razón que se insertan en un fondo dos acciones (bailarinas y una persona nadando), ocurriendo simultaneamente.




Imagen Vectorial e Illustrator


Apuntes clase 7

2 de mayo


Vectores

En física y matemáticas, un vector es un segmento de una línea recta, dotado de un sentido. Un vector posee 3 características claves:

  • Módulo: valor numérico
  • Dirección: ángulo con respecto al eje X
  • Sentido: orientación
Vector-DPS.jpg

Imágen vectorial

Una imagen vectorial hace referencia a una imagen en 2D que la componen objetos geométricos, como líneas y polígonos definidos por atributos matemáticos para el color, posición, etc.
La imagen vectorial se diferencia del resto porque no está creada a partir de un conjunto de píxeles sino de formas geométricas y, por lo tanto, de fórmulas matemáticas, con la finalidad de generar resultados limpios que son ideales para la impresión.
Algunos ejemplos en donde se utilizan los gráficos vectoriales son:

  • Tipografías
  • Logos
  • Juegos de video
  • Gráficos Web


Curvas de Bézier

Una curva de Bézier es una línea o trayectoria curva que es el resultado de una ecuación matemática llamada función paramétrica. Se implementa comúnmente en gráficos por computadora, como imágenes vectoriales.


Illustrator

Illustrator-Logo.png
Para poder iniciar en illustrator se deben revisar las principales funcionalidades como los son las formas, trazos y trazado de formas.






Actividad en clases

Esta actividad consistió en crear una ilustración a partir del concepto visto en clases pasadas, con base de un dibujo vectorial y con concordancia al significado del concepto.

DPS SML.jpg





Imagen gráfica diagramadar


Apuntes clase 8

9 de mayo


Softwares de composición editorial

Pretenden facilitar la tarea del diseño uniendo características del texto con acompañamiento de imágenes anteriormente trabajadas.
Son programas que vinculan las dos clases de softwares de imágenes estudiados para la etapa de composición de una página y de un libro o de una revista completa.

Composición editorial

Algunos tipos de objetos ideales para trabajar en estos softwares:

  • Revistas
  • Libros
  • Manuales
  • Documentos interactivos


Formatos de textos y estilos

Dependiendo del documento con el que estemos trabajando existen diferentes maneras de darle formato a un texto.

Formato de texto

Las funciones de formato de texto se pueden utilizar para cambiar el color, la fuente, el tamaño y el estilo del texto especificado.

Títulos y encabezados

Los formatos de títulos no son solo un atributo que cambia el color, tipografía y cuerpo, sino que se considera como un formato especial que es reconocido por el programa que se este utilizando

Formatos y listas

Las listas ayudan para que no se genere densidad dentro de los párrafos. Permite una lectura mas fluida y visualmente cómoda.
Estas listas pueden ser:

  • Lista ordenada: numerada
  • Lista no-ordenada: viñetas
Estilo de listas.jpg

Formatos párrafo

  • Párrafo general: Central. Para la mayor parte del cuerpo de texto
  • Bajadas de titula: Descripción breve del titular
  • Citas o cuñas: Cita entremedio del contenido
  • Párrafo destacado: Fragmento del texto relevante
  • Notas de pie: Info. complementaria


Adobe InDesign

InDesign contiene funciones que le dan una distinción de uso profesional. Es ideal utilizarlo cuando se esta trabajando con documentos muy extensos, que requieren de muchas mesas de trabajo.
Las principales funciones vistas en clase:

  • Crear y guardar documentos
  • Crear y editar páginas
  • Componer páginas simples
  • Definir páginas maestras

Estilos en InDesign

  • Crear estilos de titulos
  • Crear estilos de parrafos
  • Crear estilo de listas
  • Crear estilos de citas
  • Crear estilo para texto destacado
  • Crear estilo de viñetas

En particular el estilo de párrafo nos ayuda considerablemente al momento de crear un documento ya que este afecta la totalidad de un bloque sin tener que ir palabra por palabra cambiando las características. Por otro lado el estilo de carácter si afecta ciertas palabras de un párrafo en cuanto al color, tipografía, etc. lo cual lo hace ser una función mucho mas específica.





Actividad en clases

La siguiente actividad consistió en recrear la portada de un diario, utilizando InDesign y todas las herramientas que fueron entregadas en la clase.

Proceso

Durante el proceso primeramente se crearon márgenes para diagramar de manera mas rápida la portada. Se buscaron fuentes similares para crear título, subtítulos y párrafos utilizando también las herramientas Kerning,Tracking, Interlineado y diferentes tamaños de fuente para que quedara lo mas parecido al original.
Además de las fuentes, también se buscaron imágenes parecidas al original que contaban con diferentes colores. Por la razón anterior es que se utiliza Photoshop. En Photoshop se abren las imágenes en donde el proceso para cada una fue el mismo:

  • 1. Insertar imagen
  • 2. Recortar imagen al tamaño ya previsto en la diagramación
  • 3. Editar las fotos con la función tono/saturación para dejar un tono similar al de la portada original


Finalmente se colocan las imágenes en el orden correspondiente obteniendo la recreación final de la portada de diario.


Imágenes del proceso

PD1-DPS.jpg PD2-DPS.jpg PD3-DPS.jpg PD4-DPS.jpg PD5-DPS.jpg PD6-DPS.jpg PD7-DPS.jpg.jpg PD8-DPS.jpg PD9-DPS.jpg 


Resultado final

Portada original
Recreación de la portada





Observaciones

A través de este trabajo fue posible identificar que este tipo de documentos, como lo es una portada de diario, contiene diferentes estilos, como los diferentes títulos, con sus diferentes tamaños y tipografías.
Se puede reconocer que este archivo contiene solo dos tipografías, en el caso de la recreación de esta portada se utilizó UnifrakturMaguntia para el título principal y Literata es sus diferentes variaciones para los demás títulos y párrafos.