Tarea Ciclo de la Imagen -María Jesús Matta

De Casiopea



TítuloTarea Ciclo de la Imagen -María Jesús Matta
AsignaturaProducción grafica
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.
3
Alumno(s)María Jesús Matta

Formatos de imagen

Actualmente hay una gran variedad de comprensión de imagen, pero son dos las más importantes:

  1. La comprensión con pérdida : Elimina la información no visible para un ahorro de espacio (destructiva).
  2. La comprensión sin pérdida : Mantiene los parámetros originales codificando la misma cantidad de información de manera mas eficiente (lossless).


TIFF [1]

TIFF

Son las siglas de Tagged Image File Format(TIFF), este es un formato para almacenar imágenes de mapa de bits más seguro y con mayor soporte. Prevalente en la industria gráfica y en la fotografía profesional por su versatilidad y compresión no destructiva.[1]

Capaz de describir datos de imagen en dos colores, escala de grises, paleta de color y color completo. Sin embargo, una desventaja del formato es que tiene problemas al abrir el archivo en distintas plataformas.


Gif serie "friends" [2]

GIF

Desarrollado en 1987, Graphics Interchange formant (GIF), es un formato desarrollado para comprimir imágenes de ocho bits, que soporta como máximo 256 colores y reproduce de forma consecutiva una serie de imágenes en segundos( 5 y 10). No cuentan con sonido, y su tamaño, es mucho menor a los archivos JPG o PNG.

Consiguen mostrar el dinamismo de un vídeo, pero, teniendo mucho menos peso, además de aportarlo a las imágenes convencionales. Actualmente, es muy usado en las redes sociales y cuentan con la característica fundamental de transmitir información de manera rápida al igual que emociones. Permite su reproducción en cualquier dispositivo, por lo que llama la atención y logra una gran capacidad de viralización.[2]


PNG transperencia [3]

PNG

Portable Network Graphics(PNG) es un formato basado en la compresión sin pérdida para bitmaps y en gran parte fue desarrollado para resolver las deficiencias del formato GIF.

Permite almacenar imágenes con una mayor profundidad de precisión y utilizar transparencias, ya que permite el canal alfa. Por otro lado, su tamaño también es mayor.[3]

Suele utilizarse para web y plataformas online cuando quieres mantener una calidad alta de la imagen, o en aquellos casos en que la imagen no tenga un fondo. También es utilizado cuando se trata de dibujos vectoriales o logotipos, que se verán mejor y con mayor calidad de color. Sin embargo, no es una extensión útil para trabajos cuyo fin sea la impresión digital, puesto que este formato no admite colores en CMYK.[4]


JPG [4]

JPEG y JPG

Portable Network Graphics (JPG) es el formato de imagen más conocido actualmente. Es un formato de compresión de la imagen con pérdida de calidad; es decir, cada vez que lo manipulas o reduces su tamaño, la imagen en cuestión perderá en calidad. Es un formato pensado para la compresión de imágenes digitales y fotográficas, y es capaz de guardar información de color CMYK o RGB, así como de escalas de grises.

Es muy utilizado en páginas web y en redes sociales, tanto por su compatibilidad con distintas plataformas y programas, como por el hecho de que es un tipo de imagen que no pesa demasiado(máximo 8 bits).

En trabajos profesionales de diseño, como la creación de un cartel, un logotipo, etc., no es aconsejable utilizar el JPG, precisamente por la pérdida de calidad. [5]

¿Cuándo usar PNG y cuándo usar JPG?

PNG se utiliza cuando necesitas una imagen con mayor precisión como gráficos, ilustraciones, y archivos pequeños en la web que necesiten transparencias.

JPG se utiliza cuando necesitas una imagen que quieres mostrar en la web sin ocupar mucho espacio.[6]


"Trazado de recorte EPS en InDesign"[5]

EPS

