Tarea ciclo de Imagen - Dafne Pincheira Sepúlveda
| Título | Tarea ciclo de Imagen - Dafne Pincheira Sepúlveda |
|---|---|
| Asignatura | Producción Gráfica |
| Del Curso | Producción Gráfica 2023 |
| Carreras | Diseño |
| Nº | 3 |
| Alumno(s) | Dafne Pincheira Sepúlveda |
Producción gráfica (Ciclo de imagen)
Dafne Pincheira
Formatos de imagen y mapa de bits
Apuntes clase 6
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 | 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.
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
Proceso
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
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
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
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.
Imagen gráfica diagramadar
Apuntes clase 8
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
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
Resultado final
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.
