Tuto #1, Le parallax !

Que diriez-vous d'apprendre à animer un paysage qui défile en seulement quelques clics ? Rien de plus simple, suivez ce tutoriel.

Préparation :

Tout d'abord, pour commencer à animer notre paysage il nous faut... Un paysage ! C'est plus pratique.

Pour cela, on ouvre Illustrator puis on réalise une image, assez large, en prenant soin de bien séparer les calques en 4 couches distinctes, dont un fond, afin de créer un effet de profondeur.

Comme cela :

Etape 1 :

C'est partie, les choses sérieuses peuvent commencer. On ouvre After Effects et on importe nos calques qui vont se superposer et donner ça, soit notre image finale :

Etape 2 :

Il est maintenant temps de faire bouger les choses ! Pour cela rien de plus simple, il suffit de sélectionner notre couche la plus "au fond", ici les nuages, et de la faire défiler en modifiant la position d'arrivée.

Pour cela il faut utiliser l'outil position pour mettre un point d'ancrage au départ, sans bouger le calque, puis un point à l'arrivée en modifiant la valeur de l'axe des x.

On peut voir ci-dessous le suivi du mouvement représenté par une ligne horizontale, plus la ligne est longue, plus la vitesse est élevé :

Etape 3 :

L'étape 3 est en fait l'étape 2, mais répétée sur nos autres couches. La seule différence c'est que la vitesse du défilement doit être plus rapide pour les couches supérieures, soit plus la couche est près, plus la vitesse est élevée.

Comme cela :

On peut voir ci-dessous la ligne de mouvement de la couche des arbres du premier plan.

Et on constate en effet qu'elle est plus longue que celle des nuages situé au dernier plan et que les arbres situé aussi à un plan inférieur :

Si vous avez bien compris cette 3ème étape vous pouvez créer un effet de parallax avec le nombres de couches que vous désirez.

Etape 4 :

Pressez la barre espace pour admirer votre super rendu et vous dire que en fait c'était vraiment pas compliqué ;) .

Et voilà le premier tutoriel est terminé ! On espère qu'il vous à permis d'apprendre plein de petits trucs et on vous dit à la semaine prochaine pour un prochain article ;) .