Tarea ciclo de Imagen - Lucía Carolina González Chávez"

Título	Tarea ciclo de Imagen - Lucía Carolina González Chávez
Asignatura	Producción Gráfica
Del Curso	Producción Gráfica 2023
Carreras	Arquitectura
Nº	3
Alumno(s)	Lucía Carolina González Chávez

UNIDAD 3: IMAGEN

Lucía Carolina González Chávez

6º CLASE

25 de abril

FORMATO DE IMAGEN

Actualmente existen mucho tipo de formatos de imagen, pero lo primero que debemos comprender es que hay 2 tipos de compresión de imagen:

• La compresión de imagen con pérdida: elimina la información no visible para buscar un ahorro de espacio (destructiva).
• La compresión sin pérdida: mantiene los parámetros de compresión originales codificando la misma cantidad de información de manera más eficiente (lossless)

TIFF	GIF	PNG	JPEG O JPG
TIFF -o Tag Image File Format- es el formato de mapa bits más versátil y mantiene la resolución, posibilita el uso de capas, entre otros. Sin embargo,un formato muy pesado y ocasionalmente es posible tener problemas en abrir un archivo TIFF creado con otra aplicación o bajo una plataforma diferente. Aplicación recomendada: transmisión de imágenes de calidad y con alta resolución para las impresiones.	GIF -o Graphics Interchange Format- fue desarollado en 1987 para comprimir imágenes de ocho bits(256 colores),de modo que este formato de imagen no es apto para la visualización de fotografías. Cada uno de los datos puede definirse, además, como transparente, aunque, al contrario que en el formato PNG más moderno, la semitransparencia no es posible, de manera que un píxel se visualiza o no. En la actualidad el fomato es especialmente popular porque permite cear animaciones sencillas en formato muy liviano para compartir. Aplicación recomendada: creación de animaciones, clip arts o logotipos en los que una menor profundidad de color no plantea ningún problema.	El formato PNG -o Potable Network Graphics- es un fomato de compresión sin perdida, ofrece una profundidad de color de hasta 24 bits por píxel (16,7 millones de colores) con un canal alfa de 32 bits. Generalmente considerado como el reemplazo de GIF, sin embago PNG no soporta animaciones. El formato PNG es frecuentemente usado para imágenes con líneas, colores sólidos y texto, que requieren precisión. Una característica importante es que admite el canal alfa en las imágenes, lo que permite guardar imágenes con sectores trasparentes. Aplicación recomendada: almacenamiento y publicación de imágenes y gráficos pequeños (logotipos, iconos, barras, etc.), gráficos con transparencia, fotos sin pérdidas.	JPEG -o Join Photographic Experts Group- es un mecanismo estandarizado de compresión de imagen, cuyo contenedor más común es JPG. JPG usa un algoritmo de compresión de imagen que dismuneye el tamaño/peso de las imágenes, sin embargo también reduce su calidad. JPG sólo guarda con un máximo de 8 bits. Aplicación recomendada: almacenamiento y publicación de fotos. ¿Cuándo usar PNG o JPG? JPGes el mejor formato si no requerimos de una imagen pesada. PNG si necesitamos mantener tranparencia en la imagen. JPG probablemente sea el mejor formato para imagenes que se mostraran en diferentes escalas.

EPS	PSD	PDF	RAW	SWG
El formato EPS -o Encapsulated PostScipt- puede contener textos y gráficas vectoriales pero adicionalmente suelen incluir una previsualización en mapa de bits de la imagen encapsuladamente. El actual formato AI (de adobe Illustrator) se basó en EPS para la creación de su propio formato, aunque ambos han sido reemplazados por el formato PDF,que se ha vuelto un estándar para el intercambio de imágenes vectoriales. Aplicación recomendada: descripción de impresiones más complejas (el formato se ha quedado obsoleto)	PSD es una formato nativo de Photoshop permite guardar todas las prestaciones, retoques, nuevas creaciones realizadas en el programa, almacenando todas las capas y canales que existan en el archivo de imagenes. Este formato casi no tiene compatibilidad con otros programas por lo que se recomienda tener un achivo (.PSD) y otro JPEG o TIFF. PSD funciona, principalmente, como formato de almacenamiento durante el proceso de edición. Para llevar a cabo la edición en Internet, el archivo correspondiente debe convertirse al formato PNG o a JPG antes de subirlo al servidor, ya que el almacenamiento sin pérdidas de los datos de imagen y de todos los niveles permite modificarlos de manera eficiente. Aplicación recomendada: almacenamiento temporal y reedición de gráficos más usados a menudo, patrones de diseño.	El formato PDF fue desarrollado por Adobe. Puede tener imágenes, texto, botones interactivos, link, videos y más. Puede ser visualizado con el mismo resultado sin importar el sistema operativo, ya que no depende de un sofware.	El formato RAW significa crudo o bruto y es un formato que contiene la totalidad de los datos de imagen tal y como ha sido captada por el sensor digital de la cámara. Al estar "crudo" no tiene defenido ningún parámetro de color y sólo algunos sofware son capaces de interpretalos.	El formato SVG está basado en el lenguaje XML el cual describe las caracteísticas de cómo debe aparecer la imagen. Al tratarse de una imagen vectorial, un archivo SVG se puede escalar a diferentes tamaños sin perder calidad, por lo que funciona muy bien en web. Aplicación recomendada: gráficos técnicos o interactivos (logotipos, botones, iconos, etc.)