Encapsulated PostScript(EPS) este formato puede contener tanto gráficos vectoriales como de mapa de bits. Un dibujo guardado en formato EPS, puede ser importado dentro de otros documentos pudiendo ser escalado y recortado. Pueden ser abiertos en la mayoría de programas gráficos, como Adobe Photoshop, pero no podrán ser editados como vectores, sino solamente como imagen, convirtiendo los gráficos vectoriales a píxeles. Sólo pueden ser editados por programas editores de vectores.[7]

El actual formato AI (Adobe Illustrator) se basó en EPS para la creación de su propio formato, aunque ambos han sido reemplazados por el formato PDF, que se ha vuelto un estándar para el intercambio de imágenes vectoriales.


Edición de capas en photoshop(PSD)[6]

PSD

PSD es un formato original de Photoshop que soporta todos los modos existentes de imagen, se utiliza bastante ya que soporta duotonos, trayectoria de corte y canales.

Cualquier programa que soporta PSD puede reflejar la información de capas lo que permite crear archivos de imágenes bastante cómodos, ya que esto permite después modificar diferentes partes de la imagen fácilmente. No tiene mucha compatibilidad con otros programas y es usado generalmente durante el proceso de edición y luego para publicar o compartir se utilizan otros formatos como JPEG o TIFF. [8]


Ejemplo de PDF[7]

PDF

Portable Document Format (Formato Portátil de Documento), usado para mostrar documentos en la forma electrónica independiente del software, hardware o sistema operativo, por lo que puede ser visualizado con el mismo resultado sin importar desde donde se abra el archivo.

Originalmente desarrollado por Adobe Systems como un formato basado en el formato PostScript, se ha convertido en un estándar internacional para intercambio de documentos e información, conteniendo no solo imágenes y texto, sino también botones interactivos, link, videos y más.

En 2008, Adobe renunció el control de desarrollo de PDF a ISO (Organización Internacional de Estandarización) y así PDF se convirtió en un “estándar abierto”. Las especificaciones para la versión actual de PDF (2.0) están documentadas bajo ISO.[9]


Foto en formato RAW antes y después de la edición[8]

RAW

En el formato Raw se guarda la imagen sin procesar. Cuando disparas la foto en este formato estás conservando de alguna manera la escena dentro de la tarjeta de memoria y así mantienes la posibilidad de terminar de tomar la foto posteriormente, en tu ordenador. La cámara registra no sólo los datos de la imagen, sino todos los posibles valores, dejando la foto de alguna manera abierta a cualquier cambio posteriormente.

No tiene definido ningún parámetro del color y sólo algunos softwares son capaces de interpretarlos, por ejemplo, no podremos abrir una imagen RAW en Paint, pero sí en Photoshop y la imagen tendrá un peso mayor.[10]



JPEG vs SVG[9]


SVG

Scalable Vector Graphics(SVG) es una imagen vectorial, lo que significa que pesa pocos megas y permite, a diferencia de los formatos estándar (mapa de bits), una definición mayor en tamaños reducidos.

Es un formato abierto, estándar y basado en XML. Actualmente todos los navegadores lo soportan, al ser un formato basado en XML hay que tener nociones de escritura de código para hacer que funcione adecuadamente allí donde lo usemos.Los archivos SVG permiten utilizar las tipografías con trazados y también permite incluirlas dentro del propio archivo en formato TrueType.

Soporta estilos CSS, de tal manera que sí cambiamos el estilo de nuestra web también se cambiará dentro del archivo. Se pueden incluir scripts que permiten caminos dinámicos.[11]

Imagen propia Photoshop




Ráster

Expresa la dimensión en número de píxeles que forman una imagen de mapa de bits.

Es común atribuir los megapixeles como mejor calidad de imagen, sin embargo, sólo tienen relación con el tamaño del lienzo.

Cada cuadrícula o píxel presenta una cualidad o propiedad espacial (color, altitud, etc). [12]

¿Cómo calcularlo?

Multiplicando su anchura por la altura en pantalla.




Ejemplo resolución[10]

Resolución

Es la relación entre las dimensiones digitales (los píxeles) y las físicas, que tendrá una vez impresa sobre un papel u otro soporte incluso digital.

La resolución de impresión son los puntos por pulgada(ppp) o dots per inch (dpi) donde la pulgada mide 2,54 cm.

