Tarea ciclo de Imagen - Matias Arce

De Casiopea



TítuloTarea ciclo de Imagen - Matias Arce
AsignaturaProducción Gráfica
Del CursoProducción Gráfica 2023
CarrerasDiseño
3
Alumno(s)Matias Cordova Arce

Clase 6.

Formatos de imagen y mapa de bits

Formatos de imagen.

Tipos de compresión de imagen

  • La comprensión con perdida: Elimina información no visible y busca el ahorro de espacio.
  • La compresión sin perdida: Mantiene los parámetros de compresión originales codificando la misma cantidad de información de manera más eficiente.
  • TIFF: Es el formato de mapa de bits más versátil y con mayor soporte.
  • GIF: Fue diseñado para comprimir imágenes de 8 bits, permite crear animaciones sencillas en formato liviano.
  • PNG: Formato de compresión sin perdida y a su vez permite guardar imágenes con sectores transparentes.
  • JPEG Y JPG: Es un estándar de compresión. JPG usa un algoritmo de compresión el cual disminuye el tamaño y peso de las imágenes, pero a su vez la calidad de esta con un máximo de 8 bits.
  • EPS: Permite contener texto y graficas vectoriales, aunque ha sido reemplazada por el formato PDF.
  • PSD: Formato nativo de Photoshop el cual permite guardar presentaciones retoques o creaciones realizadas almacenando las capas y canales del archivo.
  • PDF: Fue desarrollado por Adobe. Puede contener imagen, texto, botones interactivos, links, videos y más. Puede ser visualizado con el mismo resultado.
  • RAW: Formato en que contiene la totalidad de los datos de la imagen, al estar crudo no tiene definido ningún parámetro de color.
  • SVG: Basado en el lenguaje XML el cual describe las características de la imagen y este permite escalar a diferentes tamaños sin perder calidad.

Ráster.

Expresa la dimensión en número de pixeles que forman una imagen de mapa de bits, ancho x alto. Se puede calcular multiplicando su anchura por altura en pantalla.

Resolución.

  • La resolución es la relación entre las dimensiones digitales y las físicas.
  • Resolución de impresión son los puntos por pulgada (PPP) o DOTS por INCH (dpi) donde la pulgada mide 2.54 cm. Este se calcula Tamaño de impresión = Numero de pixeles/resolución.
  • Resoluciones recomendadas.

-Impresión domestica 150 dpi. -Imprenta 300 dpi o más. -Imágenes pantallas 458 dpi.

Bits y Bytes

  • Bit es un digito en el sistema de numeración binario 0 y 1 siendo el 0 el punto apagado y 1 punto prendido.
  • Byte es una representación de información conformada por bits y esta formado por 8 en los cuales 7 son de información y uno de control.

¿8 Bits?

  • Las cadenas de bits actúan de forma exponencial. En 8 bits se pueden producir 256 combinaciones.
  • Imágenes de mapas de bits.
  • Una cuadricula rectangular de elementos de imagen pixeles para representar imágenes a cada píxel se le asigna una ubicación en la matriz y valor específico. Son el medio electrónico más usados en imágenes de tono continuo.
  • La dimensión contiene un numero fijo de pixeles y pierden detalle si este se cambia.
  • La profundidad de los bits especifica la cantidad de información de color disponible por casa píxel.

Actividad.

Proceso.

RITMICO PHOTOSHOP matias arce 2023 producción grafica.jpg

Clase 7.

Imagen vectorial e illustrator.

Vectores

  • El vector en geometría estudia los elementos geométricos a partir de dos dimensiones posee:
  • Modulo: Longitud del segmento (valor numérico).
  • Dirección: Angulo del vector con respecto al eje x.
  • Sentido: Orientación del segmento.

Imagen vectorial.

  • Una imagen vectorial se refiere a una imagen 2d por objetos geométricos independientes, definidos por atributos matemáticos.

Aplicación de gráficos vectoriales.

  • Tipografías.
  • Logos.
  • Juegos de video.
  • Gráficos web.

Curvas de Bézier

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

  • Formas.
  • Trazos.
  • Trazado de formas/Vectorizar.

Actividad.

Trabajo en clase.

Butters vectorizado illustrator 2023 matias arce.png
  • Vectorización de personaje como practica y uso de pluma en illustrator.
Butters 2023 produccion matias arce 2.png
  • Darle color al personaje con la misma herramienta utilizando el relleno.
Butteres producción grafica 2023 03 matias arce.png
  • Inclusión del personaje en el entorno agregando una fotografía como fondo.

Proceso.

Proceso illustrator 2023 Matias Arce 01 .png
  • Elección de un fondo plano y oscuros para dar un realce al vector.
Proceso illustrator 2023 Matias Arce 02.png
  • Creación de vectores principales con la herramienta de pluma dando un movimiento curvo el cual es rítmico a su vez.
Proceso illustrator 2023 Matias Arce 03.png
  • Creación de un patrón mediante la replicación del vector con movimiento.
Proceso illustrator 2023 Matias Arce 04.png
  • Dar volumen y movimiento a los vectores mediante la replicación del mismo en distinto sentido asise obtienen unas ondas
Proceso illustrator 2023 Matias Arce 05.png
  • Inclusión de círculos de color que contribuyen a lo rítmico y contrastan a su vez el movimiento de las ondas.

Resultado.

Proceso illustrator 2023 Matias Arce 06.png

Clase 8.

Imagen gráfica diagramada.

Softwares de composición editorial.

  • Facilitan la tarea del diseño unión características del texto acompañado de imágenes.

Composición Editorial.

  • Revistas.
  • Libros.
  • Manuales.
  • E-books.
  • Documentos interactivos.

Formato de texto y estilos.

  • Formato de texto: Dependiendo del trabajo podemos decidir cual es la mejor manera de darle un formato.

Títulos y encabezados

  • Cuál es su arquitectura interna cual es el modo en el lector puede acceder a la información.
  • Comprender la jerarquía del contenido.

Formatos de listas.

  • Ayudan a romper la densidad del párrafo descomponiendo en puntos separados las ideas.
  • Lista ordenada o numerada.
  • Lista no-ordenada o con viñetas.

Formatos de Párrafo.

  • Párrafo general: Estilo central para la mayor parte de texto.
  • Bajadas de título: Descripción breve del titular que antecede contenido profundo.
  • Citas o cuñas: Cita entremedio del contenido.
  • Párrafo destacado: Fragmento del texto relevante usa color y peso de fuente.
  • Notas del pie: Información complementaria.

Adobe Indesingn.

Software numero 1 para el diseño editorial. Conocido por apartar eficiente manejo de diseño de documentos extenso de preprensa digital.

  • Crear estilos.
  • Títulos.
  • Párrafo.
  • Lista.
  • Citas.
  • Texto destacado.
  • Viñeta.
  • Estilo de carácter.