RÁSTER

El raster expresa la dimensión en número de píxeles que forman una imagen de mapa de bits, ancho x alto Es común oír sobre los megapixeles de una cámara digital y atribuirlo a una mejor calidad de la imagen, sin embargo, los megapixeles sólo dicen relación con el tamaño del lienzo. La resolución, en cambio, es una consecuencia que va a depender del soporte de exhibión.

Cómo calcular el ráster

El ráster de una imagen digital se expresa multiplicando su anchura por la altura en pantalla.

• Por ejemplo la imagen de 1200 x 1200 píxeles = 1.440.000 píxeles, expresado en megapixeles es igual a 1,4 Mp.

RESOLUCIÓN

La esolución de impresos son los puntos por pulgada (ppp) o dots per inch (dpi), donde la pulgada mide 2,54 cm. La esolución es la elación ente las dimensiones digitales (los píxeles) y las físicas, que tendá una vez impesa sobe papel u oto sopote incluso digitales.

Cómo calcular la resolución

Para calcular el tamaño en píxeles a tamaño en centímetros para la impresión podemos aplicar la siguiente fórmula:

• Tamaño de impresión= Número de píxeles / Resolución (dpi píxeles por pulgada)

Resoluciones recomendadas

• Imágenes para la impresión doméstica: 15'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 inluso superaron los estándares altos para papel, llegando a 458 dpi.

bits y Bytes

El bit es el acrónimo de binary digit. Es un dígito del sistema de numeración binario 0 y 1, siendo 0 un punto apagado y 1 un punto prendido. Byte en tanto, es una representación de información conformada por bits y está formada por 8 de ellos: 7 de informacion y 1 de control (indica qué tipo de categoría de información se está manejando en el Byte). Los bits siempre son representados con una “b” minúscula y los Bytes con una “b” mayúscula.

¿Por qué 8 bits?

Las cadenas de bits actúan de forma exponencial. En 8 bits se pueden producir 256 combinaciones, lo que cobre el lenguaje escrito completo, permitiendo representar todos los caracteres de los alfabetos. Ejemplo: Para transmitir un carácter, el computador necesita 1 Byte (8 bits). La letra “V” (mayúscula) se envía en el siguiente Byte: 01010110= V. Por lo tanto, para transmitir una palabra de 4 letras necesitarás 32 (4 x 8) bits o 4 Bytes.

Imágenes en mapa de bit

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. A cada píxel se le asigna una ubicación en la matriz de una pantalla y un valor de color específicos. Cuandos se trabaja con este tipo de imágenes se editan los píxeles en vez de los objetos. Generalmente se usa para imágenes como fotografías o pinturas digitales ya que representan de mejor manera las sutilezas de las sombras y los colores. Son las imágenes más usadas en internet.

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. Cuantos más bits de información por píxel hay, más colores disponibles existen y más precisión en la representación del color se aprecia. Una imagen con una profundidad de bits de 1 tiene píxeles con dos valores posibles: blanco y negro. Las imágenes en modo de escala de grises con una profundidad de bits 8 tienen 256 posibles valores de gris.

Canales de color

Las imágenes pueden poseer uno o varios canales, los cuales almacenan información sobre los elementos de color de la imagen. Las imágenes de mapa de bits, escala de grises, duotonos y color indexado tienen un canal; las imágenes RGB y Lab tienen tres; y las imágenes CMYK tienen cuatro. Los canales se añaden a todo tipo de imágenes, excepto a las de mapa de bits. Cada canal en una imagen es una representación en escala de grises de la cantidad de cada color contenida en la imagen, por ejemplo, una imagen RGB posee distintos niveles para cada canal de color de manera independiente, que unidos, conforman la apariencia de la imagen final. Incluso en algunos modos de color se le puede añadir un canal extra, el canal alfa, para almacenar y editar componentes como máscaras o tintas planas de impresión.

