Tarea ciclo de la Imagen- Emilia Cordero

Título	Tarea ciclo de la Imagen- Emilia Cordero
Asignatura	Producción Grafica
Del Curso	Producción gráfica 2021
Carreras	Diseñ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.
Nº	3
Alumno(s)	Emilia Cordero Geve

Formatos de imagen y mapas de bits

Formatos de imagen

Existen múltiples tipos de formatos de imagen, de estos se relacionan dos maneras de comprensión. El primer tipo es el de comprensión con pérdida, llamado destructivo, este es capaz de eliminar información poco importante con el objetivo de disminuir el peso del archivo que se quiere comprimir. Por otro lado se encuentra el segundo tipo es de comprensión sin pérdida, llamado Lossless el cual codifica de una manera eficiente la información y vuelve las imágenes más livianas, si bien logra esto a través de un proceso más difícil y demora más.

TIFF- Tag Image File Format

Este es uno de los formatos de mapas de bits, puede resultar seguro y como uno de los mejores, logra colores en escalas de grises y colores en RGB de buena calidad, trabaja con fotos profesionales y digitales, pero a pesar de eso es un formato complejo que resulta menos compatible con algunos softwares.

GIF- Graphics Interchange Format

Este formato se desarrolló en 1987, lo cual deja ver que es un formato antiguo que está basado en imágenes de 8 bits,ya que se creó con el objetivo de lograr compartir imágenes de manera rápida y eficiente. Sim embargo tiene sus contras al lograr esto, pues se transforman en imágenes de menor calidad y no tiene tanta profundidad de color. Pero sus ventajases que consigue animaciones simples y al ser livianos todos logramos verlo de la misma manera. Trabaja con transparencia al igual que PNG, pero no con su misma calidad.

GIF

PNG- Portable Network Graphics

Este formato pertenece al formato de comprensión sin pérdida, permite una excelente calidad, es ideal para trabajar con colores planos y fuertes, trabaja con transparencia. Con este formato es ideal para trabajar con logos y gráficas puntuales con destinos próximos, puesto que para mantener la buena calidad no debe ser compartido tantas veces.

Formato PNG

JPGE y JPG- Join Photographic Experts Group

JPGE funciona como un mecanismo de comprensión de imagen el cual tiene como contenedor más común a JPG, este guarda las imágenes en máximo 8 bits, reduciendo su tamaño a diferentes tamaños, pero aun así la calidad de imagen se mantiene lo que lo vuelve eficiente y arrasa en cuanto a fotografía digital.

EPS- Encapsulated PostScript

Este formato es capaz de guardar imágenes vectoriales las cuales nunca se ven pixeleadas, esto es una de las principales diferencias con los otros formatos. También este es un buen formato para imágenes con mayor complejidad y logra soportar la transparencia de fondo. Sin embargo a pesar de las múltiples ventajas que ofrece este fue reemplazado por PDF.

PSD- Photoshop Document

Este formato es nativo del software Photoshop. Su principal característica es que se pensó y se creó con el fin de poder editar la imagen aún cuando ya se haya guardado, transformándolo en un archivo editable.

PDF- Portable Document Format

El formato PDF fue desarrollado por Adobe. Puede y permite muchos tipos de elementos como links, textos, firmas, botones interactivos, vídeos, entre otros. Una de las gran ventajas de este formato es que no depende del software donde se generó el documento, ya que es un archivo cerrado por lo que se ve tal cual lo ve la persona que lo creó y la que lo recibe.

RAW

El formato RAW significa puro o crudo y es un formato que contiene la totalidad de datos de la imagen, es decir mantiene los datos tal cual ha sido captada por el sensor digital de la cámara. Al ser bruto no tiene definido ningún parámetro de color, por lo que solo algunos softwares son capaces de interpretarlos y soportar este formato. Uno de los softwares que logra interpretarlo y se logra adaptar muy bien es lightroom.

SVG- Scalable Vector Graphics

