11

Tema 4 Tema 4 Composición digital de Composición digital de imágenes.imágenes.

BibliografíaBibliografía

José Luis Fernandez. “Postproducción digital”. Escuela de José Luis Fernandez. “Postproducción digital”. Escuela de cine y vídeo 1999. cine y vídeo 1999. Gonzalo Pajares. “Imágenes Digitales”. Ed Rama 2003.Gonzalo Pajares. “Imágenes Digitales”. Ed Rama 2003.

22

ÍndiceÍndice

1.1. Conceptos básicos. Composición y capas. Edición vertical. Sistemas Conceptos básicos. Composición y capas. Edición vertical. Sistemas digitales integrados. digitales integrados.

2.2. IGU de Adobe After Effects(AE). Diseño general de la IGU. IGU de Adobe After Effects(AE). Diseño general de la IGU. Presentación y ordenación del material. Visualización de la Presentación y ordenación del material. Visualización de la composición. Importación de archivos.composición. Importación de archivos.

3.3. Animación de capas. Keyframes. (AE y AX)Animación de capas. Keyframes. (AE y AX)

4.4. Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

33

Composición y capasComposición y capas

La edición de vídeo toma segmentos de La edición de vídeo toma segmentos de vídeo a lo largo del eje de tiempos y los vídeo a lo largo del eje de tiempos y los reagrupa para obtener el mejor efecto reagrupa para obtener el mejor efecto visual.visual.

En la composición varias capas de imagen En la composición varias capas de imagen se superponen en forma similar a los se superponen en forma similar a los instrumentos que se añaden en una instrumentos que se añaden en una composición musical.composición musical.

La composición implica combinar un número La composición implica combinar un número de imágenes más pequeñas en una mayor, de imágenes más pequeñas en una mayor, o superponer la porción de una imagen o superponer la porción de una imagen sobre un fondo de otra.sobre un fondo de otra.

1.- Conceptos básicos

44

Composición y capasComposición y capas

Para combinar una imagen con otra, es Para combinar una imagen con otra, es necesario especificar donde se va a necesario especificar donde se va a posicionar la capa del primer término , con posicionar la capa del primer término , con relación al fondo.relación al fondo.

Para realizar estos procesos se utilizan las Para realizar estos procesos se utilizan las técnicas de Key (llave) y Matte (máscara).técnicas de Key (llave) y Matte (máscara).

La idea es obtener la combinación de varias La idea es obtener la combinación de varias imágenes de forma que parezca una única.imágenes de forma que parezca una única.

El método de trabajo en capas es muy El método de trabajo en capas es muy versátil y resulta la base de la versátil y resulta la base de la postproducción digital actual.postproducción digital actual.

1.- Conceptos básicos

55

Edición verticalEdición vertical

La edición horizontal supone contar La edición horizontal supone contar una historia en un tiempo y confiar una historia en un tiempo y confiar en los diálogos para hacerlo.en los diálogos para hacerlo.

La edición vertical implica elaborar La edición vertical implica elaborar una presentación o un programa una presentación o un programa mediante composición, capas y mediante composición, capas y efectos especiales visuales y efectos especiales visuales y sonoros. sonoros.

1.- Conceptos básicos

66

Sistemas digitales Sistemas digitales integradosintegrados

Los proyectos que reúnen gran cantidad de Los proyectos que reúnen gran cantidad de trabajo de edición horizontal y de edición vertical trabajo de edición horizontal y de edición vertical tienen varias alternativas para su elaboración:tienen varias alternativas para su elaboración:

Realizar la edición horizontal y vertical utilizando Realizar la edición horizontal y vertical utilizando diferentes programas (avid y after)diferentes programas (avid y after)

Edición concurrente en un único sistema digital Edición concurrente en un único sistema digital integrado. integrado.

El primer sistema integrado fue HENRY de El primer sistema integrado fue HENRY de Quantel. Quantel.

Otros sistemas integrados son HAL, EDITBOX de Otros sistemas integrados son HAL, EDITBOX de Quantel, JALEO de Comunicación Integral, Media Quantel, JALEO de Comunicación Integral, Media Ilusion de Avid, Flame, Inferno de Discreet LogicIlusion de Avid, Flame, Inferno de Discreet Logic

1.- Conceptos básicos

77

EfectosEfectos

Los sistemas de composición digital Los sistemas de composición digital de imágenes tienen su mayor de imágenes tienen su mayor potencia en la posibilidad de agregar potencia en la posibilidad de agregar a las capas un enorme número de a las capas un enorme número de efectos y transiciones .efectos y transiciones .

1.- Conceptos básicos

88

Diseño general de la IGU.Diseño general de la IGU.

1.- IGU de Adobe After Effects. IGU de Adobe After Effects.

99

Diseño general de la IGU.Diseño general de la IGU.

Los sistemas de composición digital Los sistemas de composición digital de imágenes tienen su mayor de imágenes tienen su mayor potencia en la posibilidad de agregar potencia en la posibilidad de agregar a las capas un enorme número de a las capas un enorme número de efectos y transiciones .efectos y transiciones .

1.- IGU de Adobe After Effects. IGU de Adobe After Effects.

1010

Fotogramas clave Fotogramas clave ((KeyFramesKeyFrames))

En los compositores, casi todos los En los compositores, casi todos los parámetros modificables dentro de parámetros modificables dentro de las diferentes herramientas son las diferentes herramientas son animables en el tiempo.animables en el tiempo.

Estos parámetros se animan a través Estos parámetros se animan a través de los keyframes que generan unas de los keyframes que generan unas curvas de función también curvas de función también modificables.modificables.

3.- Animación de capas.

1111

Fotogramas clave Fotogramas clave ((KeyFramesKeyFrames))

