Come utilizzare After Effects per i prototipi di animazione Web

Cosa starai creando

In questo tutorial di screencast stiamo per prototipare un'animazione dell'interfaccia utente dell'app. Prenderemo un layout di Photoshop, quindi portarlo in vita utilizzando Adobe After Effects. 

Le interfacce di prototipazione con After Effects sono un ottimo modo per esplorare animazioni complesse, sia per i tuoi esperimenti che per la presentazione a un cliente. Oggigiorno è un approccio molto popolare e una rapida ricerca su Dribbble rivelerà un sacco di esempi di animazione dell'interfaccia utente, molti dei quali sono stati realizzati con After Effects.

Lo Screencast

Potresti anche voler iscriverti al nostro canale YouTube.

Risorse

I file per questo tutorial contengono un numero di risorse, elencate di seguito:

• Immagine da unsplash.com
• Modello di iPhone 5 che ho usato per il rendering del mockup dello smartphone
• File sorgente su GitHub

Risorse extra

Se sei nuovo di After Effects, ti consigliamo di utilizzare un numero di tutorial introduttivi per familiarizzare con le nozioni di base di After Effects:

• Benvenuti in After Effects - Una serie di 10 parti per principianti di Dave Scotland

Se sei interessato ad avere qualche aiuto con il tuo progetto After Effects, Envato Studio ha una grande collezione di servizi Video After Effects che ti piacerebbe esplorare. Puoi anche dare un'occhiata ai file di progetto di After Effects su Envato Market.