Cómo utilizar After Effects para prototipos de animación web

Lo que vas a crear

En este tutorial de screencast vamos a crear un prototipo de una animación de interfaz de usuario. Tomaremos un diseño de Photoshop y luego le daremos vida utilizando Adobe After Effects. 

La creación de prototipos de interfaces con After Effects es una excelente manera de explorar animaciones complejas, ya sea para sus propios experimentos o para presentar a un cliente. Es un enfoque muy popular en estos días, y una búsqueda rápida en Dribbble revelará un montón de ejemplos de animación de interfaz de usuario, muchos de los cuales se han hecho con After Effects.

El screencast

También es posible que desee suscribirse a nuestro canal de YouTube..

Bienes

Los archivos de este tutorial contienen una serie de recursos, que se enumeran a continuación:

• Imagen de unsplash.com
• Modelo de iPhone 5 que utilicé para hacer la maqueta del teléfono inteligente.
• Archivos fuente en GitHub

Recursos Extra

Si eres nuevo en After Effects, te recomendamos una serie de tutoriales introductorios para que te pongas al día con los conceptos básicos de After Effects:

• Bienvenido a After Effects - Una serie para principiantes de 10 partes por Dave Scotland

Si está interesado en obtener ayuda con su proyecto de After Effects, Envato Studio tiene una gran colección de servicios de Video After Effects que le gustaría explorar. También puede echar un vistazo a los archivos del proyecto After Effects en Envato Market.