Prctica 3 Composicin en After Effecs

1
Práctica 3 Composición en After Effecs

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

2
Índice

• Conceptos básicos. Composición y capas. Edición
  vertical. Sistemas digitales integrados.
• IGU de Adobe After Effects. Diseño general de la
  IGU. Presentación y ordenación del material.
  Visualización de la composición. Importación de
  archivos.
• Animación de capas. Keyframes.
• Transformaciones geométricas de la imagen
• Transparencia.
• Enunciado.

3
Composición y capas
1.- Conceptos básicos

• La edición de vídeo toma segmentos de vídeo a lo
  largo del eje de tiempos y los reagrupa para
  obtener el mejor efecto visual.
• La composición varias capas de imagen se
  superponen en forma similar a los instrumentos
  que se añaden en una composición musical.
• La composición implica combinar un número de
  imágenes más pequeñas en una mayor, o superponer
  la porción de una imagen sobre un fondo de otra.

4
Composición y capas
1.- Conceptos básicos

• Para combinar una imagen con otra, es necesario
  especificar donde se va a posicionar la capa del
  primer término , con relación al fondo.
• Para realizar estos procesos se utilizan las
  técnicas de Key (llave) y Matte (máscara).
• La idea es obtener la combinación de varias
  imágenes de forma que parezca una única.
• El método de trabajo en capas es muy versátil y
  resulta la base de la postproducción digital
  actual.

5
Edición vertical
1.- Conceptos básicos

• La edición horizontal supone contar una historia
  en un tiempo y confiar en los diálogos para
  hacerlo.
• La edición vertical implica elaborar una
  presentación o un programa mediante composición,
  capas y efectos especiales visuales y sonoros.

6
Sistemas digitales integrados
1.- Conceptos básicos

• Los proyectos que reúnen gran cantidad de trabajo
  de edición horizontal y de edición vertical
  tienen varias alternativas para su elaboración
• Realizar la edición horizontal y vertical
  utilizando diferentes programas (avid y after)
• Edición concurrente en un único sistema digital
  integrado.
• El primer sistema integrado fue HENRY de
  Quantel.
• Otros sistemas integrados son HAL, EDITBOX de
  Quantel, JALEO de Comunicación Integral, Media
  Ilusion de Avid, Flame, Inferno de Discreet Logic

7
Efectos
1.- Conceptos básicos

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

8
Diseño general de la IGU.
1.- IGU de Adobe After Effects.
9
Diseño general de la IGU.
1.- IGU de Adobe After Effects.

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

10
Fotogramas clave (KeyFrames)
3.- Animación de capas.

• En los compositores, casi todos los parámetros
  modificables dentro de las diferentes
  herramientas son animables en el tiempo.
• Estos parámetros se animan a través de los
  keyframes que generan unas curvas de función
  también modificables.

11
Fotogramas clave (KeyFrames)
3.- Animación de capas.

• Los keyframes son puntos clave localizados en
  fotogramas concretos, para los que definimos unos
  valores de los diferentes parámetros
  involucrados.
• A lo largo de la animación el sistema interpola
  los valores que vayan variando.
• Las curvas de función representan de forma
  gráfica la animación de los parámetros.
• Los keyframes son representados por puntos dentro
  de la curva, y la pendiente de la curva entre
  ellos nos muestra el tipo de interpolación
  empleado (lineal, escalonada).

12
Fotogramas clave (KeyFrames)
3.- Animación de capas.

• En los compositores, casi todos los parámetros
  modificables dentro de las diferentes
  herramientas son animables en el tiempo.
• Estos parámetros se animan a través de los
  keyframes que generan unas curvas de función
  también modificables.

13
Mapa de píxeles de una imagen digital
3.- Transformaciones geométricas de la imagen
(0,0)
(0,M)
f(x,y)
(N,0)
(N,M)
14
Transformaciones
3.- Transformaciones geométricas de la imagen

• El proceso de transformación de la localización
  de los píxeles desde la imagen origen a la imagen
  destino, se denomina mapeo origen-destino.
• Cada píxel de la imagen original se transforma,
  píxel a píxel a su nueva localización en la
  imagen de destino.