RGB con 8 bits y más

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, lo que significa más de 16 millones de posibles valores de color. 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). Photoshop también puede trabajar con imágenes que contienen 16 o 32 bits por canal. Las imágenes con 32 bits por canal también se denominan imágenes de alto rango dinámico (HDR), pero es de uso principal en fotografía profesional.

Actividad en clase

La RAE define la palabra expansióncomo:

• Acción y efecto de expandir o expandirse.
• Acción de exteriorizar efusivamente un sentimiento o un estado de ánimo.
• Diversión o distracción.
• Econ. Proceso económico en el que la producción per cápita y el empleo aumentan.

En nuestro caso hemos trabajado con la expansión del universo.

Tanto para algunas tendencias actuales de la ciencia como para tradiciones clásicas, el universo surge de un centro donde todo está contenido y en determinado “momento” comienza a expandirse debido a la división de esta Unidad Primordial (ϕ). El cosmos, entonces, se generaría por la “fragmentación” de Lo Uno. Al surgir numerosas partes aparecen vínculos entre las partes ya que los matemáticos entendían que las múltiples partes del universo van a estar separadas, pero se mantendrán unidas por un vínculo, por una razón manteniendo la unidad universal. Pues, si las partes no estuvieran unidas, no existiría el cosmos como manifestación. Por ello hemos decidido realizar un fotomontaje en el cual se pueda apreciar esto.

• 

  1. Se crea el documento con las diferentes indicaciones: Formato de 800x800 px, resolución de 150 dpi, modo color RGB sobre lienzo blanco.

• 

  2. Se inserta la imagen(JPG) y el documento (PDF),(preparado previamente en AutoCad) que se utilizará para crear el fotomontaje.

• 

  3. Al tener la imagen insertada en el formato, se transforma la escala de está.

• 

  4. Cambiamos las propiedades de la imagen pasandola a blanco y negro.

• 

  5. Insertamos el pdf en el formato.

• 

  6. Con la barita mágica eliminamos el fondo.

• 

  7. Duplicamos la capa del pdf.

• 

  9. Transformamos las capas haciendo simetria de estas,y cambiado la escala.

• 

  10. Ubicamos las capas donde se desea.

• 

  11. Combinamos estas capas, para poder trabajar de forma más comoda, con las diferentes capas.

• 

  12. Ocultamos las capaz con las que no tabajaremos, y aplicamos pintura a la capa que deseamos.

• 

  13. Desocultamos las capaz y las ajustamos al formato.

• 

  14. Añadimos el texto, Expansión y vamos provando de que forma podría quedar mejor.

• 

  15. Decidimos que introducir la palabra expansión en forma de espiral, cambiando el tamaño de cada una de las letras que compone la palabra.

• 

  16. Imagen final.

---

---

7º CLASE

02 de mayo

IMAGEN VECTORIAL E ILUSTRATOR

La geometría plana o geometría del plano euclídeo estudia los elementos geométricos a partir de dos dimensiones, mediante una estructura o sistema algebraico, situando la posición, longitud, dirección y sentido a los vectores. El vector es un concepto gráfico de una trayectoria con una ubicación espacial que se representa con flechas direccionales indicando su origen, destino y longitud, dando como resultado una situación concreta en un espacio definido por unas coordenadas. Un vector fijo del plano euclídeo es un segmento orientado, que cuenta con tres características:

• Módulo: longitud del segmento (valor numérico)
• Dirección: ángulo del vector con respecto al eje x
• Sentido: orientación del segmento, hacia dónde se dirige (sentido positivo o negativo).

IMAGEN VECTORIAL

En gráfica, una imagen vectorial se refiere a una imagen 2D compuesta por objetos geométricos independientes -abiertos o cerrados- como líneas o polígonos, definidos por atributos matemáticos para la posición, el color, etc. Se pueden escalar sin deformar, por sus atributos matemáticos, por lo que no se pixela ni disminuye su calidad. Se mantiene, aunque la imagen sea manipulada, pues el programa que usemos para modificarla simplemente recalcula las uniones entre los puntos y devuelve una nueva imagen, tan nítida como la anterior. Se caracterizan por:

