Animation of a website template

Archived video

This tutorial was recorded 13 years ago. It remains available as an archive, but the techniques shown may no longer work with current versions of the software.
Project files are no longer provided for download for this reason.

Recorded on 21 December 2011 by Mattias Peresini

Important notice for English members

This tutorial video has been translated into English with a voice-over, but the software interface remains in French.

Information

Le projet n'est pas disponible pour une raison simple : le tuto à pour but de vous apprendre à animer vos propres sites web.

Learn how to animate your website dynamically with After Effects, in 3D, and enjoy the pro tips from my experience.

Preview

Introduction

3 years ago, I realized a video presentation for the new version of Fubiz . This was my first experience in animation mock website, and it begat many others.
Whether it's animation websites , or of iPhone applications , the basic principle remains the same: to give life to a Photoshop mock.

Today, it's time to share with you tips and techniques that I learned to develop and evolve, to carry out a site animation on After Effects, a relatively simple manner, and procedural.

This tutorial is the longest ever recorded for my website, ie more than one thirty-sharing workflow, and advice!

A big thank you to Thomas AMKASHOP , for allowing me to use his site as an example in the tutorial.

Prerequisites

To best follow this tutorial, you will have to provide in advance the scripts listed in the sidebar to the right of this description.

These scripts are not required to conduct a site, but will save you precious time more than during the animation of hundreds of layers.

They operate on the model "Name Your Own Price", ie, you set the same price you pay seems fair.

Examples

I hope this tutorial you will, and that you will assimilate different techniques and tricks used to animate your turn your websites!

About the author
Mattias Peresini avatar
Mattias Peresini
mattiasperesini.com

I am the Founder of Mattrunks. I work as Creative Director and Motion Designer in my studio. I also create video tutorials to share my passion of motion.

Newsletter

Want to be informed when a
new tutorial is available?