• Conforme se transforman los píxeles, algunas de
  las localizaciones de la imagen destino pueden
  perderse debido a que no existen píxeles de
  origen que se transformen en ellas.

15
Translación
3.- Transformaciones geométricas de la imagen

• Las transformaciones geométricas lineales, pueden
  rotar una imagen, agrandarla, reducirla, y
  moverla a la derecha, izquierda, arriba y abajo.
• La translación de la imagen supone
• xxTx
• yyTy
• Donde x e y comprenden las coordenadas de entrada
  de píxeles, e x e y son las coordenadas de la
  imagen de salida, por último Tx y Ty definen la
  cantidad trasladada en las direcciones x e y.

16
Rotación
3.- Transformaciones geométricas de la imagen

• Girar las imágenes alrededor de un punto que
  funciona como eje. Las ecuaciones son
• xxcos(?)-ysin(?)
• yxsin(?)ycos(?)

17
Escalado de imágenes
3.- Transformaciones geométricas de la imagen

• Agrandar y empequeñecer las imágenes
• xxSx
• yySy
• y
• xx/Sx
• yy/Sy

18
(No Transcript)
19
3.- Transformaciones geométricas de la imagen
Distorsiones de la perspectiva
20
Medios
5.- Transparencia

• Cuando se trabaja con varias capas es muy útil
  poder dotar a estás de transparencia de forma que
  se puedan ver las capas mas bajas, o ciertas
  regiones de ellas, a través de las superiores.
• Algunos de los medios para crear transparencias
  son
• Canales alfa
• Máscaras
• Gama de Color
• Trazados

21
Ejemplo de transparencia
5.- Transparencia
22
Canales alfa
5.- Transparencia

• El canal alfa de una imagen es el almacenamiento
  de un valor entre 0 y 1(255) para cada pixel, en
  forma adicional a la información del color del
  pixel.
• Un valor de 1 (255) indica que el pixel es
  completamente opaco. Un valor de 0 significa que
  el pixel es completamente transparente. El valor
  intermedio se utilizará para preparar el color
  final del pixel en el proceso de composición por
  transparencia de los distintos elementos que
  componen la imagen.
• El concepto de canal alfa fue presentado en el
  artículo Compositing Digital Images (1984) de
  Thomas Porter y Tom Duff.
• Son canales en escala de grises con 8 bits de
  información. Se almacenan como canal adicional a
  los canales de color RGB y vienen incorporados en
  los formatos que lo permiten por ejemplo TIFF y
  TGA.

23
Canales alfa
5.- Transparencia

• La gran mayoría de programas de edición digital,
  incorporan la propiedad de crear y guardar con la
  imagen canales alfa.
• Existen dos tipos de canales alfa
• Los canales alfa sencillos
• Los canales alfa premultiplicados

24
Canales alfa sencillos
5.- Transparencia

• Guardan las información de la transparencia
  exclusivamente en un canal alfa, mientras que los
  otros tres canales solo recogen información
  relativa al color.
• Por lo tanto la transparencia no será efectiva
  hasta que no se visualice por un programa que
  interprete este tipo de canales.

25
Ejemplo
5.- Transparencia
26
Canales alfa premultiplicados
5.- Transparencia

• La información de la transparencia se almacena
  también en los canales de color, a parte del
  canal alfa.
• De modo que las áreas de los canales de color
  que serán transparentes se multiplican o mezclan
  con un color de fondo que generalmente es negro o
  blanco .
• Las zonas totalmente transparentes adquieren ese
  color de fondo.

27
Máscara (Matte)
5.- Transparencia

• Es una capa o cualquiera de sus canales, que
  define las regiones de transparencia de otra capa
  o de esa misma capa.
• Esta utilidad deriva de las antiguas máscaras de
  cine empleadas para crear zonas de transparencia.
• Se necesitan dos capas, la superior que es la que
  actúa como máscara y la inferior, sobre la que
  se va a crear la transparencia, que denominamos
  de relleno.

28
Máscara (Matte)
5.- Transparencia

