Open search

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.

Important notice for english members

Our videos have been translated in English with a voice over, but the After Effects interface remains in French. We are french, and our main community is french. But watch one of the free tutorials to try and listen the english translations.

Avatar Mattrunks
Recorded on 21 December 2011

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

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.

Want to be informed when a
new tutorial is available?