Este formato se basa en el lenguaje XML el cual describe las características de como debe aparecer la imagen. Al tratarse de una imagen vectorial se puede variar en todos los tamaños y la imagen no se verá pixeleada, siendo de esta manera una nueva manera de comprender el lenguaje vectorial funcionando muy bien en sitios web.

Ráster

El raster es aquel que expresa la dimensión en número de píxeles que forman una imagen en mapa de bits de ancho x alto que se mide en megapíxeles. Por otro lado muchas veces se cree que la calidad de imagen está relacionada directamente con la cantidad de megapíxeles que se tenga, pero depende de distintos factores.

El ráster de una imagen imagen digital se calcula multiplicando la anchura por la altura de la pantalla, por ejemplo:

• La imagen de 1200 x 1200 pixeles = 1.440.000 píxeles, lo que sería en megapíxeles a 1,4 Mp.

Resolución

La resolución de impresión quiere decir son los puntos por pulgada (ppp) o dots per inch (dpi) en donde la pulgada mide 2,54 cm. Ésta se trata de una relación entre los píxeles, es decir de las dimensiones digitales y las físicas que obtendrá después de ser impresa en papel u otro soporte, incluso digital.

Para poder calcular el tamaño en píxeles a tamaño en centímetros es necesario lo siguiente:

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

Las resoluciones que se recomiendan son:

• Imágenes para impresión en casa: 150 dpi
• Imágenes para imprenta: 300 dpi o más
• Imágenes para pantallas: Antes se necesitaba solo 72 dpi, pero con la creación de pantallas de retina la resolución que se necesita es de 458 dpi superando incluso los altos estándares para el papel.

bits & Bytes

Un bit es un acrónimo para dígito binario, este es un sistema de numeración de 0 y 1 el cual siendo 0 punto apagado y 1 punto encendido. Por otro lado Byte es un representación de información constituida de bits, específicamente por 8 de ellos, siendo 1 de control y 7 de información. Las cadenas de bits pueden llegar a actuar de forma exponencial, pues en 8 bits se pueden reproducir 256 opciones de combinaciones lo cual logra completar el lenguaje escrito por completo, es decir se puede representar cada carácter del alfabeto.

La imágenes de mapa de bits utilizan una cuadrícula rectangular de componentes de imagen para lograr representarlas. A cada píxel le corresponde un color y ubicación dentro de la cuadrícula de imagen. En adición éstas representan un tamaño dado por la cantidad de pixeles fijos, es por esto que si este número de pixeles se altera pierde calidad y detalle. Por otro lado cada píxel tiene su profundidad debido a que la profundidad de los bits le otorga a estos una cierta cantidad de información del color. Las imágenes en RGB contienen tres canales de color, en el caso de CMYK contiene cuatro canales de color.

Canal y color de imagen Cada modo de imagen contiene diferentes cantidades de canales de color y dependerá de cual se use para determinar cuantos canales se necesitan. Por ejemplo:

• La escalas de grises necesita solo un canal.
• El modo de imagen RGB necesita tres canales.
• El modo de imagen CMYK necesita cuatro canales.

Edición de imágenes

Para la edición de imágenes existen múltiples programas y uno de esos es Photoshop, el cual funciona y trabaja en la edición por medio de capas, pues de esta manera el proceso de editar una imagen resulta ordenado y sin complicaciones. En estas capas se pueden ocupar textos, elementos visuales, modificar color, brillo, contraste, saturación, entre otros.

Tarea 6- Fotomontaje

Al tener la palabra REPETICIÓN busque algo que representara el movimiento de algo constante y repetitivo que diera a conocer esto ciclico que se repite una y otra vez, por lo que escogí la caminata de una mujer lo cual contaba con lo que buscaba, pues al caminar hacemos el mismo movimiento repetidas veces y cuantas veces se requiera.

