00:00 Salut à tous, c'est Hugo de la chaîne NSS et aujourd'hui je vais vous montrer une
00:08 petite animation très simple pour afficher des citations.
00:11 Alors qu'on soit d'accord, il y a un milliard de façons d'afficher des citations, avec
00:14 tout autant de style visuel d'ailleurs, n'importe qui aura sa propre patte artistique.
00:18 Aujourd'hui, celle que je vais vous montrer ne vous prendra que quelques minutes, on va
00:21 créer un fond très simple avec un texte qu'on va venir mettre par dessus.
00:25 Et bien évidemment, c'est celle que vous avez vue en introduction.
00:28 La première chose à faire, c'est que dans votre timeline, vous allez importer un cache-couleur
00:31 de couleur noire.
00:32 On n'a pas besoin d'avoir une couleur spécifique, on va venir la modifier après.
00:36 Ensuite, dans les options d'effet de ce cache-couleur, vous allez pouvoir décocher la case échelle
00:39 uniforme, passer la largeur d'échelle de 100 à 50 et passer sa hauteur de 100 à 20.
00:44 Une fois que vous avez fait ça, vous allez pouvoir dupliquer le cache-couleur dans votre
00:48 timeline, et sur celui du dessous, vous allez pouvoir venir mettre un effet.
00:52 L'effet en question, ça va être l'effet teinte.
00:54 Vous le glissez déposé directement sur le cache-couleur.
00:56 Et là, si vous avez mis un cache-couleur noir, vous allez uniquement modifier la couleur
01:00 foncée et rentrer une couleur qui vous plaît.
01:02 Pour ma part, ça va être le jaune de ma charte graphique.
01:04 Et vous faites OK.
01:05 Puis, vous allez modifier sa position, passer de 1080 à 1100 et passer de 540 à 560.
01:11 Comme ça, vous avez simplement un petit décalage entre les deux cache-couleurs qui vous donne
01:15 un aspect plutôt sympa.
01:16 Une fois que cela est fait, vous pouvez sélectionner vos deux cache-couleurs, faire un clic droit,
01:21 sélectionner un briquet et le renommer par exemple "support de texte".
01:23 Et ensuite, vous faites OK.
01:24 A partir de là, vous allez pouvoir sélectionner votre outil texte et dessiner une zone de
01:28 texte dans votre image.
01:29 Peu importe sa taille ou son emplacement, on va venir la modifier après.
01:32 Et bien sûr, dans cette zone de texte, vous allez pouvoir venir marquer la citation et
01:36 l'auteur.
01:37 Bon, en l'occurrence, comme vous l'avez vu, pour ma part, j'ai mis donc "apprenez, utilisez
01:40 et progressez dans vos montages" puisque c'est le slogan de la chaîne bien évidemment.
01:44 Et qui est signé "New School Studio".
01:46 J'ai signé au nom de la chaîne et non en mon propre nom.
01:48 Pour ce qui est du texte en lui-même, bien évidemment, vous mettez la police d'écriture
01:52 que vous voulez.
01:53 Pour ma part, ma police d'écriture, c'est la Filson Pro.
01:55 Sur la citation en elle-même, j'ai mis une épaisseur plus prononcée.
01:58 Comme vous le voyez dans les options d'effet, on est actuellement en "bold".
02:01 Et sur l'auteur, je l'ai mis en "light" et en "italic" pour vraiment avoir un décalage
02:05 entre la citation et le nom.
02:07 Et juste à côté du nom, comme vous le voyez, j'ai mis un petit trait pour rajouter un petit
02:11 détail visuel.
02:12 Et bien évidemment, au niveau de la citation, j'ai rajouté des guillemets puisque bien
02:16 évidemment, cette phrase est censée être représentée comme si elle était prononcée.
02:19 Encore une fois, et là, ça s'y prête parfaitement, libre à vous de mettre les paramètres que
02:23 vous voulez, la longueur que vous voulez pour votre cache couleur selon la phrase que vous
02:27 allez rentrer, bien évidemment n'hésitez pas à adapter.
02:29 Et surtout, au niveau des emplacements, si vous voulez aligner la citation à droite
02:33 et mettre le nom à gauche, n'hésitez pas à le faire.
02:36 Pour ma part, j'ai choisi cette organisation là.
02:37 C'est celle qui me paraît le plus esthétique.
02:39 Et une fois que cela est fait, je vais faire un clic droit sur mon texte, sélectionner
02:43 un briquet et le renommer "Citation".
02:44 Et ensuite, j'appuie sur "OK".
02:46 L'intérêt d'un briquet nos éléments, c'est que les effets qu'on va venir rajouter
02:49 dessus ne vont pas influencer les éléments de base.
02:52 C'est un peu comme ranger les éléments dans une boîte.
02:54 On va modifier la boîte, et non pas ce qu'il y a directement à l'intérieur.
02:58 Maintenant, on va faire une petite animation.
02:59 Je vais commencer par me placer à peu près à 1 seconde, histoire de laisser un peu le
03:04 temps au rush de se placer, histoire de ne pas faire quelque chose de trop rapide et
03:08 d'amener la citation en douceur.
03:10 Dans ma fenêtre effet, je vais venir chercher l'effet "Recadrage", que je vais venir
03:13 glisser-déposer sur mon support de texte.
03:15 Je vais activer le chronomètre de droite, sélectionner le mot "Recadrage" dans les
03:18 options d'effet pour me faire apparaître les repères, et venir tirer le bord droit
03:22 pour le mettre à gauche de mon cadre, tout simplement pour le cacher finalement.
03:25 Je vais avancer d'une seconde et 15 images par exemple, puis je vais redéplacer mon
03:29 recadrage droit, mais je vais pas le mettre tout à droite de mon écran, je vais le mettre
03:33 à droite de mon cadre.
03:34 Tout ce qui se passe après ne nous intéresse pas donc on a pas besoin d'animer le recadrage
03:37 plus loin que ça.
03:38 Je vais zoomer un peu dans mes images clés, je vais développer l'animation que j'ai
03:42 créée en cliquant sur la petite flèche à côté du chronomètre droite.
03:45 Je sélectionne mes images clés, et je bouge un peu mes petites poignées pour faire ce
03:48 fameux effet de vague que l'on est habitué à créer quand on touche au baiser, tout
03:51 du moins quand on fait de l'animation, quelle que soit l'animation.
03:54 Donc ça va me donner quelque chose comme ça, et donc l'apparition de mon cadre va
03:57 se faire de la manière suivante.
03:58 On a quelque chose de lent au début, une accélération au milieu, et ça ralentit
04:04 à la fin.
04:05 C'est exactement ce qu'on veut.
04:06 Maintenant on va faire une petite animation pour le texte et on aura terminé.
04:10 Vous allez vous placer 5 images avant la fin de l'apparition de votre cadre, donc pour
04:13 moi c'est à 2 secondes 10.
04:15 Vous allez activer le chronomètre de position et le chronomètre de l'opacité.
04:18 Vous mettez la valeur de l'opacité à 0 et la valeur de la position à 590, donc
04:24 en gros vous le descendez de 50 pixels.
04:26 Vous avancez ensuite de 15 images, ce qui pour moi me fait arriver à 3 secondes tout
04:29 pile.
04:30 Puis je vais réinitialiser la position et l'opacité, donc pour remettre la position
04:34 à 540 et l'opacité à 100%.
04:36 Je zoome un peu dans mes images clés, je vais sélectionner les 2 images de mon paramètre
04:41 d'opacité, je développe l'animation en question et je vais venir tirer uniquement
04:44 la petite poignée de droite pour avoir un départ net au début et une arrivée vraiment
04:48 très lente.
04:49 On a pas besoin de modifier le paramètre d'opacité, il est déjà très bien comme
04:52 il est et ça nous donne du coup quelque chose comme ça.
04:54 Bien évidemment c'est fait rapidement, n'hésitez pas à prendre le temps de bien faire vos
05:01 animations, d'avoir de belles courbes pour vos baisiers et bien évidemment n'hésitez
05:04 pas à pimper un peu tout ça, l'idée était simplement de vous présenter une base.
05:08 Je pense que ce sujet là peut être intéressant à aborder avec différents styles visuels,
05:12 par exemple un style un peu plus cartoon ou un style un peu plus vintage, n'hésitez
05:15 pas à me dire ce que vous en pensez d'ailleurs.
05:17 En attendant vous avez votre animation, on se retrouve demain pour un prochain tuto et
05:21 d'ici là, apprenez, utilisez et progressez dans vos montages, je vous fais des bisous
05:25 comme d'habitude et à plus !
Commentaires