Kommunauty
Connexion
Inscription

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 ...



  
6 commentaires

Je ne suis pas un utilisateur d'after effect, mais ça m'interesserait bien de voir le rendu de ce tuto. Moyen de l'uploader sur un site streaming à la youtube/dailymotion histoire de voir ce que ça donne ?

le 1 février 2012

Il y a un lien vidéo dans la présentation...!

le 1 février 2012

Oh fuck alors, je devais être dans le gaz... Désoulay les potes !

le 3 février 2012

Ha ha il a été rajouté après, t'y es pour rien

le 5 février 2012

Bon tuto mais mon after effect plante quand je compile... le truc pour bien faire rager !

le 11 février 2012

Eriam il faux vérifie si tous les pilote de la carte Graphic sont installez correctement

ensuite installe le programme "DirectX End-User Runtimes 9.27.1734 August 2009" pour avoir un bon fonction les programme d'annimation 3D

le 17 février 2012



Ajoute un commentaire !

Ajouter une image... Trouvée sur internet » De mon PC »
Adresse URL :
Adresse de la page de la vidéo :
Taille du texte :
Couleur du texte :

Article lu 9427 fois.