52
Portafolio de Composición Digital Adobe After Effects Facilitador: Daniel Castelo T. 2013 1 Introducción Primera parte 1

Composición digital portafolio

Embed Size (px)

DESCRIPTION

Clase de introducción a la composición digital y animación en 2D en After Effects

Citation preview

Page 1: Composición digital portafolio

Portafolio de Composición Digital Adobe After Effects

Facilitador: Daniel Castelo T.

2013

1

Introducción

Primera parte

1

Page 2: Composición digital portafolio

Adobe After Effects

• Etapas de una producción.

• La composición digital.

• Formatos de video.

• Recursos a utilizar en la herramienta.

2

Composición Digital

2

Page 3: Composición digital portafolio

Adobe After Effects

• Etapas de una producción:

• Al hablar de una producción de cine o televisión, para su correcto desarrollo nos encontramos en la necesidad de separar el proyecto en 3 etapas:

• Pre - Producción

• Producción

• Post - Producción

• Al trabajar una composición digital, sin embargo hay variaciones en dicho proceso o flujo de trabajo que debemos considerar.

3

Composición Digital

3

Page 4: Composición digital portafolio

Adobe After Effects

• Etapas de una producción > Pre - Producción:

• Plantear las necesidades del proyecto.

• Desarrollar guión y storyboard (guía visual de la animación).

• Definir tipos de elementos a importar (video, audio, vector, jpg, png, psd, etc).

• Definir ajustes de composición y elementos en el orden a ser animados.

• Definir formato de salida y de reproducción.

4

Composición Digital

4

Page 5: Composición digital portafolio

Adobe After Effects

• Etapas de una producción > Producción:

• Crear composición. Guardar proyecto. Importar archivos a biblioteca.

• Trasladar elementos de la biblioteca, a la línea de tiempo.

• Animar capas y elementos por parámetros.

• Pre composición - Importar composiciones dentro de otra.

• Ajustar parámetros de interpretación : Render settings

• Output module - Render

5

Composición Digital

5

Page 6: Composición digital portafolio

Adobe After Effects

• Etapas de una producción > Post - Producción:

• Importar video o animación.

• Aplicar efectos especiales: máscaras, chroma key, corrección de color, etc.

• Configurar los ajustes de salida.

• Render.

6

Composición Digital

6

Page 7: Composición digital portafolio

Adobe After Effects

• ¿Qué es la composición digital?

• Es la creación de complejas imágenes digitales a partir de diversas fuentes (como el vídeo o la fotografía y fuentes de imagen en 2D y 3D que pueden ser estáticas o animadas).

• A nivel profesional se relaciona con la producción para el cine, la televisión y en general para los medios interactivos. La parte práctica de la asignatura se desarrolla con el software de Adobe, After Effects.

7

Composición Digital

7

Page 8: Composición digital portafolio

Adobe After Effects

• Formatos de video. El tipo de video con el que vamos a trabajar en AE depende de muchos factores, entre los más importantes:

• Tipos de archivos de video / MOV / AVI / MPEG / FLV ...

• Cantidad de fotogramas por segundo / 24 / 25 / 30 / 60 fps.

• Aspect Ratio / 4:3 - 16:9.

• Cantidad de pixeles 720 x 480, 1280 x 720, 1920 x 1080, 2K, 4K.

• Formatos de TV : NTSC / PAL / SECAM :: ISDB-T / ATSC / DVB-T.

• Progresivo o entrelazado

8

Formatos de video

8

Page 9: Composición digital portafolio

Adobe After Effects

• Formatos de video.

• Algunas extensiones de nombres de archivo, como MOV, AVI, MXF, FLV y F4V, identifican formatos de archivos contenedores en lugar de un formato de datos de imagen, vídeo o audio determinado.

• Los archivos contenedores pueden tener datos codificados mediante varios esquemas de compresión y codificación.

• After Effects puede importar estos archivos contenedores, pero la capacidad de importar los datos del archivo dependerá de los códecs (especialmente los descodificadores) instalados.

9

Formatos de video

9

Page 10: Composición digital portafolio

Adobe After Effects

• Formatos de video.

• La velocidad de fotogramas (frames per second) de la composición determina el número de fotogramas que se muestran por segundo y cómo se divide el tiempo por fotogramas en la regla de tiempo y en el visualizador de tiempo

• 24 fps para formato de cine.

• 29.97 (30) fps para formato de televisión.

• NTSC para Ecuador.

10

FPS

10

Page 11: Composición digital portafolio

Adobe After Effects

• Formatos de video.

• Proporción de aspecto de píxeles y fotogramas

• Indica la proporción de anchura respecto a la altura del fotograma de la imagen.

11

Proporción

11

Page 12: Composición digital portafolio

