Post on 19-May-2021
SOFTWARE: AFTER EFFECTSPROFE LABAQUE – SIGLO 21
INTRODUCCIÓN A AFTER EFFECS
• After Effects es como un Photoshop para la edición de vídeos. Con esta aplicación agregamos características únicas y espectaculares a los vídeos que ya están editados.
• Premier sirve para el paso antes de ir a After Effects: la edición del vídeo. Con Adobe Premier podemos hacer lo que podríamos hacer con Windows Movie Maker o Sony Vegas. Editar partes de un vídeo para hacerlo más corto, unir varias piezas o darle mayor coherencia entre las diferentes transiciones. Eso se puede hacer con Adobe Premier.
1.2.1 AFTER EFFECTS VS OTROS PROGRAMAS DE ANIMACIÓN Y DISEÑO: AFTER VS. PREMIERE
INTRODUCCIÓN A AFTER EFFECS
• Un vídeo primero debería pasar por Premiere y luego a After Effects para añadir toques muy llamativos y sensacionales.
• En SÍNTESIS. Mientras que con Premiere solo haces edición con After Effects agregas animaciones y más.
1.2.1 AFTER EFFECTS VS OTROS PROGRAMAS DE ANIMACIÓN Y DISEÑO.
INTRODUCCIÓN A AFTER EFFECS
• Flash ofrece un Sistema de programación (Action Script) e interactividad que permite productos multimediales interactivos y no lineales. Sin embargo en páginas web su código de programación no es tan compatible con HTML 5 (indexabilidad/ obligatoriedad de instalar shockwave flash en tu Sistema)
• After Effects es un Sistema de animación por medio de keyframes que quedan “atados” a una lectura lineal. Por lo tanto no ofrece al producto multimedia final la posibilidad de interactividad mediante programación. EL PRODUCTO FINAL DE AFTER EFFECTS SON PELÍCULAS QUE COMIENZAN Y TERMINAN A TRAVÉS DE UN PROCESO QUE LLAMAMOS RENDERIZACIÓN.
• De todas formas, aquí no hay competencia y podemos trabajar con ambos programas
1.2.1 AFTER EFFECTS VS OTROS PROGRAMAS DE ANIMACIÓN Y DISEÑO. AFTER VS. ANIMATE
INTRODUCCIÓN A AFTER EFFECS
• Un motion graphic es una gráfica en movimiento
• Es la utilización de elementos gráficos como isologotipos, tipografías, y otros elementos por lo general de origen vectorial (AI) o mapa de bits (PSD) para ponerlos en movimiento.
• Tanto Illustrator como Photoshop sirven para crear este tipo de animaciones y los archivos deben exportarse por CAPAS/ LAYERS.
• A los diseñadores les sirve para crear relatos multimediales con diversos propósitos, a los publicitas les sirve para la producción televisiva y la creación de “faldones”, cabeceras, créditos; moscas y todo tipo de spots publicitarios.
1.2.1 AFTER EFFECTS VS OTROS PROGRAMAS DE ANIMACIÓN Y DISEÑO. DISEÑAREMOS MOTION GRAPHICS
INTRODUCCIÓN A AFTER EFFECS
1.2.2 INTERFAZ
MENÚ: se cambia según la herramienta seleccionada INFO: sobre
todo sobre dimensiones y ubicación del elemento en
cuestión
EFECTOS> esuna de las
ventanas que más
utilizaremos(de ahí el nombre el software).
Linea de tiempo: definida por capas.
Se trabaja sobre la variable de tiempo
aplicada a keyframes y diversas animaciones de
los mismos.
Resolución. Para que no se nos “trabe” la
compu mejor trabajar con la menor
resolución posible (1/4)
Lista de archivos creados/importados organizados por
composiciones Fit up to 100%: para ver toda el área de
composición
Para previsualizar la composición.
Estos son “Switchs” que veremos más
adelante.
Con scroll de mouse y alt podremos ampliar
e ir a donde querramos.
Para capas 3D. Para cambiar el punto de anclaje.
INTRODUCCIÓN A AFTER EFFECS
• Window> workspace > Estándar (espacio de trabajo sugerido)
• Aclaración: cuando abrís After Effects te crea un nuevo PROYECTO.
• Dentro de ese proyecto se sitúan las COMPOSICIONES.
• A) COMPOSICIÓN> Nueva composición
• B) VALORES DE LA COMPOSICIÓN
• (valores sugeridos):
1.2.3 CREAR UN NUEVO ESPACIO DE TRABAJO
HDTV 720: 1280 ancho x 720 de alto
Mejor dejarla en ¼ (no va a alterar la calidad final)Horas, minutos, segundos, frames.
Si escribís 30 + (.) te lo convierte en 30 segundos. Es la medida que por
lo general utilizaremos.
INTRODUCCIÓN A AFTER EFFECS
1.2.2B CONCEPTOS CLAVES
Trabajaremos con 24 cuadros
por segundo
Este término, también
utilizado en Animatepermite
animaciones mediante el cambio de
propiedades de un elemento
gráfico.
INTRODUCCIÓN A AFTER EFFECS
1.2.2B CONCEPTOS CLAVES Transición de un valor
determinado a un valor
diferente.
El shortcut es 0 (cero)
El producto final
INTRODUCCIÓN A AFTER EFFECS
1.2.2B CONCEPTOS CLAVES
• PAL D1/ DV: Europa y Arg
• NTSC/ DV: Norteamérica
______________________
• HDV TV 720 -29… (NTSC)
• HDV TV 720 -25 (PAL)
(El formato es 1280 * 720)
_______________
INTRODUCCIÓN A AFTER EFFECS
1.2.2B CONCEPTOS CLAVES… SUGERENCIAS
• Control+K
• Pixeles cuadrados
• 25 FPS
• Más allá del color de fondo podés optar por verlo transparente.
• Si luego queremos cambiar esto Ctrl+K o Composición> ajustes composición.
INTRODUCCIÓN A AFTER EFFECS
1.2.2B CONCEPTOS CLAVES… SUGERENCIAS
• Es un programa “Multicapa”: Adobe After Effects permite integrar los elementos en una composición aplicando efectos a cada capa o layer ubicada en su propio track y diseñar composiciones de gran complejidad.
INTRODUCCIÓN A AFTER EFFECS
AHORA ABRIMOS AFTER EFFECTS.
• Por omisión se crea un PROYECTO (SIN TÍTULO).
• Dentro del PROYECTO> COMPOSICIONES.
• Para crear composición: COMPOSICIÓN> NUEVA COMPOSICIÓN.
• HDTV 24/25
• Poner el tiempo con segundos apretando directamente la tecla (.) punto.
INTRODUCCIÓN A AFTER EFFECS
AHORA ABRIMOS AFTER EFFECTS.
• ESPACIO DE TRABAJO: Window> Workspace…
• Podés personalizarlo: pero luego volve al inicial .
INTRODUCCIÓN A AFTER EFFECS
• Abrirlo en Illustrator:
• Utilizar la ventana calco interactivo.
• Luego expandilo y pintalo.
• Debe haber una capa por cada archivo
• Que el tamaño de la hoja te quede del tamaño que querésla hoja de AE
• Guardalo
(EJERCICIO DE HOY: BAJÁ EL ARCHIVO CORONA)https://mega.nz/#F!RNsHABJb!x1lOwafUEsayB9u6lmKH2A
INTRODUCCIÓN A AFTER EFFECS
• FOOTAGE (o material de archivo) VS COMPOSICIÓN:
• Footage: te trae el archivo trabajado como UNA SOLA CAPA.
• Para crear un objeto común en una composición hay que arrastrarlo hacia el ícono de composición.
• Para no darle vueltas: importa como composición con conservar tamaños de capa.
1.2.4 IMPORTACIÓN DE ARCHIVOS (AI / PSD
INTRODUCCIÓN A AFTER EFFECS
1.2.4 IMPORTACIÓN DE ARCHIVOS (AI / PSD
• Archivos Base:
• No se optimizan desde A.E (Illustrator/ Photoshop/ Etc).
• Ctrl+E posicionado en el archivo.
• En Photoshop: siempre optimizar imágenes a 72 DPI
• En Illustrator: acostumbrarse a trabajar por capas.
• Sonido: La previsualización se hará al posicionarse sobre esa capa y presionar . (punto alfanumérico)
• TRABAJAR ORDENADAMENTE:
• Meter todo en folders
INTRODUCCIÓN A AFTER EFFECS
1.2.4 IMPORTACIÓN DE ARCHIVOS (AI / PSD
• CÓMO IMPORTAR LOS ARCHIVOS:
• Arrastrar y soltar (en canvas)> es impreciso.
• Arrastrar al Timeline/ línea de tiempo: queda siempre centrada.
• Visualización: si vas al timeline podés manejar la visualización de determinada línea desde la línea violeta (cuan larga sea en el tiempo definido=.
INTRODUCCIÓN A AFTER EFFECS
• FOOTAGE VS COMPOSICIÓN (ej. Con archivo de illustrator):
• COMPOSICIÓN: te trae el archivo trabajado DIVIDIDO POR CAPAS.
• La próxima opción que te dará es si preferís dejar las dimensiones originales trabajadas en el software de origen o si preferís adaptar el archivos trabajado a las dimensiones del documento actual.
1.2.4 IMPORTACIÓN DE ARCHIVOS (AI / PSD
Si quiero editar la capa seleccíono Ctrl+Ey podrás editarlo en el software original.
INTRODUCCIÓN A AFTER EFFECS
• FOOTAGE VS COMPOSICIÓN (ej. Con archivo de photoshop):
• El proceso es casi el mismo. Lo importante es seguir optando por layersdiferentes (Composición)
1.2.4 IMPORTACIÓN DE ARCHIVOS (AI / PSD
INTRODUCCIÓN A AFTER EFFECS
• SUGERENCIA FINAL: organizar la ventana de proyecto en Folders/ carpetas
1.2.4 IMPORTACIÓN DE ARCHIVOS (ORGANIZACIÓN DEL TRABAJO)
INTRODUCCIÓN A AFTER EFFECS
1.2.5 PROPIEDADES BÁSICAS
En capas vectoriales si vemos la imagen pixelada al escalar se le puede dar vectorizacióncontinua.
Con la tecla U se ocultan todas las propiedades automáticamente.
INTRODUCCIÓN A AFTER EFFECS
1.2.5 PROPIEDADES BÁSICAS(A) Anchor Point: punto de
referencia para transformar/ rotar una capa. Se cambia
fácilmente con la herramienta superior izq.
(P) Posición: el punto 0 es el vértice izq/ sup del cuadro.Eje X: horizontalEje Y: vertcal.
(r) Rotación: Número de vueltas y grado de las mismas.
(t) Opacidad
En cada propiedad si hacemos click derecho
podemos elegir el valor de la propiedad y la unidad de
medida..
INTRODUCCIÓN A AFTER EFFECS
1.2.6 CREACIÓN DE KEYFRAMES• Antes que nada hay que setear cu{al va ser
el tiempo:
• Composición> composition settings. (Ctrl+K)
• El seteo por omisión viene en segundos pero podemos cambiar la visualización del tiempo haciendo click
INTRODUCCIÓN A AFTER EFFECS
1.2.6 CREACIÓN DE KEYFRAMES1) Hacer click
según la propiedad
que querramos
modificar. EjP= posición
2) Nos vamos al
frame donde queremos
hacerlo clave y apretamos el botón o
simplemente extendemos
el objeto hasta donde nos interesa
ubicarlo
3) Previsualiza
mos la animación.
4) Con la tecla 0 se
puede previsualizar
también.
Presionando shift en varias capas + el atajo que deseemos podemos trabajar conjuntamente con varios objetos. Presionando U podemos ver todas las propiedades que se han editado (o las ocultamos)
INTRODUCCIÓN A AFTER EFFECS
1.2.6 CREACIÓN DE KEYFRAMESPresionando shift en varias capas + el atajo que deseemos podemos trabajar conjuntamente con varios objetos. Presionando U podemos ver todas las propiedades que se han editado (o las ocultamos)
Ejemplo con shift en
todas las capas +R
INTRODUCCIÓN A AFTER EFFECS
1.2.6 FRAMES Y SU ACELERACIÓN/DESACELERACIÓNPara darle más realismo al movimiento.
Ir a la propiedad que querésmodificar
Elegir cualquiera de estas 3. (el nombre te dice qué es lo que
hace)
INTRODUCCIÓN A AFTER EFFECS
1.2.6 FRAMES Y SU ACELERACIÓN/DESACELERACIÓNPara darle más realismo al movimiento.
Ejemplo con shift en
todas las capas +R
1: seleccionar
lo que queremos
acelerar/desacelerar
(posición) 2: Ir al editor de gráficos y
activarlo3: Mostrar la
menos información
posible
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION.
1) Hacer un solo clicksobre la primer imagen
Podemos hacer un stop motion en cualquier programa. Veremos cómo lo podemos hacer en After Effects. Primero tenés haber sacado las fotos con todas las imágenes ordenadas alfabética o numéricamente.
2) Importar como una secuencia de imágenes. +
Forzar orden alfatético.
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION.
3) Botón derecho sobre la de imágenes.
Interpretar Footage> principal
Podemos hacer un stop motion en cualquier programa. Veremos cómo lo podemos hacer en After Effects. Primero tenés que tener todas las imágenes ordenadas alfabética o numéricamente.
4) Cambiar el frame rate
entre 6 y 12 para que se
vea más cortado.
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION.
5) Arrastrar las imágenes hacia el ícono de
composición (para hacer una nueva composición) y
darle los valores que querramos (HDTV)
Podemos hacer un stop motion en cualquier programa. Veremos cómo lo podemos hacer en After Effects. Primero tenés que tener todas las imágenes ordenadas alfabética o numéricamente.
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION.
Botón derecho sobre la capa que exportaste.
Opcional. Podés poner fusión de fotogramas para que se vea tipo “papel vegetal”
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION…. EXPORTAR Exportar como GIF ANIMADO
Este programa sirve para exportar en varios
formatos.
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION…. EXPORTAR Exportar como GIF ANIMADO
Seleccioná El formato GiF Animado.
Fijate a dónde se va a guardar
Dale Play para exportar
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION…. EXPORTAR Exportar como GIF ANIMADO
Seleccioná El formato GiF Animado.
Fijate a dónde se va a guardar
Dale Play para exportar
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION…. EXPORTAR Exportar como GIF ANIMADO
Fijate a dónde se va a guardar
Acá se va mostrando el avance
INTRODUCCIÓN A AFTER EFFECS
(TP. REALIZAR UN STOP MOTION…. EXPORTAR Exportar como GIF ANIMADO
Esto te guarda todos los archivos enlazados para que puedas enviarlo a
alguien y pueda verlo o para abrirlo desde otra
compu
INTRODUCCIÓN A AFTER EFFECS
USAR UN TRAZADO DE AI COMO GUÍA DE MOVIMIENTO
Generá un nuevo archivo en adobe Illustrator con las mismas medidas que
la composición de A.E
INTRODUCCIÓN A AFTER EFFECS
USAR UN TRAZADO DE AI COMO GUÍA DE MOVIMIENTO
Importar/ colocar la misma imagen en After
Effects y en AI
Dibujar el Recorrido en AI y Copiar el trazado
INTRODUCCIÓN A AFTER EFFECS
USAR UN TRAZADO DE AI COMO GUÍA DE MOVIMIENTO
Colocar un personaje cualquiera que recorrerá
el laberinto.
Hacer un fotograma clave en POSICIÓN Y
Pegar el trazado desde Ai
INTRODUCCIÓN A AFTER EFFECS
USAR UN TRAZADO DE AI COMO GUÍA DE MOVIMIENTO
Hacer un fotograma clave en POSICIÓN Y
Pegar el trazado desde Ai
INTRODUCCIÓN A AFTER EFFECS
USAR UN TRAZADO DE AI COMO GUÍA DE MOVIMIENTO
Hacer un fotograma clave en POSICIÓN Y
Pegar el trazado desde Ai
INTRODUCCIÓN A AFTER EFFECS
PROPIEDADES MÁS AVANZADAS DE ANIMACIÓN DE TEXTO
Escribir un texto.
INTRODUCCIÓN A AFTER EFFECS
PROPIEDADES MÁS AVANZADAS DE ANIMACIÓN DE TEXTO
Seleccionar un tipo de animación
INTRODUCCIÓN A AFTER EFFECS
PROPIEDADES MÁS AVANZADAS DE ANIMACIÓN DE TEXTO
Seleccionar el rango y cambiar principio y
fin.
INTRODUCCIÓN A AFTER EFFECS
1.2.5 TRABAJO CON KEYFRAMES
• ACTIVACIÓN DE KEYFRAMES (PASOS/SUGERENCIAS):
• Asegurarse de que la capa esté estirada (línea violeta) dentro del timeline.
• Poner el playhead o cabezal en la ubicación donde querés modificar la animación.
• Activar el reloj de propiedades que queremos animar.