¿Cómo calcular la resolución?

Para calcular el tamaño de píxeles a centímetros para la impresión;

tamaño de impresión=Número de píxeles / Resolución (dpi píxeles por pulgada).

Resoluciones recomendadas

  • Imágenes por impresión doméstica: 150dpi
  • Imágenes para imprenta: 300dpi o más
  • Imágenes para pantallas: Estándar de 72 dpi, sin embargo por la creación de pantallas de retina llegaron a 458dpi


Bits[11]

Bits y Bytes

Bit(b) es la abreviación de Binary Digit (digito binario), es la unidad menor de información de una computadora. Un bit tiene un valor que puede ser 0 y 1, siendo 0 un punto apagado y 1 un punto prendido. Varios bits combinados entre sí dan origen a otras unidades, como “byte”, “mega”, “giga” y “tera”.Toda la información en el lenguaje del usuario es convertida a bits para que la computadora la "entienda".[13]

Byte(B) es una secuencia de 8 bits continuos donde siete bits son de información y uno adicional del control.

¿Por qué 8 Bits?

8 bits permite soportar hasta 256 opciones de combinaciones (como por ejemplo, colores), lo que cubre el lenguaje escrito completo, permitiendo representar todos los caracteres de los alfabetos.

Imágenes de mapa de bits

La imágenes rasterizadas utilizan una cuadrícula rectangular de elementos de imágenes (píxeles) para representar imágenes. Cada píxel se le asigna una ubicación en la matriz de una pantalla y un valor de color específico, generalmente para imágenes como fotografías o pinturas digitales.

Estas imágenes 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 o si se imprimen con una resolución inferior que aquella para la que fueron creadas.

Imagen propia
Zoom mayor
Poco de zoom a la imagen



Profundidad de bits

La profundidad de bits especifica la cantidad de información de un color que esta disponible para cada pixel. Mientras más bits de información, hay más colores disponibles y más precisión en la representación del color.

  • 1 bits de profundidad tiene dos valores posibles: blanco y negro.
  • 8 bits de imágenes en modo de escala de grises tiene 256 posibles valores de gris.

RGB con 8 bits y más

RGB se compone de tres canales de color (azul, verde y rojo) y sí es una imagen con 8 bits por píxel contaría con 256 posibles colores para cada canal, lo que significa 16 millones posibles valores de color.

En ocaciones , las imágenes RGB con 8 bits por canal se denominan imágenes de 24 bits (8 bits x 3 canales). Photoshop también puede trabajar con imágenes que contiene 16 o 32 bits por canal. Las imágenes con 32 bits por canal también se denominan imágenes de alto rango dinámico (HDR), pero es de uno principalmente de fotografía profesional.

RGB con 8 bits [12]
Configuración de la imagen en photoshop 8, 16 o 32 bits/canal (Imagen propia)


Canales en photoshop(Imagen propia)

Canales y color de la imagen

La cantidad de canales de color por defecto de una imagen depende de su modo de color;

  • Escala de grises: 1 canal.
  • RGB y Lab: 3 canales.
  • CMYK: 4 canales.


Además de los canales de color, a una imagen se puede añadir canales alfa para almacenar y editar selecciones como máscaras, y también, se pueden añadir canales de tintas planas para añadir placas de tintas planas en la impresión.

Edición de imágenes

Capas[13]

Capas

Photoshop y todos los editores trabajan mediante capas, es decir, son cómo láminas apiladas transparentes sobre las que se puede crear imágenes, poner textos y otros elementos visuales. Son una forma ordenada de trabajar que permite componer independiente cada nivel, donde en las partes transparentes de cada capa, se puede ver lo que hay detrás.


Nueva pantalla de bienvenida de Photoshop para 2021"Flamingo Cloud" por Ted Chin[14]



Adobe Photoshop

Fue creado en 1986 por los hermanos Thomas Knoll y John Knoll, y desde entonces, se ha convertido en una marca de uso común.

Adobe Photoshop es un editor de fotografías desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa "Taller de Fotos".