Adobe After Effects

12

Aspect Ratio

12

Page 13: Composición digital portafolio

Adobe After Effects

• Formatos de video.

• Resolución, hablando específicamente de video, se refiere a una cantidad relativa: una relación entre el número de píxeles que se procesan y el número de píxeles de la imagen original.

• Cada composición tiene su propio ajuste de Resolución, el cual afecta a la calidad de la imagen de la composición cuando se procesa para las previsualizaciones y salidas finales (Output).

• El tiempo y memoria de procesamiento de cada fotograma son prácticamente proporcionales al número de píxeles que se procesan.

13

Resolución

13

Page 14: Composición digital portafolio

Pantalla de Bienvenida Adobe After Effects

14

Recursos a utilizar en la herramienta

14

Page 15: Composición digital portafolio

Pantalla de Bienvenida Adobe After Effects

• Al ejecutar A.E. un cuadro de diálogo nos muestra las opciones de abrir un proyecto existente, crear una nueva composición, ver ayuda del programa o explorar plantillas.

15

15

Page 16: Composición digital portafolio

Pantalla de Bienvenida Adobe After Effects

• El tip del día nos presenta nuevas técnicas y capacidades del programa.

• Aparece dentro del menú Help 16

16

Page 17: Composición digital portafolio

Pantalla de Bienvenida Adobe After Effects

• Al usar por segunda vez el software, sucesivamente aparecerán accesos directos a los proyectos (.aep) más recientes en que hemos estado trabajando.

17

17

Page 18: Composición digital portafolio

Interfaz de UsuarioAdobe After Effects

18

Recursos a utilizar en la herramienta

18

Page 19: Composición digital portafolio

Interfaz de Usuario Adobe After Effects

19

• Herramientas del programa. (íconos)

• Seleccionar, mover, visualizar, editar, pluma, máscaras, etc.

19

Page 20: Composición digital portafolio

Interfaz de Usuario Adobe After Effects

20

• Panel de proyecto

• Importar, buscar, organizar tipo biblioteca.

20

Page 21: Composición digital portafolio

Interfaz de Usuario Adobe After Effects

21

• Monitor. Visualizar video, audio, otros archivos importados.

21

Page 22: Composición digital portafolio

Interfaz de Usuario Adobe After Effects

22

• Panel de preview.

• Reproducir archivos, recorrer el timeline, RAM preview, etc.

22

Page 23: Composición digital portafolio

Interfaz de Usuario Adobe After Effects

23

• Espacio de trabajo

• Podemos seleccionar el adecuado a nuestra necesidad.

23

Page 24: Composición digital portafolio

Interfaz de Usuario Adobe After Effects

24

• Panel Efectos y Presets

• Busqueda y aplicación de efectos o animaciones pre-fabricadas.

24

Page 25: Composición digital portafolio

Interfaz de Usuario Adobe After Effects

25

• Línea de tiempo. Timeline.

• Los elementos se arrastran hasta aquí desde la biblioteca del proyecto para poder ser transformados para la animación digital.

25

Page 26: Composición digital portafolio

WORKFLOW

26

26

Page 27: Composición digital portafolio

Flujo de trabajo Adobe After Effects

• Tanto si utiliza Adobe After Effects para animar un título sencillo como para crear efectos visuales complejos, normalmente debe seguir el mismo flujo de trabajo básico.

1.Importación y organización del material de archivo

2.Creación y disposición de capas en una composición

3.Modificación y animación de las propiedades (o parámetros) de capa

4.Incorporación de efectos y modificación de las propiedades de los efectos

5.Previsualización.

6. Procesamiento y exportación

27

27

Page 28: Composición digital portafolio

Flujo de trabajo Adobe After Effects

• Cree una nueva composición:

• Seleccione Composición > Nueva composición.

• Pulse Ctrl+N (Windows) o Comando+N (Mac OS).

• Cambie el valor Duración del cuadro de diálogo Ajustes de composición.

• Cree una nueva capa con algún tipo de archivo.

• Seleccione Capa.

• Despliege la flecha que descubre los parámetros de animación.28

Animación paso a paso

28

Page 29: Composición digital portafolio

Adobe After Effects

• Defina un fotograma clave inicial para la propiedad que desee modificar: Posición / Opacidad / Rotación / Escala / Punto de anclaje.

• Haga clic en el triángulo que hay a la izquierda del nombre de capa en el panel Línea de tiempo, haga clic en el triángulo que hay a la izquierda del nombre de grupo Transformación y, a continuación, haga clic en el botón de cronómetro (stopwatch) situado a la izquierda del nombre de propiedad que desea modificar.

• Recuerde que debe crear siempre al menos 2 fotogramas para poder ver la animación.