Utilicé a la mujer y su movimiento repetitivo al caminar para crear este fotomontaje, pero no solo ocupe una, si no que varias de ellas iguales para marcar bien el concepto de repetición, como también utilicé la palabra en cuestión reiteradas veces para acompañar la idea principal de la mujer caminando. En cuanto a los colores quise utilizar colores que fueron de lo más oscuro a lo más claro para que cada elemento de la composición jugara entre sí.

Foto original base

Foto utilizada en fotomontaje

JPG

PNG

Comparación del peso de la imagen en cada formato

Peso de cada formato

Imagen vectorial e Illustrator

Vectores

El vector en geometría

La geometría plana estudia los elementos geométricos en dos dimensiones. Un vector que se encuentre fijo del plano euclídeo es un segmento que se encuentra orientado teniendo tres características esenciales que son:

• Módulo: Longitud del segmento.

• Dirección: Ángulo del vector con respecto al eje x.

• Sentido: Orientación del segmento.

Componentes del vector

Imagen vectorial

Una imagen vectorial en tema de gráfica quiere decir que es una imagen 2D, la cual se compone generalmente por objetos geométricos independientes, como líneas o polígonos. Estos se definen gracias a los atributos matemáticos para el color y posición de estos.

En los siguientes ejemplos se hace presente la imagen vectorial a través de la aplicación de gráficos vectoriales:

-Tipografías -Logos -Juegos de vídeo -Gráficos web

Comparación entre vector y mapa de bits

Curvas de Bézier

En los 60 Pierre Éienne Bézier creó y desarrolló un lenguaje para lograr representar partes de la carrocería de los autos de Renault.

En ellas se encuentran:

• Los puntos de ancla o nodos los cuales determinan los segmentos y crean la posibilidad de dibujar y realizar formas con ángulos o redondeadas.

• Tiene una ecuación paramétrica que logra dar e indicar posición, espesor, color, entre otros.

Curvas de Bézier grado 1, 2 y 3

Tarea 7- Imagen vectorial e Illustrator

Para esta tarea cambie la composición y la idea principal, pues utilice una foto propia en donde se hace ver el movimiento repetitivo como lo es el andar en bicicleta. Para esto usé al ciclista repetidas veces por el espacio de la composición de diferentes tamaños y colores, los colores acompañan al ciclista, pues de esta forma se ve más armonioso como elementos gráficos, además de haber sido utilizada como imagen vectorial.

PNG

JPG

Espacio audiovisual y Premiere Pro

Antecedentes: La invención de la imagen en movimiento

Los hermanos Lumière crearon una máquina llamada, cinematógrafo, capaz de filmar y proyectar imágenes en movimiento, siendo la primera en poder rodar y proyectar películas de cine creando así un nuevo espacio de creación artística llamada la cinematografía.

Así los primeros cortometrajes se grabaron con aproximadamente 16 a 18 fotogramas por segundo lo que ayuda al ojo a crear esta sensación de continuidad entre cada imagen. En estas características y sistema se crearon grandes obras reconocidas dentro del cine mudo.

En 1920 se incorpora el cine sonoro y cambia el estándar a 24 fps. En las películas que se usaban sonidos y estos al estar expuestos necesitaban más fotogramas para alcanzar la resolución usable.

Con la llegada de nuevas tecnologías de la información y los distintos formatos de video digital se vió favorecida con los grandes efectos visuales y auditivos, subiendo el nivel de los vídeos y de la circulación masiva de estos.

En la actualidad casi todos por no decir todos, tienen acceso a servicios que se basan en herramientas audiovisuales, como por ejemplo el registro de la cámara para vídeo, videollamada, aplicaciones tanto en el teléfono móvil como en computadores que hacen posible distintos efectos audiovisuales y edición de ellos.

Cinematógrafo

Viaje a la luna, cortometraje

Medios audiovisuales

Los medios audiovisuales corresponden a los mecanismos que transmiten mensajes por medio de canales que integran el sentido de la vista y el de la audición, los cuales vendrían la televisión, cine y el internet. Estos suelen ser masivos e inmediatos, como también efímeros, pues su reproducción tiene un tiempo, pero a la vez perdurables, ya que se pueden almacenar y guardar en los distintos dispositivos y plataformas teniendo la opción de reproducirlos una y otra vez.

