Tarea ciclo de Imagen - Arturo Céspedes

De Casiopea



TítuloTarea ciclo de Imagen - Arturo Céspedes
AsignaturaProducción Gráfica
Del CursoProducción Gráfica 2022
CarrerasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
3
Alumno(s)Arturo Céspedes

Tareas Ciclo de la imagen

Producción Gráfica 2022
Arturo Céspedes


Formatos y Mapa de bits


Formatos y Mapa de bits

Contenidos



Durante la clase se enfatizó sobre el mapa de bits, como su principal cualidad, este es un rango medido que es capaz de presentar la distorsión o composición de este al detalle por medio de los pixeles, en relación a esto, se presentaron múltiples formatos que son capaces de usar en concordancia al uso del usuario, existen una variedad de formatos que poseen múltiples características que se contrastan entre si, factores como el tamaño, el peso, la forma, entre otros, diferencian todos estos entre si. Los formatos vistos en clases fueron:

Tipos de formatos

  • TIFF: Archivo seguro, versátil y con mayor soporte.
  • GIF: Compresión a imagen que puede poseer movimiento.
  • PNG: Imagen que puede poseer la forma característica de una imagen sin su fondo.
  • JPEG: Formato liviano que posee un uso cotidiano, posee forma cuadrado.
  • EPS: Encapsulado de PostScrypt, que puede contener material vectorial.
  • PSD: Formato para abrir solamente en photoshop.
  • PDF: Formato no editable que potencia la formalidad.
  • RAW: Formato enfocado a la fotografía, pesado y con mucho contenido.
  • SVG: Basado en el lenguaje XML, que escala tamaños sin perder calidad.



¿Cual podría ser el formato mas común de usar?

La claridad del JPEG hasta cierto punto como formato accesible y el mas comun, Fuente:[[1]]


Basado en las caracteristicas anteriores y según la fuente The Complete Image File Extension List for Developers [[2]], la fuente mas común es el formato JPG, al ser un formato dentro de un raster, que es capaz de capturar fotografías o elementos con una fidelidad legible/visible y al mismo tiempo, una eficacia de peso, permitiendo así, su total flujo por toda la Internet, tecnologías, como también el traspaso de dispositivos electrónicos, entre otros factores.


Raster, Resolución y Bits.



  • En primera instancia, se especializa en el concepto de los bits, como la capacidad de presentar pixeles en un determinado plano ¿Como estructuramos ese plano? Se le llama raster a la matriz capaz de potenciar lo que transcurra con los bits, pixeles dentro de este. A partir del raster se mencionan terminos como la resolución y definición, donde cada uno posee sus características para aportar a la nitidez y claridad de la imagen. Dependiendo del tamaño del raster, valor postulado por una formula, se pueden definir, los pixeles involucrados.
  • La resolución es un factor que se puede ver de forma explicita o al detalle, los pixeles pueden medirse en relación a las pulgadas, DPI y PPP son formas de medir esta resolución, donde mientras haya una poca resolución, habrá una poca legibilidad o claridad de la imagen, mientras que una gran cantidad de resolución, la nitidez de la imagen apela a la claridad. El DPI tiene sus respectas cantidades en relación para lo que se usa, en clases se menciono que para una pantalla, con una resolución de al menos 72 DPI es suficiente para poseer esa nitidez. La impresión necesita un DPI mas alto alrededor de los 300, sin embargo la constante evolución de la tecnología a sometido a poseer una resolución de hasta 458 en ciertos elementos.
  • Se hablo también de los conceptos como el bit, donde por medio a este, se postula como la postividad del 0 y 1. Como la forma de establecer, donde el 0 es el apagado y el 1 es el prendido. a partir de esto, las combinaciones de esta positividad abre múltiples posibilidades de la numeración binaria , por medio de esto nace el concepto de Byte. Como el conjunto de 8 bits, donde 7 plantean las posibildades y uno de control, la razón de que sean 8 bits es que plantean 256 diferentes combinaciones que dan apertura a plantear las imágenes en mapa de bits, como las múltiples características que se pueden fomentar por medio de la codificación, en clases se mencionó que cada dibujo posee su codificación que abre a los canales de color(RGB), profundidades de bits, combinaciones mas amplias que 8 bits, entre otros.




Trabajo de clase

Dentro de los objetivos etimológicos de la palabra gravedad para el fotomontaje, se busca darle el doble sentido a este desde, lo volumétrico que es pesante en el espacio, con la terminología de lo que es peligroso o grave.

A partir de esto nace la ocurrencia de "La gravedad que hace grave", con esto, se propone componer una portada cinematográfica que contenga rasgos apocalípticos de ese momento en gravedad, que es grave, por medio de una situación fantástica y surrealista sobre la caída de múltiples personajes sobre un ser irreal,