• Aplicar el mismo proceso por cada capa en la línea de tiempo.

29

Flujo de trabajoAnimación paso a paso

29

Page 30: Composición digital portafolio

PROJECT

30

30

Page 31: Composición digital portafolio

Proyectos Adobe After Effects

• Un proyecto de After Effects es un archivo único donde se almacenan composiciones y referencias a todos los elementos de material de archivo que se utilizan en dicho proyecto.

• Las composiciones son colecciones de capas.

• Muchas capas utilizan elementos de material de archivo (como películas o imágenes fijas) como origen, aunque algunas capas (como las capas de forma y las capas de texto) contienen gráficos que se crean en After Effects.

31

31

Page 32: Composición digital portafolio

Proyectos Adobe After Effects

• Solamente se puede abrir un proyecto al mismo tiempo.

• Si se crea o se abre otro archivo de proyecto cuando ya hay un proyecto abierto, After Effects pide que se guarden los cambios del proyecto abierto y, a continuación, lo cierra.

• Una vez creado un proyecto, se puede importar material de archivo al proyecto.

• Para crear un proyecto, elija Archivo > Nuevo > Nuevo proyecto.

• Para abrir un proyecto, elija Archivo > Abrir proyecto, busque el proyecto y haga clic en Abrir.

32

32

Page 33: Composición digital portafolio

Proyectos Adobe After Effects

• IMPORTAR ARCHIVOS A LA BIBLIOTECA DEL PROYECTO.

• Se pueden importar muchos tipos de archivos diferentes, colecciones de archivos o componentes de archivos como las fuentes para los elementos de material de archivo individuales, incluyendo archivos de imagen en movimiento, archivos de imágenes fijas, secuencias de imágenes fijas y archivos de audio.

• El usuario puede crear por sí mismo, incluso, elementos de material de archivo en After Effects, como sólidos y precomposiciones.

• En un proyecto se pueden importar elementos de material de archivo en cualquier momento.

33

33

Page 34: Composición digital portafolio

Proyectos Adobe After Effects

• Al importar archivos, After Effects no copia en el proyecto los datos de imagen propiamente dichos sino que crea un enlace de referencia al origen del elemento de material de archivo, lo que mantiene el tamaño relativamente reducido de los archivos de proyecto.

• RECUERDE SIEMPRE GRABAR los cambios que se hagan en el proyecto conforme vaya avanzando en su composición digital, en la barra principal donde se encuentra el título del proyecto, aparece un asterisco cuando el proyecto no ha sido grabado correctamente como recordatorio.

• Si se elimina, cambia de nombre o mueve un archivo de origen importado, se rompe el enlace de referencia a ese archivo. Cuando un enlace se rompe, el nombre del archivo de origen aparece en cursiva en el panel Proyecto, y como no disponible en la columna Ruta de archivo. Si el elemento de material de archivo está disponible, se puede restablecer el enlace (normalmente sólo con hacer doble clic en el elemento y volver a seleccionar el archivo).

34

34

Page 35: Composición digital portafolio

LAYERS

35

35

Page 36: Composición digital portafolio

Capas Adobe After Effects

• Las capas son los elementos que forman una composición.

• Sin capas, una composición es sólo un fotograma vacío.

• Utilice tantas capas como sea necesario, para crear la composición.

• Algunas composiciones contienen miles de capas, mientras que otras composiciones contienen sólo una.

• El panel Línea de tiempo de After Effects permite trabajar con las capas de forma similar a como se haría en el panel de capas de Photoshop.

36

36

Page 37: Composición digital portafolio

Tipos de Capas Adobe After Effects

• Capas de vídeo y audio basadas en elementos de material de archivo importado como, por ejemplo, imágenes fijas, películas y pistas de audio

• Capas que se crean en After Effects para realizar funciones especiales como, por ejemplo, cámaras, luces, capas de ajuste y objetos nulos

• Capas de color sólido basadas en elementos de material de archivo de color sólido creados en After Effects

• Capas sintéticas que alojan elementos visuales que se crean en After Effects como, por ejemplo, capas de forma y capas de texto.

• Capas de precomposición, que utilizan las composiciones como sus elementos de material de archivo de origen.

37

37

Page 38: Composición digital portafolio

Orden de las Capas Adobe After Effects

• After Effects numera automáticamente todas las capas de una composición.

• De forma predeterminada, estos números se ven en el panel Línea de tiempo, al lado del nombre de la capa.

• El número se corresponde con la ubicación de esa capa en el orden de apilamiento. Cuando el orden de apilamiento cambia, After Effects cambia todos los números en consecuencia.

• El orden de apilamiento de las capas afecta al orden de procesamiento y, por tanto, al procesamiento de la composición en cuanto a previsualizaciones y resultado final.

