SOFTWARE: AFTER EFFECTS...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

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


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


• 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


• 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


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.


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


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.


1.2.2B CONCEPTOS CLAVES Transición de un valor

determinado a un valor

diferente.

El shortcut es 0 (cero)

El producto final


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)

_______________


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.


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.


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.


AHORA ABRIMOS AFTER EFFECTS.

• ESPACIO DE TRABAJO: Window> Workspace…

• Podés personalizarlo: pero luego volve al inicial .


• 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

https://mega.nz/#F!RNsHABJb!x1lOwafUEsayB9u6lmKH2A


• 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



• 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



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


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


Si quiero editar la capa seleccíono Ctrl+Ey podrás editarlo en el software original.


• FOOTAGE VS COMPOSICIÓN (ej. Con archivo de photoshop):

• El proceso es casi el mismo. Lo importante es seguir optando por layersdiferentes (Composición)



• SUGERENCIA FINAL: organizar la ventana de proyecto en Folders/ carpetas

1.2.4 IMPORTACIÓN DE ARCHIVOS (ORGANIZACIÓN DEL TRABAJO)


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.


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


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


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)


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


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)


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


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



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.



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.



Botón derecho sobre la capa que exportaste.

Opcional. Podés poner fusión de fotogramas para que se vea tipo “papel vegetal”


(TP. REALIZAR UN STOP MOTION…. EXPORTAR Exportar como GIF ANIMADO

Este programa sirve para exportar en varios

formatos.



Seleccioná El formato GiF Animado.

Fijate a dónde se va a guardar

Dale Play para exportar



Seleccioná El formato GiF Animado.


Dale Play para exportar




Acá se va mostrando el avance



Esto te guarda todos los archivos enlazados para que puedas enviarlo a

alguien y pueda verlo o para abrirlo desde otra

compu


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



Importar/ colocar la misma imagen en After

Effects y en AI

Dibujar el Recorrido en AI y Copiar el trazado



Colocar un personaje cualquiera que recorrerá

el laberinto.

Hacer un fotograma clave en POSICIÓN Y

Pegar el trazado desde Ai










PROPIEDADES MÁS AVANZADAS DE ANIMACIÓN DE TEXTO

Escribir un texto.



Seleccionar un tipo de animación



Seleccionar el rango y cambiar principio y

fin.


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.

Documents

SOFTWARE: AFTER EFFECTS...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