Photoshop puede editar y componer imágenes rasterizadas y soporta varios modelos de colores: RGB, CMYK, CIELAB, colores sólidos y semitonos. Photoshop usa sus propios formatos de archivo PSD y PSB para soportar estas características.

Desde junio de 2013, con la presentación de Creative Cloud, el esquema de licencia de Photoshop se cambió al modelo de Software como servicio.[14]


Práctica - Exploración edición de imagen a través de photoshop

  • Imágenes sin editar: Para este trabajo decidí sacarle una foto a mi abuelo y las otras dos las busqué por internet.


Fondo de una habitación[15]
Imagen de internet de sombra musculosa [16]
Foto sacada a mi abuelo


  • Imágenes editadas: A través de la herramienta "selección rápida" logré seleccionar a mi abuelo y a la sombra de manera rápida y detallada.


Ciclo de la imagen-María Jesús Matta-60.png Tarea-Ciclo Imagen-Maria Jesus Matta.4.png Tarea-Ciclo Imagen-Maria Jesus Matta.5.png


Proceso: En primer lugar se formó un lienzo de 21cmx21cm, con una resolución de 300px. Al iniciar con el fotomontaje, primero exporté la imagen de la habitación como fondo (1ª capa), luego, seleccioné el trazo de mi abuelo (2ª capa) y la sombra (3ª capa) ubicándolos en el espacio.

En segundo lugar, modifiqué la línea de sombras que se proyecta entre la pared y la sombra musculosa, para que hubiera una continuidad y no un corte. Esto lo hice a través de seleccionar los colores de la sombra musculosa, intentando crear formar sombras parecidas a unas piernas proyectadas hacia la pared.

Finalmente modifiqué la resolución de su composición a 100px por pulgada.

Lienzo de 21cmx21cm, con una resolución de 300px.
Modificación de la resolución a 100px por pulgada.
Capas.




Resultado final "fotomontaje": El por qué de está propuesta de fotomontaje es para intentar plasmar la fuerza interior que lleva mi abuelo, ya que es una persona muy cercana a mí y lo consideró un luchador.


Formato JPG.
Formato PNG.



  • PNG y JPG: Al comparar ambos formatos de imagen se logra observar que el archivo PNG tiene tonalidades mas "frías" y brillantes, mientras que JPG toma una tonalidad brevemente más oscura.
  • TIFF:La Wiki no me permitió subir el formato pero al hacer la comparación en el computador, se logra observar que el formato TIFF y PNG son muy parecidos(mas brillantes que en JPG).
Diferencia de tamaño de los distintos formatos estudiados

Imagen vectorial

Vector[17]

Vectores

Se llama vector a un segmento de recta en el espacio que parte de un punto hacia otro. [15]

La geometría plana o geometría del plano euclídeo estudia los elementos a partir de dos dimensiones. Un vector fijo del plano euclídeo es un segmento orientado, que cuenta con 3 características:

  1. Módulo: Longitud del segmento (Valor numérico).
  2. Dirección: Ángulo del vector con respecto al eje X.
  3. Sentido: Orientación del segmento.

Imagen vectorial

En gráfica, una imagen vectorial se refiere a una imagen 2D compuesta por objetos geométricos independientes (abiertos o cerrados) como líneas o polígonos, definidos por atributos matemáticos para la posición, color , etc.

Las imágenes vectoriales tienen la ventaja de que pueden ser ampliadas o reducidas sin perder calidad. Su visibilidad es la misma en pantalla o en formato impreso independientemente del tamaño. La desventaja es que este formato no permite representar con realismo imágenes complejas como una fotografía. [16]

Este formato de imagen se utiliza principalmente en gráficos, tipografías, diseño publicitario o videojuegos.

Imagen flores(propia)mapa de bits.
Zoom imagen en mapa de bits.
Zoom imagen vectorial.




Curvas de Bézier

Las curvas de Bézier fueron publicadas por primera vez en 1962 por el ingeniero francés Pierre Bézier y posteriormente Renault, las usó en el diseño de las diferentes partes del automóvil.