Medios audiovisuales

Edición de vídeo

La edición de vídeos se encarga de transformar diferentes fragmentos de un vídeo, además de incorporar otros elementos gráficos tales como fotografías, audios, efectos digitales, así como otros elementos de material audio-visual. En un comienzo todo esto se realizaba sobre una cinta llamada master de vídeo dando inicio así a la edición digital en 1980, el cual se comenzó a realizar sobre un archivo informático llamado, máster digital de vídeo (MDV).

Edición vs Montaje

El montaje es el proceso realizado con películas de cine que comenzaban de una emulsión fotosensible. De esta manera si se quería realizar copias o duplicados con los que se pudiera trabajar se debía recurrir a procesos químicos, lo que implicaba líquidos, grandes espacios, cámaras oscuras y por supuesto tiempos de espera. Por otro lado la edición es un término empleado propiamente en los soportes magnéticos, ya sean cintas, memorias flash o discos duros. En ella se utilizan materiales audiovisuales grabados electrónicamente para obtener una cinta o un archivo de computador.

Durante el siglo XXI se fue produciendo una mezcla de ambos sistemas generando que la única diferencia entre ellos fuera el formato que utilizaban y su calidad. Ambos podían ser digitales y en algunos casos manejados por equipos idénticos.

Edición lineal

En 1956 Ampex desarrolló el magnetoscopio, el cual era una máquina que graba a gran velocidad el sonido y la imagen en el mismo soporte. Con esta máquina no era necesario esperar el revelar para ver el trabajo, ni crear una copia de trabajo, sin embargo tenía baja calidad en comparación a una cinta cinematográfica. La edición lineal se basa principalmente en la linealidad del soporte de cinta magnética, algunos ejemplos de estas son vhs, beta, entre otros. La principal característica es que no permitía inserciones sin regrabar linealmente todo el contenido, lo que lo hacía lento y tedioso.

Lugar de edición lineal

Edición no-lineal

El sistema de edición no lineal significa poder editar, insertar y enrocar el orden de las tomas sin problemas. Se asemeja bastante al primer montaje cinematográfico en donde es posible seleccionar los fragmentos y re-ordenar las grabaciones sin necesitar de los procesos largos y tediosos que se usaban antes. La edición no lineal digital fue creada por Avid en los años ´80 manteniéndose hasta la actualidad.

Edición no lineal

Conceptos esenciales para la edición de video

• Formato de video: Los formatos son la manera en la que se guardarán los datos dentro de un archivo de video. Como diferentes contenidos se encuentran videos, audios y textos.

• Codec de video: Codec como acrónimo de codificar, es decir comprimir los datos de un archivo, video o audio para mayor rapidez a la hora de su transferencia y decodificar, es decir descomprimir al reproducir o editar el archivo.

• Relación de aspecto: Proporción entre el ancho y el alto de una imagen calculándose por medio de una ecuación.

• Resolución de video: Número total de píxeles que pueden ser mostrados en pantalla en cualquier dispositivo que disponga de una pantalla.

• Línea de tiempo: Herramienta básica del montaje no lineal, con la cual se tiene total control en la edición y manipulación de elementos puestos sobre un espacio determinado.

Adobe Premiere Pro CC

Software de edición de video no lineal que nació en conjunto con la revolución tecnológica digital de los años ´90 con el fin de ser uno de los primeros sistemas de edición de video capaces de ser utilizados en sistemas y computadores domésticos.

Software de edición de Adobe Premiere Pro

Logo Adobe Premiere Pro

Tarea 8- Animación digital-Repetición

En relación a la tarea pasada utilice los mismos elementos gráficos, creando así una animación con fotogramas. Pues movía de lugar, intercalaba entre colores y tamaños creando la ilusión de que estos ciclistas dentro de la composición avanzaban y entraban nuevamente en la imagen una y otra vez.