Comment utiliser After Effects pour les prototypes d'animation Web

Ce que vous allez créer

Dans ce didacticiel, nous allons créer une animation de l'interface utilisateur de l'application. Nous allons prendre une mise en page Photoshop, puis lui donner vie à l'aide d'Adobe After Effects. 

Les interfaces de prototypage avec After Effects constituent un excellent moyen d'explorer des animations complexes, que ce soit pour vos propres expériences ou pour les présenter à un client. C'est une approche très populaire ces jours-ci, et une recherche rapide sur Dribbble révélera de nombreux exemples d'animation d'interface utilisateur, dont beaucoup ont été créés avec After Effects..

Le screencast

Vous voudrez peut-être aussi vous abonner à notre chaîne YouTube.

Les atouts

Les fichiers de ce didacticiel contiennent un certain nombre d’actifs, répertoriés ci-dessous:

• Image de unsplash.com
• Modèle iPhone 5 avec lequel j'ai utilisé le rendu de la maquette du smartphone
• Fichiers source sur GitHub

Ressources supplémentaires

Si vous débutez dans After Effects, nous vous recommandons un certain nombre de didacticiels d’introduction pour vous familiariser avec les bases de After Effects:

• Bienvenue dans After Effects - Une série en 10 parties pour débutants par Dave Scotland

Si vous souhaitez obtenir de l'aide pour votre projet After Effects, Envato Studio propose une excellente collection de services vidéo After Effects que vous pourrez explorer. Vous pouvez également consulter les fichiers de projet After Effects sur Envato Market..