Este documento presenta una introducción a Adobe After Effects y la composición digital. Explica las etapas de una producción de video, los formatos de video comunes, y los recursos principales de After Effects. Además, describe el flujo de trabajo básico de After Effects, incluyendo la importación de archivos, la creación y organización de capas, y la animación y previsualización del proyecto.

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

2. 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

3. 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

4. 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

5. 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

6. 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

7. 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

8. 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

9. 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

10. 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

11. 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

12. Adobe After Effects
12
Aspect Ratio
12

13. 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

14. Pantalla de Bienvenida Adobe After Effects
14
Recursos a utilizar en la herramienta
14

15. 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

16. 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

17. 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

18. Interfaz de Usuario
Adobe After Effects
18
Recursos a utilizar en la herramienta
18

19. Interfaz de Usuario Adobe After Effects
19
• Herramientas del programa. (íconos)
• Seleccionar, mover, visualizar, editar,
pluma, máscaras, etc.
19

20. Interfaz de Usuario Adobe After Effects
20
• Panel de proyecto
• Importar, buscar, organizar tipo
biblioteca.
20

21. Interfaz de Usuario Adobe After Effects
21
• Monitor. Visualizar video, audio, otros
archivos importados.
21

22. Interfaz de Usuario Adobe After Effects
22
• Panel de preview.
• Reproducir archivos, recorrer el
timeline, RAM preview, etc.
22

23. Interfaz de Usuario Adobe After Effects
23
• Espacio de trabajo
• Podemos seleccionar el adecuado a
nuestra necesidad.
23

24. Interfaz de Usuario Adobe After Effects
24
• Panel Efectos y Presets
• Busqueda y aplicación de efectos o
animaciones pre-fabricadas.
24

25. 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

26. WORKFLOW
26
26

27. 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

28. 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

29. 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 trabajo
Animación paso a paso
29

30. PROJECT
30
30

31. 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

32. 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

33. 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

34. 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

35. LAYERS
35
35

36. 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

37. 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

38. 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

39. PREVIEW
39
39

40. 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

41. 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

42. 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

43. ANIMATION
43
43

44. 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

45. TEXT TOOL
45
45

46. 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

47. 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

48. MASKS
48
48

49. 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

50. 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

51. Fin de la primera parte
Gracias por su atención.
Última Actualización: Jun 21 2013
51

52. Facilitador: Daniel Castelo T.
2013
Bibliografía web y fuentes:
http://help.adobe.com/archive/es_ES/
aftereffects/cs4/after_effects_cs4_help.pdf
http://www.jprogr.com/2011/07/pantallas-y-
monitores-que-es-eso-de.html
52