Tarea ciclo de Imagen - María Jose Ardiles

De Casiopea



TítuloTarea ciclo de Imagen - María Jose Ardiles
AsignaturaProducción Gráfica
Del CursoProducción Gráfica 2023
CarrerasDiseño
3
Alumno(s)Maria Jose Ardiles

Ciclo de la imagen

Formatos y Mapa de bits


Clase 6: Formatos y Mapa de bits

25 de abril

Formatos de Imagen

Actualmente existen muchos tipo de formatos de imagen.

Se debe de comprender dos tipos de comprensión de imágenes:

  • La compresión con pérdida: elimina la información no visible para buscar un ahorro de espacio (destructiva)
  • La comprensió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: Es el formato de mapa de bits más versátil, seguro y con mayor soporte. Es capaz de describir datos de imagen en dos colores, escala de grises, paleta de color y color completo en varios espacios de color.

  • Es posible tener problemas en abrir un archivo TIFF

GIF: Fue desarrollado en 1987 para comprimir imágenes de ocho bits. En la actualidad el formato es especialmente popular porque permite crear animaciones sencillas en formato muy liviano.

PNG:Es un formato de compresión sin pérdida. El formato PNG es frecuentemente usado para imágenes con líneas, colores sólidos y texto, que requieren precisión.

JPEG y JPG:Es un mecanismo estandarizado de compresión de imagen. JPG disminuye el tamaño/peso de las imágenes, sin embargo también reduce su calidad.

EPS:Puede contener texto y gráficas vectoriales pero adicionalmente suelen incluir una previsualización en mapa de bits de la imagen encapsuladamente.

Raster

El raster expresa la dimensión en número de píxeles que forman una imagen de mapa de bits, ancho x alto.

Cómo calcular el ráster.

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

Resolución

Resolucion-2 P.G MARIA JOSE ARDILES 2.jpeg

La resolución de impresión son los puntos por pulgada (ppp) o dots per inch (dpi),

donde la pulgada mide 2,54 cm.

La resolución es la relación entre las dimensiones digitales (los píxeles) y las físicas.

Cómo calcular la resolución. Se aplica la siguiente formula:

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

Los bits siempre son representados con una ‘b’ minúscula y los Bytes con una ‘B’ mayúscula.

  • El bit es un dígito del sistema de numeración binario 0 y 1.
  • Byte es una representación de información conformada por bits.

¿Por qué 8 bits?

En 8 bits se pueden producir 256 opciones de combinaciones.

Ejemplo: Para transmitir un carácter el computador necesita 1 Byte (8 bits). La letra “V” (mayúscula) se envía con el siguiente Byte: 01010110 = V. Por lo tanto, para transmitir una palabra de 4 letras necesitarás 32 (4×8) bits o 4 Bytes.

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. A cada píxel se le asigna una ubicación en la matriz de una pantalla y un valor de color específicos.

Dimensión de Imágenes de Mapas de bits

Las imágenes de mapa de bits dependen de una dimensión, es decir, contienen un número fijo de píxeles y pierden detalle y pueden aparecer pixeladas si se cambia la escala a grandes ampliaciones en pantalla.

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.

Ejemplos de profundidad de bits: 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 de 8 tienen 256 posibles valores de gris.

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.

MARIA JOSE ARDILES P.G BITS.jpg

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

Las imágenes con 32 bits por canal también se denominan imágenes de alto rango dinámico (HDR).

Otros canales

A una imagen se pueden añadir canales alfa para almacenar y editar selecciones como máscaras, y también se pueden añadir canales de tintas planas.

Actividad en clases

  • Crear un fotomontaje a partir del trabajo anterior en Photoshop en un formato de 800x800 px, con una resolución de 150 dpi, en color RGB sobre un lienzo blanco.

Imágenes bases

Maria Jose Ardiles P.G CONTRASTEproceso.jpg



En una primera instancia como base del fotomontaje se eligió una imagen que mostrara un contraste entre el blanco y negro por lo cual la imagen escogida fue un cielo gris con nubles en el cual se puede observar un gran contraste entre los colores presentes en dicha en imagen.


Maria Jose Ardiles Proceso Trabajo P.G.jpg










Despues se busco una imagen similar pero existiera un mayor contraste entre dichos colores por lo cual la imagen escogida fueron paraguas los cuales mayormente están en colores mas bien grises pero uno de ellos genera un mayor contraste al ser de color amarillo, genera un contraste mas notorio en dicho fotomontaje.




Proceso

Capa 1 Fotomontaje Maria Jose Ardiles P.G.png Proceso Fotomontaje .png Proceso 2 Maria Jose Ardiles Fotomontaje.png Maria Jose Ardiles P.G Fotomontaje.png

