Como Crear Una Animacion en After Effects a Partir de un Diseño Hecho en Photoshop

Con este tutorial vamos a animar independientemente las capas de nuestro archivo de photoshop, en el afterFx, usando propiedades sencillas de posicion, rotacion y escala.

1. Para empezar hice un photoshop muy sencillo usando herramientas basicas como los degradados, trazos de pincel, formas vectoriales y texto. Muchas estrellitas…

2. Abre el afterFx y haz click en el menu File/Import/File

3. Selecciona el archivo de photoshop y asegurate de tener ativada la opcion Import As: Composition-Cropped Layer. Esto quiere decir que todas las capas del photoshop se importaran independientemente.

4. AfterFx crea automaticamente una carpeta que contiene todas las capas del photoshop y una composicion con todas ellas. Los de adobe son muy organizados !

5. Al abrir la composicion vemos como cada capa tiene una linea de tiempo independiente.

6. Lo primero que vamos a hacer es desplazar el tiempo de entrada de todas las capas para que vayan apareciendo una por una.

7. Enseguida desplegamos el menu de transformacion de los circulitos para hacer que aparezcan y se agranden tanto que salgan de la pantalla, este efecto nunca falla. A la izquierda de cada propiedad (Scale en este caso) hay un cronometro. Situa la cabeza lectora al comienzo de esa capa, reduce la escala al 0% y haz click en el cronometro, se creara un rombo que indica un cuadro clave en esa capa, luego avanza un segundo la cabeza lectora y cambia la escala a 300%

8. Con la siguiente capa en aparecer: la estrella, vamos a hacer lo mismo, solo que esta solo va a crecer un poco primero y luego va a seguir creciendo un poco mas hasta el final de toda la animacion (5 segundos no mas) RECUERDA: CLICK EN EL CRONOMETRO SOLO UNA VEZ

9. Con la capa del texto vamos a hacer lo inverso, es decir va a entrar grande (casi como si estuviera por fuera de la pantalla), se achica pero vuelve a agrandarse un poco hasta el final. Ya debes haber notado que si haces dos veces click en el cronometro, se borran todos los cuadros claves (rombos) Para esto solo hay que ir avanzando en la linea de tiempo y modificar los valores numericos.

10. A las estrellitas pequeñas les animamos el valor de rotacion para que giren hasta el final, no tanto para que no se mareen.

11. Los iconos de las manitas se moveran un poco de un lado a otro modificandoles el valor de posicion.

12. Finalmente voy a duplicar los circulos un par de veces y moverlos mas adelante en la linea de tiempo, esto para que vuelvan a aparecer y desaparecer durante el resto de la animacion. Creo que hay muy pocas estrellitas asi que tambien voy a duplicar algunas de ellas.

13. Listo! Para poder verlo como archivo de video: Menu Composition/Make Movie. Puedes exportar el video en el formato y resolucion que prefieras.

En posteriores versiones del afterFx 6.5 se ha mejorado la compatibilidad de este con el photosop, reconociendo caracteristicas avanzadas como los efectos aplicados directamente sobre las capas del photoshop y carpetas entre otras.

Mucha suerte!