Tuto Animer une maquette de site internet avec After Effects, Photoshop

Voici une tuto consacré à l'animation vidéo d'un site Internet avec After Effects.

Rendu du tuto animation vidéo de site web :

Il y a 3 ans, je réalisais une vidéo de présentation pour la nouvelle version de Fubiz. Ce fut ma première expérience dans l'animation vidéo de maquette de site web, et elle en engendra de nombreuses autres. Que ce soit de l'animation de sites web, ou bien d'applications iPhone, le principe de base reste le même : donner vie à une maquette Photoshop.
Aujourd'hui, il est temps de partager avec vous les astuces et techniques que j'ai appris à développer, et faire évoluer, pour mener à bien une animation de site sur After Effects, de manière relativement simple, et procédurale. Un grand merci à Thomas d'Amkashop, pour m'avoir permis d'utiliser son site en exemple dans le tuto.
Pré-requis : Afin de suivre au mieux ce tutoriel, il faudra vous procurer au préalable les scripts listés ci-dessous :

• DuiK de chez Duduf
• ShiftLayers
• RepositionAnchorPoint
• CropPrecomps
• Ease and Wizz

Ces scripts ne sont pas indispensables pour animer un site, mais vous feront gagner un temps plus que précieux lors de l'animation de centaines de calques. Ils fonctionnent sur le modèle "Name Your Own Price", à savoir, fixer vous même le prix qu'il vous semble juste de payer.
Le projet n'est pas disponible pour une raison simple : le tuto à pour but de vous apprendre à animer vos propres sites web, et non de ressortir une vidéo de présentation d'Amkashop.

Les scripts utilisés vous aideront à suivre ce tutoriel.