En un principio se decidió mayoritariamente trabajar con una escala de grises y agregar color para dar así un mayor grado de contraste al fotomontaje.

  • El principal objetivo del fotomontaje fue dar a conocer la palabra contraste y representarla de una manera coherente para que se entendiera el objetivo principal.
  • Por medio de Photoshop, se realizo un trabajo en capaz el cual consistió en trabajar con dos imágenes bases en las cuales se hallaba presente el concepto de contraste.
  • A través de lo mencionado anteriormente se pudo llevar al resultado final el cual trata de sumergirnos en el concepto estudiado.



Resultado

Maria Jose Ardiles P.G Fotomontaje.png



Observaciones Finales

Finalmente en base de dos imágenes se crea el fotomontaje el cual representa la palabra CONTRASTE, por medio de dos imágenes se crea un contraste, utilizando mayormente como base colores negros y sus diferentes escalas, y blanco, por ultimo se decide agregar un poco mas de color para que se aprecie un mayor contraste en la creación del fotomontaje.



Imagen Vectorial e Illustrator

Clase 7: Imagen Vectorial e Illustrator

02 de mayo

Vectores

La geometría plana del plano euclídeo.

  • Modulo: Valor numérico
  • Dirección: Angulo del vector con respeto al eje X
  • Sentido: Orientación del segmento

Imagen vectorial

En la grafica una imagen vectorial se refiere a una imagen 2D compuesta por objetos geométricos independientes.

Aplicación de gráficos vectoriales

  • Tipografías
  • Logos
  • Juegos de videos
  • Gráficos web

Curvas de Bézier

  • Ecuación paramétricaque da atributos de posición espesor, color, etc
  • Los puntos ancla o nodos determinan los segmentos y posibilitan realizar formas redondeadas o con ángulos.

Ilustrator

¿Como iniciamos en illustrator? Principales secciones y funcionalidades del software:

  • Formas
  • Trazos
  • Trazado de formas/ vectorizar

Actividad en clases

Referencia de contraste

Para realizar la actividad se vuelve a tomar el concepto base "Contraste" Diferencia de intensidad de iluminación en la gama de blancos y negros o en la de colores de una imagen fotográfica o cinematográfica.









Proceso e ideas

  • En primera instancia se pone en practica el concepto de contraste por medio del blanco y negro.
  • Para continuar con la realización de la ilustración se elige una imagen que pueda representar el contraste existente, por ello se elige una flor la cual al ser dibujada en blanco y negro representa el contraste.
Maria Jose Actividad Illustration 1.png Maria Jose Actividad Illustration.png Maria Jose Ardiles Actividad Ilustration.png 




Resultado final

Maria Jose Ardiles Actividad Ilustration.png




Observaciones Finales

Por medio del blanco y negro, se crea un contraste el cual se quiere demostrar en la ilustración creada, Se elige un flor para representar la palabra contraste ¿Por qué una flor? por el hecho que las flores en su mayoría tienen un gran contraste en sus colores, por ende se quiso demostrar aquello pero por medio del blanco y negro.



Imagen gráfica diagramada.

Clase 7: Imagen gráfica diagramada

09 de mayo

Contenidos

Durante el ciclo hemos aprendido sobre el color, y los distintos tipos de impresión y el manejo de imágenes, Aquellas bases nos permitieron enfocarnos en el proceso editorial pre-prensa digital, es decir la creación de documentos que son compatibles con el proceso de impresión para offset y para ello nos centramos en el software Adobe InDesign.


Softwares de composición editorial

Pretenden facilitar la tarea del diseño uniendo características del texto con acompañamiento de imágenes.

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 digital

¿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

Formato de Texto

P.G CICLO 3 MARIA JOSE ARDILES.png

El texto es mucho más que párrafos o prosa.

Dependiendo del documento con el trabajamos y su utilidad,

se puede decidir cual es el mejor formato.








Títulos 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.

Los formatos de título no son solamente un atributo gráfico de color, tipografía y cuerpo (como una mera capa superficial), sino que es se considera un tipo de formato especial.

Formatos de listas

Las listas ayudan a romper la densidad del párrafo y descomponer en puntos separados una idea.

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 Párrafo destacado Notas al pie
Cita entremedio del contenido. Suele ser más grande, salir de márgenes y estar en itálica. Fragmento del texto relevante. Usa color de fondo o cambia color y peso de la fuente. Información complementaria. Suele ser más pequeña y ubicarse al pie de la página.



Maria Jose Ardiles P.G Actividad 8.jpg

Actividad en clases

Recrear una portada de diario a elección usando InDesign, trabajando con estilos, líneas guías, página maestra y columnas.

Proceso

Maria Jose Ardiles Proceso portada diario 1.png Maria Jose Ardiles 1 P.G proceso diario.png Maria Jose Ardiles PG proceso diario 3.png


original
recreación