Posteriormente, los inventores del PostScript, lenguaje que permitió el desarrollo de sistemas de impresión de alta calidad desde el ordenador, introdujeron en ese código el método de Bézier para la generación del código de las curvas y los trazados.

El lenguaje PostScript sigue empleándose ampliamente y se ha convertido en un estándar de calidad universal; por ello, los programas de diseño vectorial como Adobe Illustrator, Corel Draw, etc (programas de dibujo vectorial) y otros como Inkscape. Su facilidad de uso la ha estandarizado en el diseño gráfico, extendiéndose también, a programas de animación vectorial, como Adobe Flash, y retoque fotográfico, como Photoshop y Gimp, donde se usa para crear trazos, formas cerradas o selecciones. [17]

Curvas lineales[18]
Curvas de órdenes superiores[19]
Curvas cuadráticas[20]



Ilustración nombrada "Esperando, deseando, esperando" de Jade Purple Brown. Creada a comienzo de la pandemia destacando la sensación de intentar mantener la esperanza a través de la incertidumbre.[21]

Adobe Illustrator

Adobe Illustrator (AI) es un editor de gráficos vectoriales que trabaja sobre un tablero de dibujo, conocido como "mesa de trabajo" y está destinado a la creación artística de dibujo y pintura para ilustración, crear y diseñar imágenes, entre otras cosas.

Es desarrollado y comercializado por Adobe Systems y constituye su primer programa oficial de su tipo en ser lanzado por esta compañía definiendo en cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial.

Contiene opciones creativas, un acceso mas sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en (maquetación-publicación) impresión, vídeo, publicación en la Web y dispositivos móviles.

Actualmente forma parte de la familia Adobe Creative Cloud, y tiene como función única y primordial, la creación de material gráfico-ilustrativo altamente profesional.[18]



Práctica-Exploración de edición en Illustrator

Imágenes sin editar: Para este trabajo, en primer lugar, decidí sacarle una foto a mi sobrina. En segundo lugar, busqué una foto de internet de alguna ciudad de manera panorámica, eligiendo "Auckland"[19], y en tercer lugar muchas imágenes de ilustraciones de flores para agregarlas más adelante a los edificios.

xxx[] xxx[] Ciclo de la imagen-María Jesús Matta-8.png

Ciclo de la imagen-María Jesús Matta-1.png Ciclo de la imagen-María Jesús Matta-2.png Ciclo de la imagen-María Jesús Matta-3.png Ciclo de la imagen-María Jesús Matta-5.png Ciclo de la imagen-María Jesús Matta-7.png


Proceso: En el comienzo del proceso de la propuesta comencé editando a mi sobrina (2º capa) y a la foto de la ciudad (3º capa) a través de Photoshop. La herramienta de selección rápida me permitió calcar a mi sobrina de forma rápida y sin el fondo, sin embargo , no funcionaba para el pelo y tuve que utilizar la opción "perfeccionar cabello", logrando el resultado que quería.

Para la edición del edificio, luego de seleccionarlo a través de la herramienta selección rápida, utilice transformaciones como distorsionar y sesgar. También, transformé algunos edificios a través de trozos seleccionados de las imágenes con flores, sin embargo, también fue necesario pintar sus esquinas para que no perdiera las forma (de cada edificio modificado), transformando la imagen de una manera más dinámica y entretenida.

Ya teniendo lista esa parte hice la conexión edificio y mi sobrina, cambiándole la tonalidad a blanco y negro, sin embargo la mano de mi sobrina no se notaba como si estuviera tomando el edificio por lo que a través de la opción "deformación libre" logre modificar su mano para que la acción se viera de una manera más realista.

Ya teniendo lista la foto en Photoshop, la exporté a Adobe Illustrator e hice un "calco de imagen" (foto de alta fidelidad) y le otorgué un tamaño a la imagen, para luego, a través de figuras, seguir el camino de los edificios y así darle continuidad a ese espacio a los lados.

Para la tipografía de la palabra seleccionada "fuerte" puse el efecto 3D (rotar) y de posición isométrica arriba con una copia de 15 veces, con el fin de plasmar un parecido a los edificios en el espacio sobrante.

