Tarea ciclo de Imagen - Carla Lorca
| Título | Ciclo de la Imagen |
|---|---|
| Asignatura | Producción Gráfica |
| Del Curso | Producción Gráfica 2023 |
| Carreras | Diseño |
| Nº | 3 |
| Alumno(s) | Carla Lorca |
Formatos de Imagen y Mapa de bits
Formatos de Imagen
- Comprensión con pérdida
- Comprensión sin pérdida
TIFF
TIFF –o Tag Image File Format– es el formato de mapa de bits más versátil, seguro y con mayor soporte. De alta calidad, es incompatible con algunos programas y su archivo es pesado.
GIF
GIF –o Graphics Interchange Format– fue desarrollado en 1987 para comprimir imágenes de ocho bits, es extremadamente liviano para compartir.
PNG
El formato PNG –o Portable Network Graphics– es un formato de compresión sin pérdida, para trabajar con trasparencia/semi trasparencia, especialmente en logos.
JPEG o JPG
PEG –o Join Photographic Experts Group– es un mecanismo estandarizado de compresión de imagen, cuyo contenedor más común es JPG. Disminuye el tamaño/peso del archivo, guarda en 8 bits y no es de la más alta calidad.
EPS
El formato EPS –o Encapsulated PostScript– puede contener texto y gráficas vectoriales, lo que significa que no importa cuánto se agrande la imagen nunca va a aparecer un píxel, es un programa un poco obsoleto pues fue reemplazado por PDF, que también aguanta las imágenes vectoriales.
PSD
PSD es un formato nativo de Photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa, almacenando todas las capas y canales que existan en el archivo de imagen. Este formato casi no tiene compatibilidad con otros programas.
El formato PDF –o Portable Document Format– fue desarrollado por Adobe. Puede contener no sólo imágenes y texto, sino también botones interactivos, links, videos y más. No depende de un software o sistema operativo.
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, lo que hace que el archivo sea más pesado. No es compatible con todos los programas.
SVG
El formato SVG –o Scalable Vector Graphics– está basado en el lenguaje XML el cual describe las características de cómo debe aparecer la imagen. Guarda la información de la imagen vectorial como un código, lo que la hace editable desde allí.
Ráster
El ráster expresa la dimensión en número de píxeles que forman una imagen de mapa de bits, ancho x alto. Una cámara con mayor resolución es que tenga un mayor ráster, que es la dimensión de la fotografía.
Cómo calcular un Ráster
El ráster de una imagen digital se expresa multiplicando su anchura por la altura en pantalla.
Resolución
La resolución de impresión son los puntos por pulgada (ppp) o dots per inch (dpi), donde la pulgada mide 2,54 cm.
Cómo calcular la resolución
Tamaño de impresión= Número de píxeles / Resolución (dpi píxeles por pulgada)
Resoluciones recomendadas
-Imágenes para impresión doméstica: 150 dpi
-Imágenes para imprenta: 300 dpi o más
-Imágenes para pantallas: Solían tener un estándar de 72 dpi, sin embargo con la creación de pantallas retina, las resoluciones para pantalla incluso superaron los estándares altos para papel, llegando a 458 dpi.
Bits y Bytes
¿Qué es un bit y qué es un Byte?
bit(binary digit) es un dígito del sistema de enumeración binario 0 y 1.
Byte son 8 bits, las cadenas de bits actuán de manera exponencial. En 256 opciones cabe el alfabeto completo.
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. Matriz precisa donde cada píxel tiene una acción inequívoca, y cada uno de los pixeles va a tener un valor.
Profundidad de bits
La profundidad de bits especifica la cantidad de información de color que está disponible para cada píxel de una imagen. Una imagen de alto contraste (blanco-negro), puede tener la profundidad de un bit.
RGB con 8 bits
Las imágenes RGB se componen de tres canales de color. Una imagen RGB con 8 bits por píxel cuenta con 256 posibles valores para cada canal.
RGB de más de 8 bits
En ocasiones, las imágenes RGB con 8 bits por canal se denominan imágenes de 24 bits (8 bits x 3 canales = 24 bits de datos 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 Fotomontaje
Imágenes png sacadas de: https://www.pngegg.com/es/png-nrugs/download
Imagen Vectorial e Illustrator
Vectores
El vector en geometría
Módulo: longitud del segmento (valor numérico)
Dirección: ángulo del vector con respecto al eje x
Sentido: orientación del segmento
Imagen Vectorial
Una imagen vectorial se refiere a una imagen 2D compuesta por objetos geométricos independientes con tributos matemáticos.
Aplicación de gráficos vectoriales:
-Tipografías
-Logos
-Juegos de video
-Gráficos web
Primer editor interactivo 1963: Dibujo Asistido por Computadora [CAD], ubicaba los vectores en una posición.
Curvas de Bézier
-Lineal (grado 1)
-Cuadrática (grado 2)
-Cúbica (grado 3)
Ecuación paramétrica que da atributos de posición, espesor, color, etc.
Los puntos ancla o nodos determinan los segmentos y posibilitan realizar formas redondeadas o con ángulos.
Illustrator
¿Cómo iniciarnos en Illustrator?
Vamos a revisar las principales secciones y funcionalidades del software:
-Formas
-Trazos
-Trazado de formas/vectorizar
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
Estos pretenden facilitar la tarea del diseño uniendo características de texto con acompañamiento de imágenes que ya han sido previamente trabajadas.
Composición editorial
¿Qué tipos de objetos de diseño son ideales para trabajar en estos softwares?'
-Revistas
-Libros
-Manuales
-Ebooks
-Documentos interactivos
Formato de texto y estilos
Dependiendo del documento con el que estemos trabajando y para qué lo usaremos, podemos decidir cuál es la mejor manera de darle formato. Identificar los diferentes formatos de textos que podemos incluir. (InDesign, Word, Wiki, HTML)
Títulos y encabezados
Cuando trabajamos adecuadamente con formatos de títulos y subtítulos en algunos softwares, automáticamente se generan los índices. Los formatos de título no son solamente un atributo gráfico de color, tipografía y cuerpo sino que es se considera un tipo de formato especial y reconocible por el programa. Existe una jerarquía en nuestro contenido. Los títulos además de sus valores gráficos también tienen valor en su encabezado.
Formatos de listas
Las listas ayudan a romper la densidad del párrafo y descomponer en puntos separados una idea, la información no se hace tan densa gracias a que se sintetiza en puntos.
Existen 2 tipos de listas:
-La lista ordenada (en HTML {ol}) o numerada
-La lista no-ordenada (en HTML {ul}) o con viñetas
Formatos Párrafo
-Párrafo general (o texto normal): Estilo central para la mayor parte del cuerpo de texto.
-Bajadas de título: Descripción breve del titular que antecede el contenido profundo. Es más grande a la vista.
-Citas o cuñas: Cita entremedio del contenido. Suele ser más grande, salir de márgenes y estar en itálica.
-Párrafo destacado: Fragmento del texto relevante. Usa color de fondo o cambia color y peso de la fuente.
-Notas al pie: Información complementaria. Suele ser más pequeña y ubicarse al pie de la página.
Adobe InDesign
Es indiscutidamente el software número 1 para el diseño editorial. Permite funciones de alto nivel profesional y muchas libertades para que el diseñador tenga un mayor control sobre el producto de diseño que desea enviar luego a imprimir.
Principales funciones:
-Crear y guardar documentos de indesign.
-Crear y editar páginas del archivo Componer páginas simples.
-Definir páginas maestras.
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.
Portada Diario Original
Tipografías Empleadas
-Times New Roman (Regular, Bold)
-Acumin Variable Concept (SemiCondensed ExtraLight, Bold)
-Tw Cen MT (Bold, Regular)
Proceso reproducción portada
Para el nombre del diario utilicé una foto, pues no supe identificar que tipografía era y no la encontré en las genéricas que tenía el programa.
Para las imágenes las extraje de la portada original utilizando la foto captura, la tipografía que utiliza el diario El País para los títulos, subtítulos y texto es "majerit", usé Times New Roman que es bastante parecida.
A pesar que para varios elementos se utiliza la misma tipografía, se le atribuye un valor en cuanto al grosor a la letra para atribuirle la importancia y separar título de subtítulo.
Los títulos también tienen distintos tamaños de letras, resaltando cual es más importante o interesante que otro, formándose una jerarquía visual en la portada.
Resultado Final