1. Tamaño del archivo de trabajo: A pesar de estar creados con líneas, puntos y curvas, los archivos de este tipo son relativamente pequeños. Un archivo en mapa de bits de alta calidad puede ocupar un espacio mayor.
2. Escabilidad: Pueden ser ampliados sin perder su nitidez. En comparación a un archivo PNG, que en medida que se amplía puede identificarse sus pixeles, las imágenes vectoriales siempre se ven nítidas, independiente del tamaño.
3. Preparación para impresión: La misma ventaja mencionada anteriormente se puede aplicar para impresión. Independiente de su escalabilidad se puede imprimir para distintos usos, manteniendo su nitidez

• Aplicación de gráficos vectoriales:
  • Tipografías
  • Logos
  • Juegos de video
  • Gráficos web

CURVAS DE BEIZIER

Es un sistema de trazado para dibujo técnico desarrollado en los años 60 por el ingeniero y matemático Pierre Étienne Bézier (1910-1999). Su trabajo comenzó en la empresa Renault, donde su mayor preocupación la medición gráfica y representación de diferentes partes de la carrocería de los automóviles. Para ello descubrió un método que permitía realizar trazados precisos basándose en geometría y no en cálculo, que se caracterizaban por ser seguros. Estas fórmulas se usaron para el trazado de piezas de vehículos y carrocerías. Más adelante se aplicaron en un sistema propio cad/cam (Computer Aided Design/ Computer Aided Manufacturing) con éxito, llamado unisoft. La formulación de las curvas de Bézier proviene, a su vez, del trabajo de dos personas: el matemático ucraniano Serguéi Bernstein (1880-1968) y Paul de Casteljau (1930) quien trabajó para Citroën, realizando un trabajo de curvas previos al de Bézier y algoritmos para procesar polinomios.

ADOBE ILLUSTRATOR

Es un editor de gráficos vectoriales desarrollado en 1987 de la mano de John Warnock. Su primera versión se llamó Adobe Illustrator 1.1 y fue desarrollado para los computadores Apple Macintosh. En sus primeras ediciones se veía limitada porque la impresión sólo se podía hacer con LaserWriter de Apple. El uso de curvas de Bézier y que fuese limitado a la Macintosh de 9 pulgadas también hizo que la clientela fuese escasa en un primer momento. Con el tiempo adquirió mayor notoriedad hasta el punto que desde 2005 lidera la oferta de software de trazado vectorial. Formatos que soporta:

• Adobe Illustrator (.ai) - Nativo, mantiene el espacio de trabajo y configuraciones. Es editable
• Illustrator EPS (eps) - Formato vectorial más antiguo. Mantiene sus cualidades vectoriales.
• Illustrator Templates (.ait)
• Adobe PDF (pdf) - se puede abrir en distintos dispositivos, es editable. Está empaquetado por lo que se puede compartir y ver en dispositivos fácilmente.
• SVG comprimido (svgz)
• SVG (svg) - Formato vectorial para la web.

Actividad en clase

En esta actividad, hemos tenido que diseñar una ilustración a partir de un dibujo vectorial y acorde al significado de la palabra elegida. En este caso:Expansión, al igual que las actividades anteriores, por ellos hemos decidido seguir el mismo fundamento, pero variando el diseño de ellas.

• 

  1. Se crea el documento con las diferentes indicaciones: Formato de 800x800 px, resolución de 150 dpi, modo color RGB sobre lienzo blanco.

• 

  2. Se crea una capa,con el nombre fondo, en la cual, creamos un rectangulo sin trazo y relleno en gris, que utlizaremos de fondo.

• 

  3.Se inserta la imagen JPG (preparado previamente en AutoCad) que se utilizará para la ilustración.

• 

  4. Al tener la imagen insertada en el formato, se transforma la escala y se rota.

• 

  5. Calcamos la imagen, para crear vectores, y poder trabajar de forma más sencilla con esta.

• 

  6. Eliminamos el fondo y cambiamos los colores de cada uno de los rellenos.

• 

  7. Duplicamos la capa, para tener de esta forma cada ilustración a una escala y opacidad diferente.

• 

  8. Superponemos cada una de las capas.

• 

  9. Seleccionamos todas las capas para poder moverlas y ubicarlas en el sitio deseado del fomato.

• 

  10. Con la herramienta texto, empezamos a probar difeentes posibilidades para añadir la palabra utilizada en los ejecicios anteriores. Expansión

• 

  11. Con las difeentes guias, ordenamos el formatoy guardamos el documento.

• 

  12. Resultado Final.

---

---

8 º CLASE

9 de mayo

IMAGEN GRÁFICA DIAGRAMADA