Cómo ultimo le agregue una tonalidad celeste al fondo (1º capa) llegando al resultado final.


Imagen en mapa de bits.
Tipografía.
Imagen vectorial.



  • Resultado final: La idea de este trabajo fue plasmar a mi sobrina tomando una ciudad entera.
Formato PNG
Formato JPG


Diferencia de los formatos; PNG, JPG, PDF, SVG, EPS.

Espacio Audiovisual y Premiere Pro

Invención de la imagen en movimiento

La imagen real en movimiento ya venía experimentando Tomás Alva Edison, quien trabajaba para la casa Kodak (su kinetoscopio) hasta Émile Reynaud y su Teatro óptico, que se basaba en la linterna mágica.[20]

No fue hasta el 28 de diciembre de 1895, que en el Salón Indio, los hermanos Louis y Auguste Lumière, fotógrafos de profesión que presentaron en público sus tomas de vista.Proyectaron diez cintas de corta duración a través de la cinematografía, comenzando por “La salida de los obreros de la fábrica Lumière”. [21] y “La llegada de un tren a la estación” con una duración de 50 segundos, algunos asistentes se levantaron de sus asientos con pánico, creían que la locomotora se les venía encima.

kinetoscopio, Thomas Edison. [22]
GIF.La llegada de un tren a la estación. [23]
El cinematógrafo Lumière en modo proyección. [24]


Los primeros cortometrajes se grabaron con aproximadamente 16 a 18 fotogramas por segundo, lo que creo un efecto de continuidad en la imagen.En los años 1920 recién se incorpora el cine sonoro y cambia el estándar a 24 fps.

El 6 de octubre de 1927 se estrenó El cantor de jazz (The Jazz Singer), considerada la primera película sonora de la historia del cine, que hizo tambalear todos los planes del momento del cine mudo. Hacia 1930 el sonoro era un hecho, y el cine mudo había sido definitivamente vencido.[22]

"El cine sonoro no era simplemente el mudo con sonido incorporado, sino una nueva forma de expresión que tenía que reconciliar lo real (la grabación precisa de palabras y sonidos) con lo irreal (la imagen bidimensional), mientras que el cine mudo había sido una unidad armoniosa, completa por sí misma".[23]

Gif.Película "viaje a la luna". [25]
"The Jazz Singer". [26]
Primer sonido conocido sobre película.[27]

La llegada de las nuevas tecnologías de la información y los distintos formatos de video digital, favoreció la generación de sorprendentes efectos visuales y auditivos, y también, una circulación masiva de estos. Hoy en día se podría decir que todos tienen acceso a servicios basados en herramientas audiovisuales, desde el uso de videollamada hasta el registro por cámara y video, incluso acceso a la edición de manera rápida y sencilla en computadores, como también, en los aparatos móviles los cuales portamos todo el tiempo.

Medios audiovisuales

Son mecanismos de comunicación que transmiten sus mensajes a través de canales que involucran no solo el sentido de la vista, sino también, el de la audición, logrando así un formato más complejo que imita la presencia real en el orden de los eventos transmitidos, como los sería en el caso de la televisión, el cine y la internet.

Suelen ser inmediatos y masivos. Además, pueden ser efímeros ya que su representación se acaba en el tiempo y son perdurables ya que pueden ser almacenados y reproducidos una y otra vez desde el principio.


Edición de vídeo actual[28]

Edición de video

Proceso en el que un editor se encargará de transformar diferentes fragmentos de un vídeo y añadir otros elementos gráficos como pueden ser fotografías, audio, efectos digitales, así como cualquier otro material audio-visual en una cinta o en un archivo informático.

Si bien en sus comienzos el proceso se realizaba sobre una cinta llamada master de video, el nacimiento de la edición digital en la década de 1980, este proceso comenzó a realizarse sobre un archivo informático, el llamado máster digital de vídeo(MDV).


Montaje cinematográfico[29]

Edición vs Montaje

