Tarea ciclo de Imagen - Catalina Brito Puga
| Título | Tarea ciclo de Imagen - Catalina Brito Puga |
|---|---|
| Asignatura | Producción Gráfica |
| Del Curso | Producción Gráfica 2023 |
| Carreras | Diseño |
| Nº | 3 |
| Alumno(s) | Catalina Brito Puga |
Unidad 3: Imagen
Formatos de Imagen y Mapa de Bits.
Clase nº6 Formatos de Imagen y Mapa de bits
Formatos de Imagen
Compresión con pérdida: Elimina la información no visible para ahorro de espacio (destructiva).
Compresión sin pérdida: Mantiene los parámetros originales (lossless).
| TIFF | GIF | PNG | JPG |
|---|---|---|---|
| Tag Image File Format, formato de mapa de bits más versatil, seguro y con mayor soporte. | Graphics Interchange Format, permite crear animaciones en formato liviano. | Portable Network Graphics, compresión sin pérdida usando para imágenes con líneas, colores sólidos y textos, permite guardar imágenes con transparencia. Ideal para logos. | Join Photographic Experts Group, disminuye en tamaño/peso, pero reduce su calidad, guarda maximo 8 bits. |
| EPS | PSD | RAW | SVG | |
|---|---|---|---|---|
| Encapsulated PostScript, puede contener texto y gráficas vectoriales. El actual formato de Adobe Illustrator se basó en EPS para la creación de su propio formato, aún que fue reemplazado por PDF. | Formato nativo de Photoshop permite guardar todas las presentaciones, retoques, nuevas creaciones, almacenando todas las capas y canales (casi no tiene compatibilidad con otros programas). | Portable Document Format, puede contener imágenes, texto, botones interactivos, links, videos, etc. Puede ser visualizado con el mismo resultado sin importar donde se abra. | Formato de contiene la totalidad de los datos de la imagen tal como ha sido captada. | Scalable Vector Graphics, está basado en el lenguaje XML el cual describe las características de como debe aparecer la imagen. Se puede escalar a diferentes tamaños sin perder calidad. |
Raster
Expresa la dimensión en número de píxeles que forman una imagen de mapa de bits, ancho x alto.
Como calcular el raster: Multiplicar anchura x altura.
Ejemplo: 1200x1200= 1.440.000 píxeles, expresado en megapixeles es 1,4 mp.
Resolución
Son los puntos por pulgada (ppp) o dots per inch (dpi) donde la pulgada mide 2,54 cm. Es la relación entre las dimensiones digitales y físicas. Como calcular la resolución: Tamaño de impresión= nº de píxeles/resolución (dpi).
Resoluciones recomendadas:
- Impresión doméstica: 150 dpi.
- Para imprenta: 300 dpi o más.
- Para pantallas: Llega a 458 dpi.
Bits y bytes
Bit es un dígito del sistema de numeración binario 0 y 1 y byte es una representación de información conformada por bits 8 de ellos.
¿Por qué 8 bits?: En 8 bits se pueden producir 256 opciones de combinaciones. Permite representar todos los caracteres del alfabeto. Para transmitir un carácter el computador necesita 1 Byte (8 bits). Para transmitir 4 letras necesitas 32 (4x8) bits y 4 Bytes.
Imágenes de mapa de bits: A cada pixel se le asigna una ubicación en la matriz de una pantalla y un valor de color específicos.
Profundidad de bits: Especifica la cantidad de información de color que esta disponible para cada pixel.
RGB con 8 bits: Una imagen RGB con 8 bits por pixel cuenta con 256 posibles valores para cada canal.
Actividad
Proceso
Fotomontaje en Photoshop, a partir de la palabra suave. Antes de realizar la tarea pregunté a varias personas que pensaban al escuchar suave, para así lograr un buen reflejo de esta palabra en el fotomontaje, el resultado fue, osos, jabón marca suave, mantas y nubes. Mi trabajo es un fotomontaje de un oso haciendo surf en un jabón en la suavidad de las olas. Recorte las imágenes y las pegue en la imagen de fondo (el atardecer) utilizando capas y otros ajustes que ya especifique.
Resultado
Imagen vectorial e Illustrator.
Clase nº7 Imagen Vectorial e Illustrator
Vectores
Un vector fijo del plano euclideo es un segmento orientado.
- Modulo: Longitud del segmento.
- Dirección: Ángulo del vector con respecto al eje x.
- Sentido: Orientación del segmento.
Imagen vectorial
Imagen 2D compuesta por objetos geométricos definidos por atributos matemáticos.
Aplicación de gráficos vectoriales
- Tipografías.
- Logos.
- Juegos de video.
- Gráficos web.
Curva de Bezier
Bezier desarrolló un lenguaje para representar partes de la carrocería de Renault.
- Ecuación paramétrica que da atributos de posición, espesor, color, etc.
- Los puntos anclas o nodos determinan los segmentos y posibilitan realizar formas.
Illustrator
Para iniciar vamos a revisar formas, trazos, trazado de formas/vectorizar.
Actividad
Imagen gráfica diagramada.
Clase nº8 Imagen gráfica diagramada
Software de composición editorial
Facilitan el diseño uniendo características de texto con acompañamiento de imágenes que ya han sido trabajadas. Vinculan las dos clases de software de imágenes estudiados para la etapa de composición de una pagina, libro o revista.
Composición editorial: Tipos de objetivos ideales para software.
- Revistas.
- Libros.
- Manuales.
- Ebooks.
- Documentos interactivos.
Formato de texto
El texto es mucho más que un párrafo o prosa. Dependiendo del documento con el que trabajemos podemos decidir el mejor formato.
Títulos y encabezados
Primero debemos cuestionar cual es su arquitectura de información interna y el modo en que otro lector puede acceder mejor a la información para leerla y comprenderla. Esto ayuda a comprender la relación de jerarquía de nuestro contenido. Los formatos de título se consideran un tipo de formato especial y reconocible por el programa.
Formato de listas
Ayudan a romper la densidad del párrafo y descomponer en puntos separados una idea. Son fáciles de leer y muestran información sintética. Las listas indentan el contenido y lo separan de los márgenes generales. Además se pueden personalizar o diseñar propios.
Existen 2 tipos de listas:
Formato de párrafos
- Párrafo general o texto normal: Estilo central para la mayor parte del cuerpo del texto.
- Bajadas de titulo: Descripción breve que antecede el contenido. 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 de texto relevante. Usa color de fondo o cambia color y peso de la fuente.
- Notas al pie: Información complementaria. Suele ser pequeña y ubicarse al pie de la página.
Adobe InDesign
Software nº1 para el diseño editorial. Permite funciones de alto nivel profesional y muchas libertades para que el diseñador tenga un mayor control.
- Crear y guardar documentos InDesign.
- Crear y editar páginas de archivo.
- Componer páginas simples.
- Definir páginas maestras.
Estilos InDesign
- Crear estilos de títulos.
- Crear estilos de párrafo general.
- Crear estilos de lista.
- Crear estilos de citas.
- Crear estilos para texto destacado.
- Crear estilos de viñetas.
En InDesign los estilos de párrafo y carácter son los que nos permiten administrar el formato de texto de nuestro documento editorial, pudiendo almacenar atributos que se pueden aplicar en un solo click.
- Estilo de párrafo: Atributos párrafo y de carácter que afectan a la totalidad del bloque.
- Estilo de carácter: Características que afectarán a ciertas palabras de un párrafo.
Actividad
Proceso
