Une transition très efficace n'est pas forcément une transition avec un milliard d'effets. La plupart du temps même, qu'il s'agisse de composition, d'animation de texte, de colorimétrie ou de transitions, plus c'est sobre, mieux ça marche, parce que vous avez quelque chose de professionnel. En revanche, quelque chose de sobre n'est pas forcément simple. Un design minimaliste, c'est simple, mais pour le créer, ça demande pas mal de connaissances et de compétences.
Aujourd'hui, je vais vous montrer une transition très efficace si elle est bien utilisée. L'idée va être de faire une transition entre un élément se trouvant sur un plan n°1 et un élément de forme similaire au précédent, sur un plan n°2. Pour ce tuto, j'ai préféré vous montrer la technique avec différents plans fixes, ainsi qu'avec des formes de différentes tailles, pour que vous puissiez surtout comprendre le principe, et que je puisse vous montrer ce qu'il est possible de créer.
Pour commencer, vous allez mettre dans votre timeline, un premier rush contenant une forme qui doit vous servir de transition. Ensuite, vous allez créer un cache couleur (peu importe la couleur), qui va vous servir de repère. Placez ce calque dans votre timeline, puis, avec l'outil plume de l'effet opacité, vous allez dessiner un masque qui épouse la forme de votre élément. Je vous conseille d'ailleurs de mettre les contours progressifs à zéro.
Une fois que vous avez votre calque de référence, vous allez pouvoir placer votre second élément (ou tout du moins tout ce que vous voulez placer). Si votre deuxième rush est trop petit, c'est-à-dire que votre calque de référence vous à obligé à réduire votre rush de taille, et que par conséquent, il y a du noir autour, on va devoir créer de la matière pour combler ces trous. Pour cela, vous allez dupliquer votre rush pour chaque zone qu'il y a à remplir.
Dans le cas classique, vous allez dupliquer 8 fois votre rush puisque vous avez 8 zones à remplir :
- Le haut
- Le bas
- La gauche
- La droite
- Le coin supérieur gauche
- Le coin supérieur droit
- Le coin inférieur gauche
- Le coin inférieur droit
Pour les deux premiers, vous allez appliquer l'effet miroir vertical et les déplacer pour faire une jointure fluide. Pour les deux suivant, vous allez appliquer l'effet miroir horizontal et les replacer. Et enfin, pour les coins, vous allez appliquer les 2 effets de miroir, et les replacer un par un. C'est un petit peu long, j'en suis conscient, mais cela marche très bien. Attention par contre, cette solution marche mieux sur un plan fixe.
Et une fois que vous avez replacé vos éléments à la bonne place et que vous avez comblé les trous (s'il y en avait), vous avez votre transition, qui marche encore mieux si elle est en rythme avec la musique. Cette transition est intéressante, mais il y a moyen d'aller un peu plus loin et de faire une transition en deux étapes. Pour cela, je vous invite tout d'abord a imbriquer chacun de vos rushes qui contient un élément de forme, indépendamment.
Séparez vos rushes en 2 parties. Ensuite, vous allez copier le masque de votre cache couleur et le coller sur chaque deuxième partie de vos rushs imbriqués. Puis, faites un escalier avec vos rushes. Le début du rush qui suit doit être placé au début de la deuxième partie du rush précédent. En faisant cela, vous superposez une partie avec un masque, donc qui ne va garder que l'élément du rush n°1, et qui va donc s'afficher sur le fond du rush n°2.
Enfin, pour le dernier type de transition, pour chaque deuxième partie de vos rushs, vous allez cocher la case "inverser le masque" qui se trouve dans l'effet opacité, ce qui va vous superposer le fond du rush n°1, avec l'élément du rush n°2. Vous avez inversé le sens de la transition.
► POUR ME SOUTENIR : www.buymeacoffee.com/NewSchoo...
► INSTAGRAM PERSO : / hugo_n2s
► INSTAGRAM PRO : / newschoolstudio_nss
► MA CHAÎNE SECONDAIRE : / channel
► LE SERVEUR DISCORD : / discord
0:00 - Introduction
0:43 - Transition n°1
2:54 - Problème fréquent
4:32 - Transition n°2
6:22 - Transition n°3
6:41 - Conclusion