Tarea Ciclo de la Imagen - Catalina Landeros

De Casiopea



TítuloTarea Ciclo de la Imagen - Catalina Landeros
AsignaturaProducción gráfica 2021
Del CursoProducción gráfica 2021
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., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
3
Alumno(s)Catalina Landeros Rojas

Clase 7

Formatos de Imagen y Mapa de bits

Formatos de Imagen

TIFF

El formato TIFF es versátil, seguro y tiene una excelente interpretación del color, sin embargo, es un formato pesado y no eficiente para el traspaso.

GIF

El formato GIF fue creado para compartir imágenes de 8 bits, su calidad es baja pero permite un facil traspaso a diferencia del formato TIFF, además, este formato mantiene su popularidad porque permite el traspaso de animaciones livianas.

PNG

El formato PNG se caracteriza por su buena calidad y posibilidad de trabajar correctamente con transparencias, este formato es de compresión sin perdida y permite trabajar con colores fuertes.

JPEG y JPG

JPEG es un mecanismo de compresión y JPG es la extensión de los archivos de este formato. JPG es recurrentemente utilizado para las fotografías, permite imágenes de máximo 8 bits, reduciendo la imagen de manera sutil, esto permite su uso en las páginas web.


EPS

EPS (Encapsulated PostScript) es un formato para imágenes vectoriales de Adobe Illustrator (esta es la base del formato AI), el EPS permite convivir imágenes vectoriales con el formato de bit, esto permite manipular los archivos y cambiar sus tamaños sin perder calidad . A pesar de ser un formato de Illustrator, este es compatible con otros softwares de edición

