Réaliser une transition 'Stroke Effect' avec After Effects

le 1 février 2012 • Design • par LZB

Réaliser le stroke effect, pas à pas, en image. L'effet : un trait blanc apparait sur un fond noir, qui forme un objet qui apparaitra ensuite. Rapide et sympa !

Présentation

Salut à tous !

Aujourd'hui nous allons nous intéresser à un logiciel de Video/compositing peu abordé sur Kommunauty. J'ai nommé le grand, l'irréductible, le magistral, le magnifique : After Effects !

Réalisable en 5 min. Même si c'est très facile, vous avez besoin de connaitre les bases.

Mais pour faire quoi ?

On va essayer de recréer un effet de transition plutôt sympa: le Stroke Effect.

Demo »

Désolé pour la qualité d'image mais je l'ai fait très rapidement, nous allons en fait partir d'un fond tout noir pour arriver sur un trait blanc (ou autre) qui se forme et enfin que l'image apparaisse, tu veux voir le tutoriel ? Alors suis moi !

Mise En Pratique

1ère étape:

Prenez une image ou une vidéo qui sera utilisée comme image de fin, moi j'ai pris une image d'un temple maya.

Importez votre fichier dans After Effects et faites un Drag-and-Drop vers votre composition.

2ème étape:

On crée un solide noir adapté aux résolutions de la composition.

3ème étape:

À l'aide de l'outil "Plume" on va dessiner le contour de l'image souhaitée comme ceci :

4ème étape:

On ajoute l'effet trait via un clic droit sur le solide>effet>génération>trait

5ème étape:

On peut alors constater qu'un trait s'est alors adapté au masque, ensuite on va à 0:00 on modifie la valeur "début" à 100% comme sur l'image et on clique sur le chronomètre.

6ème étape:

On va à 2:00 et on entre la valeur 0% pour le début

7ème étape:

Cette fois on va faire un peu pareil que dans les précédentes sauf qu'on commence à 2:00 on clique sur le chronomètre de l'opacité à 100%

8ème étape:

Idem que l'étape 7, à 3:00 mais cette fois-ci la valeur de l'opacité est alors à 0%

Conclusion

J’espère que ce tutoriel vous aura plu et que vous avez passé un bon moment

N'hésitez pas faire un clic droit sur une image et faire "afficher l'image" si vous avez des problèmes et à poser des questions !!

Ps: Les valeurs des durées peuvent être modifiables et vous pouvez touchez les réglages pour mieux personnaliser ...