38

38

Page 39: Composición digital portafolio

PREVIEW

39

39

Page 40: Composición digital portafolio

Previsualización Adobe After Effects

• Puede obtener una previsualización de todo o parte de la composición a medida que va trabajando en ella, sin necesidad de realizar el RENDER (procesamiento) para obtener el resultado final.

• A pesar de que con frecuencia se habla del término RENDER o procesamiento como si sólo se aplicara al resultado final, los procesos de creación de vistas previas que se puedan visualizar en los paneles de material de archivo, capas y composición también se consideran tipos de procesamiento.

40

40

Page 41: Composición digital portafolio

Previsualización Adobe After Effects

• Una de los controles de ajustes de previsualización más simple y con más efecto es el menú de ajustes Resolución/Submuestreo, en la parte inferior del panel Composición.

• Seleccione un valor que no sea FULL (Completa) en el menú para ver todas las previsualizaciones a una resolución inferior.

• AUTO. FULL. HALF. THIRD. QUARTER. CUSTOM

41

41

Page 42: Composición digital portafolio

Previsualización Adobe After Effects

• FULL / Completa: Procesa todos los píxeles de una composición. Este ajuste proporciona la mejor calidad de imagen pero el procesamiento es más lento.

• HALF / Mitad: Procesa 1/4 de los píxeles contenidos en la imagen a resolución completa––la mitad de las columnas y la mitad de las filas.

• THIRD / Tercio: Procesa 1/9 de los píxeles contenidos en la imagen a resolución completa.

• QUARTER / Cuarto: Procesa 1/16 de los píxeles contenidos en la imagen a resolución completa.

• CUSTOM / Personalizado: Procesa la imagen según las resoluciones horizontal y vertical especificadas.

42

42

Page 43: Composición digital portafolio

ANIMATION

43

43

Page 44: Composición digital portafolio

Texto Adobe After Effects

• La animación es el cambio de una propiedad en el tiempo. (Timeline)

• Para animar una capa o un efecto cambie una o varias de sus propiedades en el tiempo.

• Por ejemplo, se puede animar la propiedad de Opacidad de una capa del 0% en el tiempo cero al 100% en el tiempo 1 segundo para simular un fade to black o fade out, dependiendo si el fondo es negro o hay alguna imagen en la capa de abajo en el orden de capas.

• Cualquier propiedad con un botón de cronómetro a la izquierda de su nombre en el panel Linea de tiempo o en el de Controles de efectos se puede animar.

44

44

Page 45: Composición digital portafolio

TEXT TOOL

45

45

Page 46: Composición digital portafolio

Texto Adobe After Effects

• Las capas de texto le permiten agregar texto a una composición.

• Puede animar las propiedades de todas las capas de texto o las propiedades de caracteres individuales, como color, tamaño y posición.

• Las capas de textos son capas sintéticas, es decir, que una capa de texto no utiliza un elemento de material de archivo como su origen (aunque puede convertir la información de texto de ciertos elementos de material de archivo en capas de texto).

• Las capas de texto son también capas vectoriales.

46

46

Page 47: Composición digital portafolio

Texto Adobe After Effects

• Como sucede con las capas de formas y otras capas vectoriales, las capas de texto se rasterizan continuamente.

• Cuando se ajusta la escala de la capa o se redimensiona el texto, conserva los bordes nítidos de independientemente de la resolución.

• Hay dos tipos de texto: texto de punto y texto de párrafo.

• El texto de punto es útil para introducir una única palabra o una línea de caracteres, mientras que el texto de párrafo sirve para escribir texto y aplicarle formato en uno o más párrafos.

47

47

Page 48: Composición digital portafolio

MASKS

48

48

Page 49: Composición digital portafolio

Máscaras Adobe After Effects

• Una máscara en After Effects es un trazado que se usa como parámetro para modificar atributos, efectos y propiedades de capa.

• Las máscaras de trazado cerrado pueden crear áreas transparentes en una capa.

• Los trazados abiertos no pueden crear áreas transparentes para una capa pero son útiles como parámetros para un efecto.

49

49

Page 50: Composición digital portafolio

Máscaras Adobe After Effects

• Entre los efectos que pueden utilizar un trazado de máscara abierto o cerrado como entrada se incluyen Trazo, Texto de ruta, Forma de onda de audio, Espectro de audio y Vegas.

• Entre los efectos que pueden utilizar máscaras cerradas (pero no máscaras abiertas) como entrada se incluyen Relleno, Alargar, Dar nueva forma, Animación del objeto e Incrustación interior/exterior.

50

50

Page 51: Composición digital portafolio

Fin de la primera parte

Gracias por su atención.

Última Actualización: Jun 21 2013

51