El montaje es el proceso realizado con películas de cine, que partían de una emulsión fotosensible.Por tanto, para realizar copias o duplicados con los que trabajar, se debía recurrir a procesos químicos, lo que suponía líquidos, grandes espacios, cámaras oscuras, tiempos de espera.

Mientras tanto, la edición es un término propio de los soportes magnéticos(cintas, memorias flash o discos duros).Se utiliza material audiovisual grabado electrónicamente para obtener una cinta o un archivo de computadora.

En el siglo XXI se fue produciendo una convergencia de los dos sistemas, que sólo se diferenciaban por su formato y calidad, no necesariamente por su soporte.Los dos podía ser digitales y manejados en ocasiones con equipos idénticos.


Magnetoscopio[30]

Edición Lineal

En 1956 Ampex desarrolló el magnetoscopio, una máquina que graba a gran velocidad el sonido y la imagen en el mismo soporte. Los equipos y soportes eran más baratos y no necesitaba esperar al revelado, ni crear una copia de trabajo, pero tenía baja calidad en relación a una cinta cinematográfica.

La edición lineal se basa en la linealidad del soporte de cinta magnética (vhs,beta,etc) y su principal característica es que no permitía inserciones sin regrabar linealmente todo el contenido. Este proceso también resultaba engorroso y lento.


Avid 1(1987)[31]



Edición no-lineal

El sistema de edición no lineal es la capacidad de no depender de la linealidad del soporte, pudiendo insertar y enrocar el orden de la tomas, tal como lo vemos en todos los softwares digitales actuales.

Este se asemeja más al primer montaje cinematográfico, donde es posible seleccionar los fragmentos y re-ordenar las grabaciones, pero sin recaer en los extensos procesos de antaño.La edición no lineal digital fue una innovación creada por Avid en los años 80 que se mantiene hasta la actualidad.

Conceptos esenciales para la edición de video

Formato de video

Los formatos de video o "contenedores" son la manera en la que se guardarán los datos dentro de un archivo de vídeo o de un fichero. Estos diferentes contenidos suelen ser, principalmente, video, audio y texto. Si bien el formato y los Codecs son complementarios, suelen confundirse en torno a sus funciones.

Codec de video

Se refiere al acrónimo de "codificar";comprimir los datos de un archivo, video o audio para agilizar su transferencia y "decodificar"; al reproducir o editar el archivo,(descomprimir). Lo primero lo hace para que el archivo sea más portable y, lo segundo, para proporcionar todos los datos del archivo.

Relación de aspecto

Se refiere a la proporción que existe entre el ancho y el alto de una imagen. Se calcula dividiendo el largo entre la altura de la imagen visible en pantalla, y se expresa normalmente como "X;Y".

Resoluciones

Es el número total de píxeles que pueden ser mostrados en la pantalla de un monitor de ordenador, televisor, un teléfono móvil o en cualquier dispositivo que tenga una pantalla. Todos los dispositivos tienen en sus pantallas la resolución concreta, y de ella va a depender la resolución de los vídeos que puedes llegar a alcanzar.


Línea de tiempo premier pro 2021(imagen Propia)

Línea de tiempo

Es la herramienta básica del montaje no-lineal. Sobre este se compone varias pistas ("Click" o "Track") de forma vertical que va organizando la edición, teniendo un total control en la manipulación de los elementos puestos (unir, cortar, quitar, agregar)sobre un espacio de tiempo determinado.

Su unidad es un frame y su sistema de medida es el Timecode, código de tiempo, del cual, se presenta en HH:SS:FF, donde "H" son horas,"M" minutos,"S" segundos y "F" frames(00:00:00:00).


View From A Blue Moon por Johns view creado por premier pro[32]



Adobe Premiere pro

Aplicación de software de edición de video no lineal que nació en conjunto con la revolución tecnológica digital de los años 90(1991) con el fin de ser unos de los primeros software de edición de video capaces de ser utilizados en sistemas y computadores domésticos.

Se caracteriza por su interfaz personalizable, organizada en espacios de trabajo que coinciden con las etapas de la edición.Es de carácter integral, gracias a su compatibilidad con programas que forman parte de Adobe CC como photoshop y after effects.