Sofware 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. Son programas que vinculan las dos clases de sofware de imágenes estudiandos para la etapa de composición de una página y de un libro o de una revista completa.

• Revistas
• Libros
• Manuales
• Ebooks
• Documentos interactivos

FORMATO DE TEXTO Y ESTILOS

Formato de texto

El texto es mucho más que párrafos o prosa. Dependiendo del documento con el que estemos trabajando y para qué lo usaremos, podemos decidir cuál lo usaremos, podemos decidir cuál es la mejor manera de darle formato. Los que vamos a ver ahora, tiene aplicación mucho más allá de InDesing, aplica para el uso de Word, Wiki e incluso HTML.

Título y encabezados

Antes de crear nuestros documentos debemos cuestionar cuál es su arquitectura de información interna y cuál es el modo en que otro -el lector- puede acceder mejor a esta información para leerla y comprederla. Esto ayuda a compreder la relación de jerarquía que existe en nuestro contenido. Cuando trabajamos adecuadamente con formatos de títulos y subtítulos e algunos sofwaes, automaticamente se generan los índices.

Formatos de lista

Las listas ayudan a romper la densidad del páafo y descomponer en puntos separados una idea. Son fáciles de leer y muestran información sintética, donde cada punto, representa sólo una idea o concepto.

Existen 2 tipos de listas:

• La lista ordenada
• La lista no-odenada 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 titula que antecede el contenido pofundo. Es más gande a la vista.
• Citas o cuñas: cita entemedio del contenido. Suele se más gande, sali de mágenes y esta en itálica.
• Párrafo destacado: Fagmento del texto elevante. Usa colo de fondo o cambia colo 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 INDESING

Es indiscutidamente el software número uno 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. Es conocido por aportar a volver más eficiente el manejo y el diseño de documentos extensos para preprensa digital. Algunas de sus principales funciones son:

• Crear y guardar documentos de indesign
• Crear y editar páginas del archivo
• Componer páginas simples
• Definir páginas maestras

Entre las características más destacables se encuentran:

• Guías: Reglas imaginarias que se extienden sobre las páginas, siendo altamente editables. Determinan los márgenes y ayuda a alinear objetos y no son imprimibles, ya que solo se utilizan en el espacio de trabajo, por lo que la apariencia final del documento no se verá afectada con su uso.
• Sangrado y anotaciones: Son extensiones del documento que se encuentran fuera de los pliegos. En el caso del sangrado, se utiliza al extender más allá del pliego un color sólido o imágen, para evitar que en la encuadernación final queden espacios en blanco que alteren la apariencia del objeto en cuestión. Las anotaciones también se ubican en los extremos y sirve como autoguía respecto al proceso de trabajo, ya sea para anotar medidas, dejar muestras de color, dar direcciones de trabajo, etc. Ambas se pueden opciones se seleccionan al inicio del documento, pero pueden agregarse posteriormente sin problemas.
• Páginas maestras: Son plantillas donde se establecen los atributos de página del documento, ya sea ubicación de elementos, retículas, numeración automática entre otros. Su principal función es la automatización de su edición, ya que al realizar cambios en ella se aplican a todas las páginas del documentos a las cuales se han asignado la página maestra.
• Hojas de estilo: Los estilo de párrafos, objetos y texto pueden aplicarse automáticamente, para que cuando uno seleccione un espacio con texto o un objeto y posteriormente se le asigne un estilo predeterminado por el usuario, este se modifique de manera automática, sin tener que cambiar cada atributo individualmente.

Algunos elementos útiles a la hora de editar son los siguientes:

• Herramienta de selección (V): Selecciona una forma o una línea, para que a continuación, esta sea modificada según lo que desee el usuario.
• Herramienta de selección directa (A): Selecciona y manipula líneas específicas, puntos de trayectoria o extremos del puntero para cambiar de posición aspectos de una forma.
• Herramienta pluma (P): Permite crear líneas o curvas seleccionando dos puntos del documento y posteriormente deformándolas de la manera necesaria.
• Herramienta tipo (T): Se utiliza en la creación de cuerpos de texto y edita su tipografía para crear titulares, leyendas, pies de páginas, etc.

Actividad de clase

---

Esta actividad consiste en: 

• 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.

En nuestro caso hemos seleccionadoEL PAÍS, diario español de información general de mayor difusión e influencia. Su primer número apareció el 4 de mayo de 1976, cuando España iniciaba la transición a la democracia. Cuatro décadas después, sigue siendo el medio español de referencia dentro y fuera de España.

La edición seleccionada es del 29 de enero de 2023