(fuente: https://bancosdeimagenes.com/abrir-archivos-eps/)


PSD

El PSD es un formato nativo de Photoshop que permite continuar editando la composición, este formato de archivo permite volver a abrirlo luego de cerrar Photoshop.

PDF

El formato de documento portátil (PDF) fue desarrollado por Adobe y permite el traspaso de archivos sin complicaciones y sin importar el software ni sistema operativo. Este formato permite diversos elementos en un mismo archivo, se puede trabajar con textos, imágenes, links, videos y más.

(Fuente: https://acrobat.adobe.com/cl/es/acrobat/about-adobe-pdf.html)


RAW

El formato RAW que se traduce a "crudo", contiene la totalidad de los datos de la imagen, es fiel a cómo ha sido captada por la cámara, por esto el formato RAW es ideal para la fotografía profesional, sin embargo, esto mismo lo lleva a ser compatible con menos variedad de softwares.


SVG

El formato SVG consiste en una nueva forma de comprender la imagen vectorial, este permite manipular la imagen con facilidad y es muy útil para utilizar en páginas web.

Ráster

El ráster es un formato de imagen que usa una cuadrícula rectangular de colores para representar las imágenes en la que cada punto de la cuadrícula es un pixel. El formato ráster trabaja con imágenes en mapa de bits. El ráster de una imagen se obtiene multiplicando su anchura por la altura de la pantalla.

Resolución

La resolución consiste en los puntos por pulgada (ppp) o dots per inch (dpi), en los que cada pulgada mide 2,54 cm. La resolución depende de la relación entre las dimensiones digitales (los píxeles).

Se calcula haciendo : tamaño de impresión = número de píxeles / resolución (dpi o ppp por pulgada)


bits y Bytes

El bit es un "binary digit" del sistema de númeración binario 0 y 1, 0 siendo un punto apagado y 1 prendido. Los Bytes son representaciones de información compuestas de cadenas de 8 bits, este número de cadenas permite 256 opciones de combinaciones, dentro de estas caben todos los caracteres del lenguaje por lo que es posible trabajar con 8 bits.

Imágenes en mapas de bits

Las imágenes en mapas de bits están formadas por una cuadrícula de píxeles, mientras más de estos contenga, mejor será la calidad, cada uno de los píxeles tiene un valor de color ya definido

(Fuente: https://www.albaplazadesigner.com/diferencias-entre-imagen-de-mapa-bits-e-imagen-vectorial/ )


Encargo

La palabra "Expansión" se intenta representar gráficamente expandiendo progresivamente una imagen y a la vez oscureciendo el tono de los contornos.

Formato JPG
Formato PNG

Imagen original

Portada album "Evermore" de Taylor Swift.

C6441bdfe964c903656e2876bcdcbc3a.jpg


Clase 8

Imagen Vectorial e Illustrator

Vectores

Vector en geometría

El vector es un elemento en el espacio vectorial que se representa a través de un segmento de recta orientado dentro del espacio euclidiano tridimensional. El vector está compuesto de 3 elementos: el módulo, la dirección y el sentido.

Imagen vectorial

La imagen vectorial es una imagen digital compuesta por elementos geométricos en el espacio vectorial, estos elementos matemáticos llamados vectores van a definir su color, posición, etc. Vectorizar una imagen permite evitar perdidas en su calidad al alterar los tamaños. La imagen vectorial se suele ocupar para trabajar con tipografías, logos, juegos de video y gráficos web.

(fuente: https://definicion.de/imagen-vectorial/)

Curvas de Bézier

Los principales elementos de los vectores son las curvas de bézier, estas fueron inventadas por Pierre Bézier en los años 60 a pedido de la empresa Renault, estas curvas están compuestas por 4 elementos: los puntos de anclaje iniciales, los puntos de anclaje finales y dos puntos de control o manejadores.


Encargo

En este encargo, se utilizó el software Illustrator para realizar una composición a partir de la palabra expansión que permitiera la interacción entre una imagen en mapa de bits y una imagen vectorial.

Foto original

La portada del album "Punisher" de la cantante Phoebe Bridgers fue la imagen en mapa de bits utilizada como fondo para la composición, se escoge esta porque las fotografías y las imágenes con mayor detalle se trabajan en mapa de bits, estas están compuestas por pequeños pixeles con valores de color asignados.

333B7425-1-scaled.jpg


Captura de pantalla 2021-05-11 a las 01.09.02.png

Imagen vectorial

Se utilizó un dibujo de un fantasma extraído de Pinterest que se vectorizó en Illustrator, registré el proceso de vectorización, mostrando el cambio entre la imagen inicial y la final.

Composición

Se realiza una expansión progresiva de la imagen vectorial, ubicada sobre la imagen en mapa de bits y acompañada de una tipografía con la palabra elegida que igualmente se encuentra vectorizada.


Imagen en formato PNG
Imagen en formato JPG
Captura de las imágenes vectoriales en interacción con la imagen en mapa de bits en Illustrator.


Archivo pdf: File:punishertarea.pdf

Archivo svg: File:punishertarea.svg


Clase 9

Espacio Audiovisual y Premiere Pro

Inicios del Cine

Imagen en movimiento fue creada en el siglo XIX por los hermanos Lumière, estos crean una máquina que permite grabar y proyectar las primeras imágenes en movimiento, esta le da origen al cine. Los primeros cortometrajes realizados fueron grabados en 16-18 fotogramas por segundo, estos permiten que el ojo genere una continuidad.

Cine sonoro

Este comenzó en los 1920, cambiando el estándar de fotogramas a 24 por segundo, permite una mayor calidad y continuidad, además de un audio para las imágenes en movimiento.

Medios Audiovisuales

Los medios audiovisuales permiten comunicar un mensaje a través de la vista y el audio, suelen ser masivos e inmediatos, incluidos en este concepto está la televisión, el cine y el Internet.

Edición de video

La edición de video se realiza a través de softwares y permite transformar los fragmentos del video, cortar, agregar efectos, imágenes, tipografías, audio, etc.

Edición vs Montaje

La edición de video no es lo mismo que el montaje, la edición es un proceso mecánico, electrónico e inmediato, mientras que el montaje se realizaba con emulsiones fotosensibles y químicos, que requieren más tiempo y espacio para trabajarlos,

Edición lineal

En 1956 se crea la edición lineal, esta permite por primera vez grabar la imagen junto al sonido, sin embargo esta no funciona bien, las imágenes grabadas eran de baja calidad y al ser un sistema lineal, no permite volver a grabar fragmentos sin tener que grabar todo nuevamente.

Edición no lineal

Esta se asemeja más a la manera antigua y se mantiene hasta la actualidad, la edición no lineal permite volver a grabar y ordenar los fragmentos grabados.

Conceptos esenciales para la edición de video

Formatos de video

Los formatos de video permiten guardar los datos, algunos de los formatos utilizados son AVI, MOV, MP4, FLV, WMV y MKV.

Codec de video

El codec permite codificar y descodificar un video, codifica y comprime los datos de un video para minimizar el peso de este y por ende agilizar su transferencia.

(fuente: https://www.imagar.com/blog-desarrollo-web/34262/)

Relación de aspecto

La relación de aspecto compara el ancho y alto de cada fotograma, se representa por dos números separados por dos puntos (ANCHO: ALTO). Los distintos formatos varian en los medios audiovisuales, por ejemplo, en las televisiones antiguas el formato utilizado era el 4:3, actualmente en la televisión y los video juegos el formato utilizado es 16:9 y en el cine, el formato utilizado es 1.85:1.


Encargo

El encargo de esta clase consistió en realizar un video de mínimo 15 segundos que capturara el concepto escogido anteriormente en movimiento en un formato de 1920 x 1080 px, para esto se utilizaron 2 imágenes de bocas, una abierta y una cerrada, estas se encuentran en el espacio, de la boca abierta nacen distintos colores que se mezclan y se expanden, estos colores fueron realizados en el software Photoshop utilizando el pincel y la herramienta licuar, se realizaron así todos los fotogramas de la expansión, llevando esta expansión a su máxima expresión a través de los colores y su movimiento en el software Premiere Pro. La música se escoge para acompañar la expansión, enfatizar en cómo los colores cubren y se movilizan en la pantalla.

Ejemplo que ilustra cómo se realizó cada fotograma en Photoshop para luego ser trasladados a Premiere Pro

(Fuente video de fondo: https://www.youtube.com/watch?v=Oej6lzuJD0g&list=PLj1ppl1nehmoMPXTK01RMGKs1DOkjqTyz&index=3&ab_channel=FreeGrapha )

Música: Gris - Gabriel Zamora ( https://soundcloud.com/user-786685264/gris )

Resultado