Para el montaje se ocupa una foto propia debido a la resolución de esta, donde su versatilidad de escalar potencie una profundidad que adhiera un horizonte.

Por medio de múltiples herramientas, se construye la anatomía del rostro de forma fantástica, donde las pupilas no se presentan gracias al tapón de clonar, en conjunto al pincel mezclador, con el recorte y pintado, se crea ese vacío en las cabezas que pueden recepcionar la caída en gravedad del momento grave.


FOTO PG 0.jpg  FOTO PG 2.jpg  FOTO PG 3.jpg  FOTO PG 4.jpg  FOTO PG 5.jpg  FOTO PG 6.jpg  FOTO PG 7.jpg  FOTO PG 8.jpg  FOTO PG 9.jpg


Fotomontaje resultante
Fotomontaje resultante FORMATO GIF



Observaciones

  • En primera instancia, el formato gif presenta un granulado que no permite una fluidez de transición de los múltiples colores dentro de la imagen, esto puede ser debido a la disminución de DPI, relacionando esto directamente a la visibilidad del pixel sin la necesidad de acercar la imagen.
  • Se cree que el formato gif también presenta una compresión que respalda el como se ve, en relación a esto, múltiples texturas en diferentes formas causan cambios abruptos que fomentan otro efecto en la foto.
  • Las sombras del formato gif se presencian de forma mas oscura o contrastada en relacion al formato JPG, aquellas sombras se ven reflejadas por ejemplo debajo de los ojos.

Imagen vectorial

Imagen vectorial

Contenidos

Durante la clase se hablo acerca de la imagen vectorial, como foco protagónico, el vector, dicho vector como elemento que proviene de la geometría, donde el eje x e y hacen aparecer una imagen por medio de la interacción de un plano dimensional, en este se mide un valor numérico, donde el nódulo, longitud de la línea, otorgan variables y fragmentos como el nódulo, punto de origen y punto de proyección. También existe el sentido, donde se mencionan términos relacionados como la orientación de dicho segmento ¿Hacia dónde apunta dicho vector?

Podemos ver la línea dibujada de un vector, donde se plantea la línea, sin embargo, para que una línea sea un vector, la línea tiene que contener un espacio codificado bajo a los atributos mencionados anteriormente (Se puede escribir de forma numérica)

La matemática del vector

De esta forma recalcamos que el vector tiene una relación directa con la matemática o la geometría específicamente una lógica cartesiana, donde se posiciona por un sistema de codificación o coordenadas, llegando a la conclusión que el vector es una imagen escrita, de carácter geométrico donde es justamente, codificable.

Esta lógica matemática es un adherente al oficio de un diseñador gráfico, donde antiguamente, tener estos conocimientos potenciaban la construcción de múltiples elementos gráficos codificados por computadora. La información numérica del vector es un factor variable, donde todas las imágenes vectoriales son programables.

Elementos del vector

Dejando claro que la imagen vectorial es aquella capaz de construir, donde todo elemento geométrico dentro del plano establece una geometría independiente. Donde se dan origen a los principales elementos de dicho concepto.

  • El Punto
  • La Linea
  • El Polígono


Con estos tres elementos, se amplían las capacidades de componer y establecer escalas que creen materiales gráficos, añadiendo color, tamaño, proporción. Entre otros.

¿Para que es bueno usar los vectores?

Esta al ser una ecuación de carácter matemática, no pierde calidad, esto es principalmente utilizado para logos, gráficos web, juegos de vídeo, tipografía.

  • Es un requisito de la tipografía escalar un tamaño, donde se tiene que ver impecable siempre, los logos son esencialmente vectoriales, ya que es una imagen mínima que tiene que contener la identidad de una marca, tiene elementos de bloque de color, los Jjuegos de vídeo parten con una imagen vectorial a la ilustración de este.
  • El mapa de bits tiene un máximo (100%). Mientras que el vector presenta esta escala que no pierde claridad.
  • Gráficos web poseen vectores debido a su escala y colores planos, donde se plantea como líneas en fondos, los vectores nacen para la necesidad de dibujo técnico, donde la necesidad de no recurrir la irregularidad de lo manual, anteriormente había que pasar por la programación para hacer dibujo digital.



¿Como se maneja un vector?

  • Bézier inventa la posibilidad de establecer dibujos donde las líneas se ven modificadas en sus atributos, donde estas amplían las posibilidades de creación. Todo es programable y legible ante la matemática, donde las curvas de Bézier apuntan a dicha lógica científica. Se le denomina como puntos de anclaje a lo denominado como dichas palancas.