Los keyframes son puntos clave localizados Los keyframes son puntos clave localizados en fotogramas concretos, para los que en fotogramas concretos, para los que definimos unos valores de los diferentes definimos unos valores de los diferentes parámetros involucrados.parámetros involucrados.

A lo largo de la animación el sistema A lo largo de la animación el sistema interpola los valores que vayan variando.interpola los valores que vayan variando.

Las curvas de función representan de forma Las curvas de función representan de forma gráfica la animación de los parámetros.gráfica la animación de los parámetros.

Los keyframes son representados por Los keyframes son representados por puntos dentro de la curva, y la pendiente puntos dentro de la curva, y la pendiente de la curva entre ellos nos muestra el tipo de la curva entre ellos nos muestra el tipo de interpolación empleado (lineal, de interpolación empleado (lineal, escalonada).escalonada).

3.- Animación de capas.

1212

Fotogramas clave Fotogramas clave ((KeyFramesKeyFrames))

Ejemplo en After EffectsEjemplo en After Effects

Ejemplo en Avid XpressEjemplo en Avid Xpress

3.- Animación de capas.

1313

Fotogramas clave Fotogramas clave ((KeyFramesKeyFrames))

En los compositores, casi todos los En los compositores, casi todos los parámetros modificables dentro de parámetros modificables dentro de las diferentes herramientas son las diferentes herramientas son animables en el tiempo.animables en el tiempo.

Estos parámetros se animan a través Estos parámetros se animan a través de los keyframes que generan unas de los keyframes que generan unas curvas de función también curvas de función también modificables.modificables.

3.- Animación de capas.

1414

1515

Mapa de píxeles de una imagen Mapa de píxeles de una imagen digitaldigital

(0,0) (0,M)

(N,0) (N,M)

f(x,y)

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

1616

Transformaciones Transformaciones

El proceso de transformación de la El proceso de transformación de la localización de los píxeles desde la imagen localización de los píxeles desde la imagen origen a la imagen destino, se denomina origen a la imagen destino, se denomina mapeo origen-destino. mapeo origen-destino.

Cada píxel de la imagen original se Cada píxel de la imagen original se transforma, píxel a píxel a su nueva transforma, píxel a píxel a su nueva localización en la imagen de destino. localización en la imagen de destino.

Conforme se transforman los píxeles, algunas Conforme se transforman los píxeles, algunas de las localizaciones de la imagen destino de las localizaciones de la imagen destino pueden perderse debido a que no existen pueden perderse debido a que no existen píxeles de origen que se transformen en ellas.píxeles de origen que se transformen en ellas.

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

1717

Las localizaciones perdidas pueden Las localizaciones perdidas pueden aparecer con algún tipo de brillo o aparecer con algún tipo de brillo o simplemente en negro. Los agujeros simplemente en negro. Los agujeros negros crean un resultado pobre en la negros crean un resultado pobre en la imagen destino. imagen destino.

Este fenómeno ocurre sobretodo al Este fenómeno ocurre sobretodo al aplicar un escalado.aplicar un escalado.

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

TransformacionesTransformaciones

1818

TranslaciónTranslación

Las transformaciones geométricas lineales, Las transformaciones geométricas lineales, pueden rotar una imagen, agrandarla, reducirla, pueden rotar una imagen, agrandarla, reducirla, y moverla a la derecha, izquierda, arriba y abajo. y moverla a la derecha, izquierda, arriba y abajo. La translación de la imagen supone:La translación de la imagen supone:

x’=x+Tx’=x+Txx

y’=y+Ty’=y+Tyy Donde x e y comprenden las coordenadas de Donde x e y comprenden las coordenadas de

entrada de píxeles, e x’ e y’ son las coordenadas entrada de píxeles, e x’ e y’ son las coordenadas de la imagen de salida, por último Tde la imagen de salida, por último Txx y T y Tyy definen definen la cantidad trasladada en las direcciones x e y.la cantidad trasladada en las direcciones x e y.

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

1919

En el caso de que los valores de Tx o Ty En el caso de que los valores de Tx o Ty no sean enteros, la transformación puede no sean enteros, la transformación puede llevar a la imagen a cantidades que no llevar a la imagen a cantidades que no caigan directamente en la localización de caigan directamente en la localización de los píxeles de la imagen destino. los píxeles de la imagen destino.

En este caso es necesario algún tipo de En este caso es necesario algún tipo de esquema de interpolaciónesquema de interpolación para estimar el para estimar el brillo del píxel resultante en la localización brillo del píxel resultante en la localización entera del píxel en la imagen de destino. entera del píxel en la imagen de destino.

TranslaciónTranslación

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

2020

Ejemplos en After Effects. Hay que tener Ejemplos en After Effects. Hay que tener en cuenta que la traslación se define en en cuenta que la traslación se define en función del centro de la capa.función del centro de la capa.

Ejemplo en Avid.Ejemplo en Avid.

TranslaciónTranslación

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

2121

Rotación Rotación Girar las imágenes alrededor de un Girar las imágenes alrededor de un

punto que funciona como eje. Las punto que funciona como eje. Las ecuaciones son:ecuaciones son:

x=x´cos(x=x´cos()-y´sin()-y´sin())

y=x´sin(y=x´sin()+y´cos()+y´cos())

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

2222

Agrandar y empequeñecer las Agrandar y empequeñecer las imágenes:imágenes:

x´=xSx´=xSxx

y´=ySy´=ySyy

yyx=x´/Sx=x´/Sxx

y=y’/Sy=y’/Syy

Escalado de imágenesEscalado de imágenes

3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen

2323

2424

Distorsiones de la perspectiva3.- Transformaciones geométricas de la imagenTransformaciones geométricas de la imagen