Actualmente es la edición de video líder por su compatibilidad de formatos, flujos de trabajo eficientes y herramientas avanzadas para el color, los gráficos y el sonido.Edita, crea y ofrece contenido sorprendente para películas, TV, la web y mucho más.

Práctica-Exploración de edición en Adobe Premiere pro

Elementos utilizados:

  1. Yoghurt Soprole.
  2. Jugo en caja Livean.
  3. Pomelo.

Ciclo de la imagen-María Jesús Matta-46.jpg Ciclo de la imagen-María Jesús Matta-41.jpg Ciclo de la imagen-María Jesús Matta-50.jpg

Proceso:En primer lugar grabe los videos, teniendo estos listos los subí a Premier Pro.

Ciclo de la imagen-María Jesús Matta-40.png

Al tener los videos ya en el software, recorté los espacios que no servían.Teniendo estos ya seleccionados en la linea de tiempo, agregué un gráfico de una figura de tonalidad gris y la palabra seleccionada "fuerte" en color blanco.

En segundo lugar, comencé a aventurarme en el programa modificando velocidades de algunos trazos de videos para generar más suspenso, y también, le agregué distintos colores a cada video para que se observara de una manera mas entretenida.


Ciclo de la imagen-María Jesús Matta-27.png Ciclo de la imagen-María Jesús Matta-28.png Ciclo de la imagen-María Jesús Matta-31.png

  • Video: En este video intento plasmar un pie capaz de destruir todo lo que se encuentra con su gran fuerza.

Referencias

  1. https://es.wikipedia.org/wiki/TIFF
  2. https://culturaseo.com/jergario/gif/
  3. https://culturaseo.com/jergario/gif/
  4. https://marketing4ecommerce.mx/diferencias-png-jpg-tiff-y-gif-webp/
  5. https://marketing4ecommerce.mx/diferencias-png-jpg-tiff-y-gif-webp/
  6. https://guellcom.com/cuando-usar-jpg-gif-y-png
  7. https://www.blogartesvisuales.net/diseno-grafico/formato-eps/
  8. https://www.coolutils.com/es/Formats/PSD
  9. https://pdf.abbyy.com/es/learning-center/what-is-pdf/
  10. https://www.blogdelfotografo.com/fotos-en-formato-raw-como-sacarle-todo-el-jugo/
  11. https://fp.uoc.fje.edu/blog/que-es-el-formato-de-imagenes-svg-y-para-que-sirve/
  12. https://geoinnova.org/blog-territorio/modelo-vectorial-y-modelo-raster/
  13. https://www.tecnologia-informatica.com/que-es-el-bit-byte/#:~:text=Bit%20es%20la%20abreviaci%C3%B3n%20de,giga%E2%80%9D%20y%20%E2%80%9Ctera%E2%80%9D
  14. https://es.wikipedia.org/wiki/Adobe_Photoshop
  15. https://www.significados.com/vector/
  16. http://www.easp.es/recursos/formacioninterna/disenografico/conceptos_bsicos.html
  17. https://es.wikipedia.org/wiki/Curva_de_B%C3%A9zier
  18. https://es.wikipedia.org/wiki/Adobe_Illustrator
  19. https://www.acciona.com/es/actualidad/noticias/acciona-licitador-preferente-del-sistema-de-transporte-de-auckland-nueva-zelanda/
  20. https://periodistas-es.com/120-anos-de-cine-los-origenes-de-la-imagen-en-movimiento-63147
  21. https://periodistas-es.com/120-anos-de-cine-los-origenes-de-la-imagen-en-movimiento-63147
  22. https://educomunicacion.es/cineyeducacion/cinesonoro.htm#:~:text=El%206%20de%20octubre%20de,mudo%20hab%C3%ADa%20sido%20definitivamente%20vencido.
  23. https://educomunicacion.es/cineyeducacion/cinesonoro.htm#:~:text=El%206%20de%20octubre%20de,mudo%20hab%C3%ADa%20sido%20definitivamente%20vencido.