Concevoir une transition à déplacement temporel triangulaire

Dans ce tutoriel, je vais vous montrer comment créer une transition agréable et plus organique en utilisant l'effet Déplacement temporel..


1. Créer des formes triangulaires dans Adobe Illustrator

Étape 1

Ouvrez Illustrator et créez une nouvelle composition de 130 x 130 pixels..


Étape 2

Créez un triangle 45-45-90, puis dupliquez-le en appuyant sur Cmd + C et Cmd + F, et le refléter horizontalement en cliquant Objet-> Transfrom-> Reflect.

Disposez les deux triangles situés à gauche de la composition et fusionnez-les à l'aide de Pathfinder..

Étape 3

Dupliquez et faites pivoter le triangle 3 fois afin de pouvoir créer un carré qui remplira parfaitement votre composition. Enregistrez-le et nommez-le "Triangles.ai".



2. Configurer les transitions dans After Effects

Étape 1

Ouvrez After Effects, importez le fichier Triangles.ai en tant que composition. Le logiciel créera automatiquement une nouvelle composition appelée Triangles et le dupliquera deux fois. Vous obtiendrez ainsi trois compositions identiques nommées Triangles, Triangles 2 et Triangles 3..


Étape 2

Ce que vous devez faire maintenant, c'est choisir comment faire apparaître les triangles. Ce processus dépend de vous et vous êtes libre de jouer et de tester différentes solutions. Ce sera amusant plus tard de voir comment des changements mineurs dans cette étape créeront un résultat totalement différent dans la composition finale..

Dans ce cas, j'ai décidé d'utiliser Linéaire essuyer et Mattes en "Triangles", Lingette de grille et Mattes dans “Triangles 2” et juste pour changer Rotation et Échelle paramètres dans "Triangles 3".


Étape 3

Créer un nouveau 480x270 Composition, 25 images par seconde , et appelez-le "Triangles multiples 1".

Faites glisser dans les "triangles" et continuez à le dupliquer en appuyant Cmd + D jusqu'à ce que vous ayez 15 copies. Arrangez-les jusqu'à ce que vous remplissiez la composition entière et triez-les de manière à ce que les triangles situés dans le coin inférieur droit apparaissent en premier, ceux en haut à gauche apparaissant en dernier..


Étape 4

Dupliquer deux fois plusieurs triangles en appuyant sur la composition Cmd + D. Maintenant, vous aurez trois compositions identiques nommées «Triangles multiples», «Triangles multiples 2» et «Triangles multiples 3»..

Ouvrez «Plusieurs triangles 2», sélectionnez tous les calques en appuyant sur Cmd + A et faites-les glisser sur «Triangles 2». After Effects remplacera automatiquement les calques.

Faites la même chose sur "Multiple Triangles 3".


Étape 4

Créer un nouveau Composition 1280x720, 25fps, et nommez-le "Transition complète".

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide. La couleur est à votre goût.
Faites glisser "Triangles multiples" et appliquez le Tuile de repe CC effet. Cela vous permet d’élargir la composition en répétant son contenu dans tous les sens. Vous devez indiquer au logiciel le nombre de pixels que vous souhaitez développer de chaque côté..

L'option mosaïque vous permet de faire en sorte que l'extension apparaisse dans différents ordres et avec des quantités de rotation différentes. Choisissez celui que vous aimez.

Enfin, appliquez le Remplir effet de changer la couleur de la composition.


Étape 5

Faites glisser dans "Multiple Triangles 2" et "Multiple Triangles 3". Appliquer Tuile de repe CC (changer l’option de mosaïque si vous le souhaitez) et Remplir effet de changer leur couleur. N'hésitez pas à les dupliquer jusqu'à ce que vous obteniez une belle transition.


Étape 6

Importez votre logo, faites-le glisser dans votre composition et utilisez la composition «Plusieurs triangles» comme cache pour le faire apparaître..



3. Créer un effet de déplacement temporel

Étape 1

Créer un nouveau Composition 1280x720, 25fps, et nommez-le "Matte".

Créez un nouveau solide et appliquez l'effet Dégradé. Choisissez «Rampe radiale» comme forme de la rampe et noir comme couleur de départ et blanc comme couleur de fin.

Appliquer le Déplacement turbulent effet, avec ces paramètres:

Montant: 50
Taille: 100
Sous le paramètre Evolution, insérez cette expression: temps * 400


Étape

Créer un nouveau 1280x720 composition, 25fps, et nommez-le “Transition complète avec décalage temporel”.
Faites glisser dans "Matte" et "Transition complète". Sélectionnez «Transition complète» et appliquez l'effet Déplacement temporel..

À l'instar de l'effet Carte de déplacement, Time Displacement utilise une carte de déplacement, mais il fonde le mouvement des pixels du calque sur les valeurs de luminance de la carte. Les pixels du calque qui correspondent aux zones claires de la carte de déplacement sont remplacés par des pixels se trouvant à la même position mais à un nombre de secondes spécifié dans le temps. De même, les pixels du calque qui correspondent aux zones sombres de la carte de déplacement sont remplacés par des pixels à un nombre de secondes spécifié dans le temps. Vous pouvez utiliser n'importe quel calque en tant que carte de déplacement, mais utiliser une image en niveaux de gris vous permet de voir facilement les niveaux de luminosité et de prévoir le déplacement des pixels..

Sélectionnez "Matte" comme couche de déplacement temporel, en définissant le déplacement maximal à 1,0 et la résolution temporelle à 300 (ce paramètre augmentera la précision du déplacement, mais nécessitera également beaucoup plus de mémoire pour le rendu)..


J'espère que vous avez pu dégager quelques idées intéressantes de ce tutoriel que vous pourrez utiliser dans votre prochain projet. Si vous avez des questions, veillez à laisser un commentaire ci-dessous. Merci!