Se recalca el sentido del vector como un progreso para tener cierta noción sobre cuál es el más adecuado dependiendo de su uso dentro del oficio. Por ejemplo el uso de las texturas no recibe un buen trabajo desde los vectores, generalmente están relacionados a los mapa de bits y uso de pixeles.



Trabajo de clase

Referencia de idea a realizar




Para el trabajo de clase, se vuelve a tomar un concepto que sea base al movimiento que se ejerce en gravedad, donde la fuerza es capaz de implantar velocidades de movimiento respecto a su peso, para esto se centra en la ocurrencia del pelo suelto al viento, como fiel reflejo presente en el fenómeno del termino.




Proceso de dibujo e ideas

  • En una primera instancia, se dibuja de manera abstracta sin detalle a la anatomía del elemento en su fidelidad, una serie de composiciones ilustrativas que expongan las multiples formas de expresar la gravedad desde lo abstracto.
  • De los dibujos se originan ideas claves dentro de lo ocurrido, como también ideas nuevas que no van con lo predispuesto pero que pueden expresar de igual manera la palabra.
WhatsApp Image 2022-05-05 at 12.10.10 PM.jpeg WhatsApp Image 2022-05-05 at 12.10.11 PM.jpegWhatsApp Image 2022-05-05 at 12.10.12 PM.jpeg WhatsApp Image 2022-05-05 at 12.10.13 PM.jpeg WhatsApp Image 2022-05-05 at 12.10.14 PM (1).jpeg WhatsApp Image 2022-05-05 at 12.10.14 PM (2).jpeg WhatsApp Image 2022-05-05 at 12.10.14 PM.jpeg WhatsApp Image 2022-05-05 at 12.10.15 PM.jpeg WhatsApp Image 2022-05-05 at 12.10.16 PM (1).jpeg WhatsApp Image 2022-05-05 at 12.10.16 PM.jpeg WhatsApp Image 2022-05-05 at 12.10.17 PM.jpeg 



Vectorización

Dibujo inserto en Illustrator
Vectorizado





  • Abrimos las maquetas de ayuda en Illustrator, en una capa se le baja la opacidad a la fotografía, se ubica en su respectiva posición en relación a la mesa de trabajo, para después practicar el uso de las curvas de beziery asi construir cada una de las propuestas con vectores, para esto se trazan fragmentos de los elementos por separados, similar al esqueleto de la ilustración, de esta manera, con la herramienta del creador de formas, en conjunto con la elección de color, se tiene una propuesta mas completa.



Elecciones gráficas

  • Se decide entregar la combinación de un azul claro con el negro, debido a que su contraste genera un mejor perfilado que se relaciona con la palabra, ya que es un color que puede estar presente en el espacio dentro de la cotidianidad, también, para destacar este perfilado de los fragmentos abstractos, se deja visible el borde del color opuesto al relleno para potenciar la forma de este y genere mas dinamismo, es decir, que no sea totalmente plano. Y por ultimo se decidió mantener la tipografía estipulada en la entrega del encargo 5, esto debido a su fuerte fundamento volumétrico entregado según el estudio de la etimología de la palabra

PG 2022 T7 ACF.png PG 2022 T7 ACF 2.png PG 2022 T7 ACF 3.png Mesa de trabajo 2 3.png Mesa de trabajo 2 4.pngMesa de trabajo 2 5.png Mesa de trabajo 2 6.png Mesa de trabajo 2 7.png Mesa de trabajo 2 8.pngMesa de trabajo 2 9.png Mesa de trabajo 2 11.png Mesa de trabajo 2 10.png



Elecciones finales

Opción 2
Opción 1

Observaciones

  • Se deciden en concordancia con la palabra, estas dos propuestas finales que reflejan de manera inmediata la relación con gravedad, una desde la ocurrencia mencionada al inicio del trabajo de clases, mientra que otra idea potenciada desde lo explicito de la gravedad en su movimiento tipográfico, desde ahí se decide que según las instrucciones del encargo, la opción dos por medio de tan solo una estructura negra abstracta, construye un escenario capaz de contextualizar a las tipografías que se encuentran saltando hacia un hoyo, la opción del columpio en si presenta una abstracción del cuerpo humano por medio de curvas, sin embargo este es un elemento mas enfocado al detalle y legibilidad de una situación cotidiana real, es por estas observaciones que se decide que la opción mas fundamentada desde lo abstracto, es la ilustración 2
  • Por medio de esto, se piensa y observa que el proceso creativo por medio de los softwares digitales pueden presentar múltiples transcursos a lo largo del trabajo en este, pudiendo abrir mas posibilidades no desde la predisposición sino desde el instinto y lo inmediato.