• Es posible al menos en AE animar cualquiera de
  las capas (máscara o la de relleno).
• Es conveniente que la capa de máscara tenga un
  contraste alto, ya que generalmente la
  transparencia se genera por luminosidad de sus
  pixels.
• Se necesitan dos capas, la superior que es la que
  actúa como máscara y la inferior, sobre la que
  se va a crear la transparencia.

29
Máscaras en AE (Matte)
5.- Transparencia

• La capa que actuará como máscara debe situarse
  inmediatamente por encima de la capa que cumplirá
  el papel de relleno.
• En AE existen varios modos para crear la
  transparencia
• Máscara de canal alfa (invertida). Utilizando el
  canal alfa.
• Máscara de luminosidad (invertida). Crea la
  máscara en función de la luminosidad blanco
  opaco, negro transparente y grises
  semitransparente.

30
Máscaras en AE (Matte)
5.- Transparencia

• En AE existen varios modos para crear la
  transparencia
• Máscara de canal alfa (invertida). Utilizando el
  canal alfa.
• Máscara de luminosidad (invertida). Crea la
  máscara en función de la luminosidad blanco
  opaco, negro transparente y grises
  semitransparente.

31
Gama
5.- Transparencia

• Esta técnica permite transformar determinados
  valores de color o de luminosidad de una capa en
  píxeles transparentes.
• Cuando el fondo de una capa presenta un color
  homogéneo, bastante contrastado con el objeto
  principal, o valores de luminosidad uniformes, se
  podrán crear efectos de transparencia de forma
  sencilla.

32
Ejemplo de gama
5.- Transparencia
33
Gama de color (Color key)
5.- Transparencia

• Para aplicar este efecto, los parámetros
  habituales a manipular son los siguientes
• Color (gama) a hacer transparente.
• Tolerancia. Determina el rango de colores que se
  harán transparentes dentro de una misma gama.
• Anchura del borde. Normalmente los valores
  positivos aumentan la máscara y los negativos la
  disminuyen.
• Calado del borde. Se utiliza para suavizar los
  bordes, evitando el efecto de dentado.

34
Rango de color (Color range)
5.- Transparencia

• Este efecto es similar al anterior pero un poco
  más sofisticado.
• Una de los diferencias es que permite seleccionar
  colores que no son del mismo tono. Es por lo
  tanto apropiado para extraer objetos sobre fondo
  azul o verde con deficiencias de iluminación.
• Permite definir el espacio de color utilizado
  (RGB, Lab, YUV) y una mayor precisión sobre el
  rango de los colores seleccionados.

35
Gama de luminosidad(luma key)
5.- Transparencia

• Este efecto es similar al anterior pero emplea
  valores de luminosidad en lugar de color.
• En este tipo de efectos se determina un umbral de
  luminosidad y luego se manejan distintos
  parámetros en función del umbral.

36
Trazados (Masks)
5.- Transparencia

• Un trazado es una serie de segmentos o vectores.
  Se pueden crear en AE o en cualquier programa de
  diseño gráfico o retoque fotográfico.
• Al igual que los canales alfa pueden crear
  regiones de transparencia en las capas.

37
Ejemplo de trazado
5.- Transparencia
38
Trazados en AE (Masks)
5.- Transparencia

• Existen cinco formas diferentes de obtener
  trazados en AE
• Utilizando las herramientas de la paleta de
  herramientas (tools)
• Haciendo uso del cuadro de diálogo Mask Shape.
• Incorporar trazados copiados en Photoshop e
  Illustrator
• Convertir un canal alfa en trazado con el comando
  Auto-Trace.
• Convertir una capa de texto en trazado con el
  comando Create Outline.

39
Trazados en AE (Masks)
5.- Transparencia

• Existen dos tipos de trazados, trazados cerrados
  y abiertos. Los cerrados pueden generar
  transparencia, los abiertos no.

40
Enunciado
6.- Enunciado

• Realizar un pequeño montaje en el que se realiza
  una transición del iris de un ojo a una imagen de
  una fiesta. Los ficheros necesarios para la
  realización del trabajo se dejan en el sitio
  habitual.