Les bases de la friction : animation vectorielle 2D pour la conception de mouvements

1. Bienvenue dans les graphiques de friction: Bonjour et bienvenue dans cette présentation de Friction Graphics pour les animations graphiques. Je m'appelle Jonathan. Je suis animateur et graphiste, et le fondateur de nuc Stuck Creative Studio sur YouTube, où je publie des tutoriels et parfois des courts métrages d'animation Dans ce cours, nous examinerons Friction Graphics, un logiciel d'animation matricielle et vectorielle polyvalent qui vous permet de créer des animations à fois pour le Web et pour la vidéo. Friction est un logiciel gratuit et open source, et pour ceux d'entre vous qui connaissent After Effects, ce soit par son nom ou par expérience, vous trouverez peut-être que Friction vous est un peu familier, car il existe similitudes entre les deux, mais ils sont différents. After Effects est principalement destiné à la composition, tandis que la friction repose également en grande partie sur l'animation et l'animation Web Personnellement, j'utilise la friction pour faire de l'animation de personnages et parfois des animations graphiques. Je le combine avec d'autres outils tels que Cat and Live, Gimp, voire Blender, afin de créer des scènes plus complexes Donc, sans plus attendre, assurons-nous d'être sur la même longueur d'onde et de commencer. 2. Télécharger des actifs et de la friction: Là-bas. Dans cette première leçon, nous allons d'abord télécharger Friction, télécharger les ressources si vous souhaitez suivre ce que nous faisons exactement avec les mêmes séquences. Donc, pour éliminer les frictions, nous allons passer à Friction Dot Graphics. Et nous allons passer à Download. Et à partir de là, nous pouvons choisir notre version de la friction. Maintenant, pour ce cours, je vais utiliser la première version de Friction RC Three. Il s'agit de la troisième version candidate la première version de Friction. La version 1, RC 3, est l'endroit où vous trouverez toutes les nouvelles fonctionnalités que Friction a à offrir, et c'est la version la plus proche la sortie prochaine de la première version. Il ne vous reste plus qu'à identifier celui qui est compatible avec votre système d'exploitation. Dans mon cas, j'utiliserai l'image de l'application Linux. Une fois que vous aurez téléchargé et installé Friction, vous pourrez consulter les ressources pédagogiques pour télécharger les ressources que je vais utiliser. Maintenant, tous les clips vidéo que je vais utiliser sont en pixels. Et à la fin, nous n' utiliserons qu'une bande originale, et celle-ci, je l'ai obtenue grâce à Motion Array, je ne peux malheureusement pas la partager. Maintenant, avant de nous lancer dans les frictions, je vous recommande vivement d'explorer leur page de documentation. Vous y trouverez nombreuses informations sur la friction, ce qui vous permettra d'apprendre plus facilement à connaître friction, de vous habituer à l'interface utilisateur, différentes fonctionnalités qu'elle possède et à la manière de naviguer dans certaines de ces fonctionnalités. Mais bon, ça suffit. Allons-y et commençons par les frictions. 3. Première vue - Friction UI: Hé ! Avant de commencer notre premier projet, découvrons d'abord l'interface utilisateur de Friction. Ce sera une question rapide. Il n'y a pas grand-chose à apprendre. Nous avons notre barre de menu en haut. En dessous, nous avons notre barre d'outils principale, et en dessous, nous avons certaines propriétés qui vont varier en fonction de l'outil et des objets que nous avons sélectionnés. Nous y reviendrons donc plus tard. Sur la droite, nous avons la barre d'outils des couleurs, qui va nous permettre de changer les couleurs à la volée plutôt que par friction. Nous pouvons donc modifier la couleur de remplissage, les traits et même l' arrière-plan de notre scène. OK. Maintenant, dans cette grande zone centrale où nous avons notre fond noir et notre logo fictif, voici nous avons notre fond noir et notre logo fictif, le spectateur, et c'est là que nous allons trouver la zone. Et sur le côté droit, nous avons notre panneau de propriétés. Donc, en bas, ici, ainsi que nos actifs dans la file d'attente. Ces trois panneaux restent regroupés, et au-dessus, nous avons le fond et le contour, et c'est là que nous avons le fond et le contour, et nous pouvons contrôler le remplissage et le contour de notre forme et de nos tracés. Ces deux panneaux peuvent être réajustés afin que vous puissiez ajuster la taille Donc, cette petite séparation légère voici comment vous pouvez les ajuster. Et vous remarquerez peut-être des flèches qui nous permettent de modifier leur position. Nous pouvons donc déplacer, par exemple, le panneau des propriétés, gauche, la droite, le haut ou le bas, de même pour le fond et le contour. Nous avons donc pu les séparer et même déplacer le fond et le trait de l' autre côté du visualiseur. Vous pouvez donc essentiellement modifier l'interface utilisateur. Maintenant, si jamais vous apportez trop de modifications et que vous souhaitez revenir à la valeur par défaut, il vous suffit de vous rendre dans la barre de menu située dans l'aide et de descendre dans Restaurer l'interface utilisateur par défaut Juste au-dessus, vous verrez quelques options supplémentaires pour restaurer différentes propriétés. Donc, le remplissage et le trait, réinstallez les préréglages d'expression par défaut et réinstallez les profils de rendu par défaut Et quelles que soient les modifications que vous apporterez à l'interface utilisateur, Friction s'en souviendra lors du prochain chargement du logiciel. Maintenant, sous notre zone d'affichage, nous avons la chronologie, que nous pouvons également redimensionner n' y a donc rien sur la chronologie car nous n'avons pas encore créé de scène. Maintenant, sur le côté gauche du visualiseur, nous avons le menu Outils. Et ici, nous allons trouver les outils par défaut pour le frottement. Et si nous cliquons dessus avec le bouton droit de la souris et que nous descendons dans les étiquettes, cochez cette case, nous obtiendrons le nom de chacun des outils. Je vais donc laisser cela ouvert pour le moment afin que vous puissiez voir le nom des outils si je les appelle. Enfin, tout en bas, nous avons notre barre d'état où nous pouvons voir la quantité de RAM utilisée par friction. Nous avons la largeur et la hauteur de notre scène. Donc pour le moment, il est réglé sur 11 parce que nous n' avons pas encore de scène. Nous pouvons contrôler la résolution. Nous y reviendrons dans un instant, puis nous aurons les différentes mises en page Enfin, voici quelques outils, tels que la grille, le snapping et le Gizmo, que nous verrons dans un instant La dernière chose que nous examinerons pour l'interface utilisateur se trouve dans le coin supérieur droit où se trouve le logo Friction. Si vous cliquez dessus avec le bouton gauche de la souris, une fenêtre contextuelle s'affichera. Et développons cela. Dans cette fenêtre contextuelle, vous pouvez voir des informations sur votre système. Vous avez une section à propos des frictions, et juste à côté, nous avons les raccourcis. Donc, si jamais vous voulez apprendre les raccourcis de la friction, ils se trouvent dans le logiciel. Tu peux y jeter un œil. Malheureusement, nous ne pouvons pas encore modifier les raccourcis, mais cela arrivera bientôt dans les prochaines versions de Friction. Nous avons également leur déclaration de confidentialité et la licence dont dépend la friction. Ce sont donc les bases de l'interface utilisateur. Si vous passez aux graphiques de friction et consultez leur documentation plutôt que l'interface utilisateur, vous obtiendrez également un aperçu de l'interface utilisateur. Ils vous parleront donc des différentes parties, vous donneront des informations sur chaque élément. Et je recommande vivement d'explorer la documentation sur leur site Web. contient de nombreuses informations La documentation qui peuvent vous aider à mieux comprendre les frictions. Cela étant terminé, passons à la création de notre première scène et à l'importation de nos actifs. 4. Créer une nouvelle scène - Navigation par friction: Bonjour. Dans cette leçon, nous allons créer notre première scène, importer nos ressources et nous familiariser un peu avec la gestion des frictions Commençons donc par cliquer sur Nouveau. Nous allons ouvrir une fenêtre contextuelle. Cette fenêtre contextuelle nous permet de modifier les paramètres de notre scène. Maintenant, ils peuvent être modifiés ultérieurement, il ne s'agit donc pas d'un engagement final. Tout en haut, nous avons le nom de notre scène. Je vais le laisser par défaut. Ensuite, nous avons notre largeur et notre hauteur. Vous pouvez les définir manuellement ou cliquer sur ces trois points ici et choisir parmi cette liste de préréglages Je vais m'en remettre à 1920 ou 1080. Ensuite, il y a la durée. Désormais, la durée peut être vue en images ou en secondes. Cela dépend donc de vous. Nous avons le cadre de départ et le cadre final. En dessous, nous avons le FPS, donc les images par seconde. Il s'agit de la fréquence d'images de votre animation ou de votre scène, et vous pouvez la définir manuellement ou à nouveau, cliquer sur ces trois points et choisir parmi une liste de préréglages Ensuite, nous avons le contexte. Et si nous cliquons sur ce petit carré ici, nous obtenons une fenêtre contextuelle qui nous permet de choisir la couleur de fond. arrière-plan ne s'affiche généralement pas. Il s'agit plutôt d' un espace réservé, sauf si vous exportez des images, si je ne me trompe pas Mais vous pouvez également en contrôler l'alpha. Donc, en gros, vous pouvez le rendre transparent totalement opaque ou semi-transparent. Juste en dessous, nous avons des signets, ce qui nous permet de sauvegarder les couleurs, mais nous y reviendrons plus tard dans le cours Je laisse donc le mien presque noir. Enfin, nous l'avons défini par défaut. Si vous cochez cette case, ces paramètres deviendront les paramètres par défaut la prochaine fois que vous créerez une scène Cela ne vous empêche pas de modifier ces paramètres. N'oubliez pas de décocher la case Définir par défaut afin ne pas remplacer votre valeur par défaut précédente, sauf si vous le souhaitez. OK, une fois que nous avons terminé, cliquons sur OK, et maintenant nous avons notre première scène, et nous pouvons voir plus d' informations sur la chronologie. Si nous développons cela ici, nous avons le nombre d'images en haut ici. si vous travaillez en quelques secondes, vous pouvez toujours cliquer dessus avec le bouton droit et accéder à l'affichage du code temporel. À présent, vous verrez les secondes au lieu des images. Je vais m'en tenir aux cadres. Jetons donc un coup d' œil complet à la chronologie maintenant. En haut à gauche, nous avons le début de l'image de la scène. Donc, en gros, par où vous voulez que votre scène commence. Cela peut être encore une fois sur des images ou des secondes. Vous pouvez donc modifier ce numéro manuellement, et ce sera maintenant le nouveau cadre de départ de notre scène. Je vais donc le laisser à zéro pour le moment. Et puis au milieu, nous avons le cadre actuel. Donc, quel que soit l'endroit où la tête de lecture est actuellement réglée. Donc, si je clique avec le bouton gauche de la souris vers le haut, vous pouvez voir comment nous modifierons la valeur en déplaçant la tête de lecture, qui est cette barre ici Et puis, sur le côté droit, nous avons le cadre final. Vous pouvez donc modifier ces valeurs à la volée juste au-dessus de la chronologie. Et au bas de la chronologie, dans le coin inférieur droit, se trouve Fit horizontal. Lorsque vous cliquez dessus, cela s'affichera pendant toute la durée de notre chronologie. Donc, si je devais, par exemple, changer le point de départ à 50, puis que je cliquais sur Fit Horizontal, commencerais de 50 à 250 OK. Très bien, alors. Maintenant, au-dessus de la chronologie à l'intérieur du visualiseur, nous avons maintenant notre canevas. Vous pouvez faire défiler l'écran avec la molette centrale de votre souris pour zoomer ou dézoomer ou simplement utiliser le raccourci clavier, signe moins pour le zoom avant et le zoom avant pour le zoom avant. Si vous accédez à la barre de menu d'une vue, Zoom, vous verrez tous les raccourcis clavier, le zoom avant, le zoom arrière, l' ajustement sur Canvas, etc. Un raccourci clavier que j'utilise très souvent est le Fit to CNVs, qui est Control Zero Ainsi, en appuyant sur Control Zero, nous pouvons adapter le visualiseur à notre canevas. Allons-y et communiquons nos actifs, je lis du code et je le fais glisser dans Je vais faire de même pour ce clip vidéo ici, en cliquant avec bouton gauche de la souris et en le faisant glisser dans notre projet. C'est donc une façon d' importer vos actifs. rares occasions, lorsque vous En de rares occasions, lorsque vous essayez de faire glisser des éléments vidéo, des frictions peuvent se produire. C' est là qu'intervient la barre d'outils principale, dans laquelle vous pouvez importer ou lier vos ressources. Tout ce que vous importez par ici ouvrira une fenêtre contextuelle. Choisissez ce que vous voulez importer, cliquez sur Ouvrir, et il l'importera. Maintenant que nous avons importé nos actifs, si nous voulons les déplacer, nous voulons passer en mode objet. Donc, ce mode par défaut est ici. Et si nous cliquons avec le bouton gauche de la souris sur des éléments, nous devrions être en mesure de les saisir et de les déplacer. Vous pouvez également récupérer vos actifs directement depuis la chronologie. Chaque actif possède donc sa propre piste ou couche. Maintenant, l'ordre de vos couches est important, car vous pouvez voir que la vidéo située au-dessus du logo la place au-dessus du logo dans la zone Kendis Si je devais cliquer avec le bouton gauche de souris et le faire glisser sous le logo, il se déplacerait alors sous le logo dans le canevas. Nous pouvons également masquer nos actifs en cliquant sur l'icône en forme d'œil, et nous pouvons également les verrouiller, ce qui nous empêchera de cliquer dessus ou de les sélectionner la zone Kendis ou même dans la chronologie Maintenant, autre chose à noter, si nous regardons le panneau Propriétés, nous n'avons rien ici. Et si je sélectionne un logo, nous pouvons alors le voir dans le panneau des propriétés. Si je sélectionne la vidéo, elle apparaît alors dans le panneau des propriétés. Cela est simplement dû au fait que si nous montons dans la barre de menu située à l'intérieur du filtre Afficher jusqu'aux propriétés, par défaut, il est configuré pour le sélectionner. Ainsi, à l'intérieur du panneau Propriétés, nous ne pouvons voir que ce qui est sélectionné. Nous pouvons changer cela de sélectionné à A, par exemple, et nous allons maintenant voir toutes les couches. C'est ainsi que je travaille personnellement. J'ai toutes les couches visibles. J'ai déjà dit que vous pouvez cliquer avec le bouton gauche souris et faire glisser vos ressources sur le canevas, mais que vous pouvez également modifier vos ressources en utilisant l'un ou l'autre des G pour les saisir. Donc, si nous appuyons sur G et que nous déplaçons le curseur, nous pouvons nous déplacer ou nous opposer. Vous pouvez appuyer sur Escape pour annuler. Sinon, lorsque nous le saisissons, nous pouvons cliquer avec le bouton gauche de la souris pour confirmer ou simplement appuyer sur Entrée ou Retour sur le clavier. La prochaine chose que nous pouvons faire est d'appuyer sur R pour faire pivoter, ce qui nous permettra de faire pivoter un objet ou une trajectoire. Enfin, nous pouvons appuyer sur S pour l'échelle, ce qui nous permet de redimensionner l'objet ou le chemin. Maintenant, toutes ces transformations en plus sont des choses que nous pouvons faire avec le Gizmo Donc, dans le coin inférieur droit de la friction, nous avons un gadget. Si vous cliquez dessus avec le bouton gauche de la souris ou sur le menu déroulant, vous pouvez choisir les propriétés que vous souhaitez pouvoir affecter. Dans ce cas, je les ai tous les quatre sélectionnés en fonction du cisaillement, de l' échelle, de la rotation et de la position Maintenant, désactivons notre couche vidéo ici pendant un moment afin de mieux voir notre gadget Et voici le truc : si vous cliquez avec le bouton gauche de la souris, par exemple, vous pouvez déplacer votre objet sur l'axe X. Nous pouvons également le faire pour l'axe Y. Nous avons la capacité de cisailler notre objet. Nous pouvons le dimensionner uniformément en utilisant ce coin supérieur ici, ou nous pouvons le redimensionner uniquement sur le X, par exemple, ou uniquement sur la valeur Y. Il vous permet également de déplacer votre objet et de le faire pivoter. Donc, en gros, avec le gadget, vous pouvez effectuer toutes les transformations que vous feriez, sauf directement sur la toile, et cela vaut pour tous nos objets Donc, si je sélectionne la vidéo ici, nous obtenons à nouveau le gadget, et nous pouvons effectuer les mêmes transformations Je vais éteindre le Gizmo pour le moment. Maintenant, pour annuler tout cela, nous pouvons soit aller le coin supérieur gauche et cliquer sur Annuler, soit utiliser le raccourci clavier Control Z pour annuler les transformations que nous venons de faire. OK. Maintenant, je vais annuler jusqu' au point où nous n'avions effectué que les transformations habituelles sans le gadget Maintenant, une autre façon d' annuler nos transformations est d'annuler la rotation en maintenant la touche Alt enfoncée et en appuyant sur R . Maintenez la touche Alt enfoncée, appuyez sur S. Je vais annuler la balance, puis maintenez la touche Alt enfoncée et appuyez sur G pour annuler la capture que nous avons faite. En ce qui concerne la position des objets, elle est généralement définie dans le coin supérieur gauche du canevas. Ainsi, par exemple, si je prends le clip vidéo ici et que j'appuie sur Alt G, il le positionnera dans le coin supérieur gauche. Cela vaut donc pour pratiquement tous les objets. Quelques autres choses à savoir, par exemple, si nous cliquons avec le bouton droit sur un objet au-dessus du canevas, nous obtenons quelques options ici. Maintenant qu'il s'agit d'une image que nous avons importée, nous pouvons soit recharger soit définir un fichier source En gros, vous pouvez remplacer cet objet par un autre. Nous pouvons également centrer le point de pivot, qui est ce point de litière situé au milieu. Donc, si jamais nous l'avions déplacé ailleurs parce que nous voulions le faire pivoter à partir d'un point d'origine différent ou même le redimensionner à partir d'un point d'origine différent, en cliquant avec le bouton droit de la souris, nous pouvons aller au centre du pivot pour le remettre au milieu. J'appuierai sur un R pour réinitialiser la rotation et sur un S pour réinitialiser l'échelle. Vous pouvez également centrer votre objet pour qu'il soit placé directement au centre de votre toile. Ainsi, lorsque nous cliquons avec le bouton droit de la souris, nous avons également quelques options supplémentaires, telles que copier, couper , dupliquer, supprimer un groupe dans les effets matriciels, mais ce sera pour plus tard. OK, donc à l'intérieur du panneau des propriétés, nous avons ce petit menu en bas, qui nous permet d'aligner soit la géométrie, la géométrie par pivot, soit le pivot lui-même. Ensuite, nous pouvons choisir sur quoi nous voulons l' aligner pour qu'il puisse s'agir de la scène, du dernier objet sélectionné, du dernier pivot sélectif dans le cadre de délimitation. Ensuite, nous pouvons utiliser ces flèches pour l'aligner. C'est bon. Maintenant, je vais centrer une ligne ou une vidéo en arrière-plan. Il est plus petit que notre canevas, je vais donc appuyer sur S pour l'échelle, et je vais l'agrandir. Vous pouvez également saisir les valeurs. Par exemple, si nous appuyons sur S et que nous appuyons sur deux, cela le rendrait deux fois plus grand ou appuyons sur Supprimer ou sur Retour arrière, disons 1,5, qu'il rentre dans notre canevas ou que nous appuyons sur Entrée pour confirmer Enfin, je vais verrouiller la vidéo d'arrière-plan, récupérer notre logo ou appuyer sur S pour l' agrandir un peu, puis sur Entrée. OK. Maintenant, jetons un coup d'œil à la chronologie. Donc, pour le moment, nous ne voyons pas vraiment toute la durée de notre vidéo. Je vais donc changer le cadre à 800, appuyer sur Entrée, puis je vais l' ajuster horizontalement. Nous pouvons maintenant voir la toute fin de notre vidéo, et nous pouvons parcourir la chronologie pour voir notre vidéo Maintenant, si vous voulez passer de la tête de lecture au début ou à la fin de notre durée, maintenez simplement la touche Shift enfoncée et utilisez les flèches gauche ou droite Je vais donc passer à la toute première image , puis appuyer sur la barre d'espace pour lire. Maintenant, vous remarquerez peut-être que la friction se produit dans la mise en cache ou qu'elle est visible, et cela permet une lecture fluide Donc, une fois la friction terminée, la mise en cache sera jouée, notre scène sera jouée et nous n'aurons aucun décalage Maintenant, cela varie vraiment en fonction de la complexité ou de la lourdeur de votre scène Si nous appuyons sur la barre d'espace, la lecture est mise en pause ou la lecture, mais elle n'arrête pas réellement la lecture. Il fait simplement une pause. Si j'appuie à nouveau sur la barre d'espace, le jeu continuera à jouer, mais il ne s'est pas vraiment arrêté Pour arrêter la lecture ou quitter le mode de lecture, nous pouvons soit cliquer sur ce bouton ici pour dire arrêter la révision, soit appuyer sur Escape sur le clavier, et maintenant la lecture est interrompue. Une façon de remarquer que lorsque vous êtes mode lecture est que si j' appuie sur la barre d'espace en ce moment, vous verrez que les bords extérieurs du canevas sont d'un noir absolu Quand j'appuie sur Escape, ils sont un peu plus gris foncé. Maintenant, sur cette note, allons-y et déverrouillons notre clip vidéo en cliquant dessus avec le bouton gauche de la souris. Je vais le placer un peu plus grand que notre toile. Donc, si vous regardez ici, nous avons cette bordure grise qui indique les limites de notre toile. Donc, si nous devions effectuer un rendu, rien d'autre ne serait rendu. OK, je vais placer le curseur sur cette partie qui s'agrandit. Et remarquez que lorsque j'appuie sur la barre d'espace pour accéder à l'aperçu, nous ne pouvons plus voir cette zone, cet espace situé en dehors du canevas car il découpe tout ce qui se trouve en dehors de la zone du canevas. Et comme nous changeons la vidéo, Friction doit à nouveau mettre en cache l'animation, ou mettre en cache la vidéo dans ce cas. En parlant de mise en cache, bas de la barre d' état, si vous vous en souvenez, nous avons ce chiffre qui indique la quantité de RAM utilisée par friction lors de la mise en cache de notre lecture Si vous ne souhaitez pas mettre l' animation en cache avant de la visionner, vous pouvez accéder à la barre de menu située à l'intérieur de la vue et simplement décocher le cache d'aperçu Et lorsque vous effectuez une lecture, elle se joue simplement sans essayer de mettre quoi que ce soit en cache. Ainsi, partout où je place la tête de lecture et que j'appuie sur la barre d'espace c'est à partir de là que je vais commencer à jouer Maintenant, si vous voulez démarrer la lecture dès la première image, vous pouvez maintenir la touche Shift enfoncée, puis appuyer sur la barre d'espace, et la lecture reprendra dès la première image. OK. J'ai donc mentionné tout à l'heure que cette partie située en dehors du Cevas allait disparaître lors de la Maintenant que nous avons désactivé le cache, lors de la lecture ou du SN, cette partie en dehors du Kv n'est plus découpée Mais si vous souhaitez découper cette partie manuellement, vous pouvez simplement appuyer sur la touche C du clavier ou accéder à la barre de menu située à l'intérieur de la vue, puis accéder à Clip to SN. Cela va masquer tout ce qui se trouve en dehors du canevas ou appuyer à nouveau sur C, et cela va le déclipper Je vais donc activer le cache de prévisualisation pour moi-même. Maintenant, si vous voulez vider le cache, vous pouvez accéder à la barre de menu au lieu de Modifier et descendre pour effacer les majuscules ou simplement appuyer sur Ctrl plus R, et le cache sera effacé descendre pour effacer les majuscules ou simplement appuyer sur Ctrl plus R, et le cache sera effacé Vous pouvez voir que les barres bleues en haut ont disparu. C'est bon. Enfin, en ce qui concerne la chronologie, vous pouvez cliquer avec le bouton central de la souris et vous déplacer, ce qui vous permet de vous déplacer dans la chronologie. Et en ce qui concerne la chronologie, cette barre indique la plage de visibilité de ce clip vidéo. Donc, si nous cliquons dessus avec le bouton gauche de la souris, nous pouvons le déplacer pour déplacer notre vidéo. Je vais annuler ce contrôle Z. OK. Mais vous remarquerez que nous ne l'avons pas pour le logo. Cela signifie que le logo est toujours visible. Si vous souhaitez avoir une plage de visibilité pour le logo, suffit de cliquer dessus avec le bouton droit de la souris et de descendre jusqu'à la plage de visibilité. Et maintenant, nous avons cette plage de visibilité ici. Vous pouvez zoomer ou dézoomer sur la chronologie en maintenant la touche Ctrl enfoncée et en faisant défiler la molette de votre souris Et si vous souhaitez vous déplacer vers la gauche ou vers la droite, maintenez la touche Maj enfoncée et faites défiler la molette de votre souris. Nous pouvons maintenant étendre la plage de visibilité. Lorsque la tête de lecture n'est pas au-dessus de cette plage de visibilité, nous ne verrons pas le logo OK ? Même chose pour la vidéo. Maintenant, si vous voulez couper un clip vidéo, maintenez la touche Shift enfoncée et appuyez sur K, et l'appareil en fera une copie et le découpera là où se trouvait la tête de lecture OK. Enfin, je vais appuyer sur Ctrl A pour tout récupérer, et j'appuierai sur Supprimer pour tout supprimer. Je vais passer à l'onglet des actifs, et à l'intérieur de l'onglet des actifs, nous pouvons voir ce que nous avons importé. Donc, même si je l' ai supprimé de la scène elle-même, donc de la chronologie, nous pouvons toujours les voir dans les actifs. Maintenant, je peux simplement les récupérer et les ramener dans notre scène. Juste comme ça. Alors allez-y ligne centrale ou sur l' arrière-plan, redimensionnez 1,5, appuyez sur Entrée ou déplacez la vidéo en dessous, ou cliquez avec le bouton droit sur la ligne centrale et réduisez légèrement la taille. Bien, si vous souhaitez renommer vos couches, vous pouvez soit cliquer dessus avec le bouton droit de la souris pour les renommer, soit simplement cliquer dessus avec le bouton central Une fenêtre contextuelle apparaîtra et nous pourrons la renommer. Supposons une vidéo d'hiver en arrière-plan, appuyez sur Entrée, et voilà. Maintenant, la toute dernière chose se trouve tout haut de notre visionneur Nous avons ces commandes qui nous permettent de déplacer notre objet, de le faire pivoter, de le redimensionner, de modifier le pivot et l'opacité Vous pouvez donc effectuer un grand nombre de ces transformations ici, soit en cliquant avec le bouton gauche de la souris et en faisant glisser ces valeurs, soit en tapant manuellement quelque chose, donc à 90 degrés, et le tout pivotera de 90 degrés. Donc, pour cela, appuyez sur Alt R, et pour quelque chose comme l'échelle, si vous voulez la redimensionner de manière uniforme, vous pouvez cliquer avec le bouton gauche de la souris, taper une disons une valeur de 0,5. Avant d'appuyer sur Entrée, maintenez simplement la touche Shift enfoncée, puis appuyez sur Entrée, et le résultat sera de 1,5 pour les deux valeurs. De même, vous pouvez maintenir la touche Maj enfoncée, cliquer avec le bouton gauche de la souris et faire glisser le pointeur pour modifier les deux valeurs en même temps. Faisons donc à nouveau 0,5 et appuyons sur Entrée. OK, c'est tout pour éviter les frictions. Dans la leçon suivante, nous allons commencer à animer. Nous allons donc créer des images-clés et faire bouger nos objets. On se voit là-bas. 5. Les bases de l'animation - Cadre clé de friction: Bonjour et bienvenue. Dans cette leçon, nous allons commencer à animer nos objets Alors, enfin, faisons bouger les choses. Je vais donc commencer par réduire un peu plus le logo, et nous pourrons commencer Pour animer la position de notre logo, nous pouvons soit le développer dans la chronologie, soit étendre dans la fenêtre des propriétés Donc, celui qui vous convient le mieux. Si vous avez besoin de plus d'espace ici dans le panneau des propriétés, vous pouvez appuyer sur la touche F du clavier pour masquer le fond et le contour Si nous appuyons à nouveau sur F, nous verrons le fond et le trait. Alors gardez cela à l'esprit. C'est bon. Pour l'instant, créons notre animation dans la chronologie, puis nous commencerons à utiliser le panneau des propriétés plus tard. Je vais donc agrandir le logo à l'intérieur. Nous avons Transform. Je vais étendre la transformation. Et ce que je recherche, c'est l'intérieur de la traduction. Développons donc la traduction ici. Élargissons les choses. Et nous cherchons l'axe Y. X représente la gauche et la droite. Y représente le haut et le bas. Pour ajouter une image-clé, il suffit de cliquer avec le bouton gauche de la souris sur ce point blanc ici Cela va ajouter une image-clé. Maintenant, chacun de ces points nous dit quelque chose. Le symbole bleu en haut nous indique que quelque chose est animé à l'intérieur du logo Noktax Les points verts nous indiquent qu'à l'intérieur de la transformation, quelque chose est animé, puis à l'intérieur de la traduction, quelque chose est animé. Enfin, ce point rouge en bas nous indique que la valeur Y est ce qui est animé. Donc, ici en bas, c'est l'image-clé réelle. Et lorsque nous le sélectionnons en cliquant avec le bouton gauche de la souris, ils deviennent tous jaunes. OK, nous avons donc notre première image-clé, et pour changer la position Y, nous pouvons utiliser le Gizmo Nous pouvons appuyer sur G et Y pour verrouiller sur l'axe Y et la déplacer vers le haut ou vers le bas, ou nous pouvons cliquer avec le bouton gauche de la souris sur cette valeur, maintenir et la faire glisser pour la déplacer vers le haut ou vers le bas, ou saisir manuellement la valeur, selon vous. Je vais donc simplement appuyer sur G et Y, puis je vais le déplacer complètement en bas et cliquer avec le bouton gauche de la souris pour confirmer. Ensuite, je vais déplacer environ 24 images. Cela va prendre 1 seconde, puis je vais appuyer à nouveau sur G et Y, et je vais le déplacer vers le haut. Friction va automatiquement ajouter une image-clé. Maintenant, si vous déplacez la tête de lecture et que vous souhaitez ajouter une image-clé, cliquer sur le point rouge ne suffira pas Si vous cliquez sur le point rouge , toutes les images-clés existantes seront supprimées Gardez donc cela à l'esprit. Tout Control Z s'en sort. De même, si nous cliquons avec le bouton gauche de la souris sur le point de la traduction, cela ajoutera une image-clé aux valeurs X et Y car elle contient deux valeurs Si nous cliquons dessus avec le bouton gauche de la souris, encore une fois, toutes les images-clés seront supprimées Annulons cela. Si nous cliquons avec le bouton gauche de la souris sur le point de Transform, une image-clé sera ajoutée à toutes les propriétés de transformation Et si nous cliquons à nouveau dessus avec le bouton gauche de la souris, toutes les images-clés seront supprimées Défaisons-le, et voilà. OK. Ainsi, une fois que vous l'avez activé, Friction ajoutera automatiquement les images-clés Il n'y a aucun moyen de le désactiver pour l'instant. Maintenant, si je joue, alors appuyez sur la barre d' espace Shift , la friction reprendra depuis le début , puis l'animation complète sera mise en cache ou la scène complète. Mais je ne veux lire que cette partie initiale, et je ne veux pas avoir à recommencer la lecture manuellement en permanence. Nous pouvons soit changer le cadre, soit simplement utiliser la zone d'entrée et de sortie. Donc, avec la tête de lecture sur la première image ou sur la première image zéro, je vais appuyer sur I sur le clavier pour ajouter un point de terminaison, puis avec le logo Nuxtax sélectionné et la valeur Y sélectionnée, je vais appuyer sur la flèche vers le haut pour passer à l'image-clé Et je vais avancer de quelques images, donc je vais utiliser la flèche droite. Il suffit donc de quelques images plus loin, puis j'appuierai sur O sur le clavier pour définir un point de sortie Donc oui, vous pouvez utiliser les flèches haut et bas pour passer d'une image clé à l'autre de l'objet que vous avez sélectionné, et vous pouvez utiliser les flèches gauche et droite pour déplacer la tête de lecture sur la C'est vrai. Maintenant que nous avons nos points d'entrée et de sortie, lorsque nous jouons, Friction va simplement lire cette section de notre chronologie. Si vous souhaitez éliminer les points d'entrée et de sortie, vous pouvez accéder à la barre de menu à l'intérieur de scène et descendre pour effacer les points d'entrée et de sortie. Maintenant, si jamais vous souhaitez effectuer votre lecture en boucle, vous pouvez cliquer sur ce bouton au-dessus de la chronologie qui indique Aperçu en boucle. Cela va le faire tourner en boucle indéfiniment. D'accord. Nous avons donc notre première animation, mais maintenant ajoutons-y un peu de simplification. Donc un peu d'accélération et de décélération. Pour ce faire, nous allons cliquer avec le bouton gauche de la souris sur la valeur Y, nous assurer qu'elle est sélectionnée, puis nous allons cliquer ici au-dessus nos pistes où se trouve le graphique. Cela va ouvrir l'éditeur de graphes, tout comme la chronologie. Nous pouvons cliquer sur le bouton central et nous pouvons nous déplacer. Nous pouvons cliquer sur le bouton central et nous déplacer pour déplacer les objets. Si vous maintenez la touche Maj enfoncée et que vous faites défiler la page, le zoom sera vertical. Si vous maintenez la touche Ctrl enfoncée et que vous faites défiler la molette centrale de votre souris, elle zoomera horizontalement. Si vous l'ajustez horizontalement, il s'adaptera à toute la durée de votre scène. Mais si vous sélectionnez vos images-clés puis que vous les ajustez horizontalement, il zoomera uniquement sur ces images-clés Il en va de même pour l' ajustement vertical. Mais si nous le faisons, cela masquera l' image-clé derrière ces boutons ici Je vais donc simplement maintenir la touche Shift enfoncée et faire défiler la molette centrale de la souris , puis je vais le faire sur la commande. Donc, l'axe horizontal. Très bien, nous allons donc créer une courbe pour ajouter un peu de souplesse à notre animation Nous allons le faire manuellement, bien qu'il existe une option permettant de le faire automatiquement. La seule chose, c'est que si nous le faisons automatiquement, alors allons-y et faisons Ease out cubic, Friction ajoutera des images-clés supplémentaires à notre courbe En effet, l'assouplissement automatique est conçu pour l'animation Web, donc pour l'animation SVG Et lorsque vous créez une animation SVG Web, vous devez avoir des images-clés réelles, c'est-à-dire des valeurs différentes dans le temps que vous saisissez Je vais donc annuler cela à la place. Ce que nous voulons faire, c'est récupérer nos images-clés, puis changer les poignées ou l' interpolation pour lisser les nœuds, et maintenant cela va nous donner ces poignées qui nous permettent de modifier la courbe manuellement Maintenant, je vais cliquer avec le bouton gauche de la souris sur cette poignée et la faire glisser. Si vous cliquez avec le bouton gauche de la souris et maintenez le pointeur, vous pouvez également appuyer sur X pour le verrouiller sur l'axe X ou appuyer sur Y pour le verrouiller sur l'axe Y. Je vais faire traîner ça un peu. Et pour ce premier , je vais cliquer avec le bouton gauche de la souris et le faire glisser un peu vers le bas comme ça. Maintenant, si nous rejouons, nous obtenons une légère accélération au début, puis elle ralentit au fur et à mesure qu'elle remonte, ce qui réduit la partie inférieure de la courbe. Et pour celui-ci, je vais le faire glisser un peu plus vers le bas. OK, affinez un peu plus la courbe. Et voilà. Nous venons de créer notre première animation en utilisant la friction. OK ? Désormais, en ce qui concerne les points d'entrée et de sortie, vous pouvez les modifier soit en plaçant la tête de lecture ailleurs et en appuyant sur O ou I, simplement avec le bouton gauche le bord situé sous le point d'entrée ou de sortie Cliquez avec le bouton gauche de la souris, maintenez et faites glisser, juste pour que vous le sachiez. C'est vrai. Maintenant que nous avons terminé avec le graphique, allons-y et cliquons à nouveau sur l'icône du graphique pour revenir à notre chronologie. Je vais le zoomer. Maintenant, nous n'avons pas vraiment besoin que notre scène soit de 800 images, donc je vais la ramener à 250. Bien, maintenant que nous avons notre première animation, allons-y et ajoutons un peu de texte Pour ajouter notre texte, nous allons passer en revue les outils, et nous allons utiliser l'outil Ajouter du texte. Une fois que nous l'avons, il suffit de cliquer une fois avec le bouton gauche de la souris sur le canevas pour ajouter un nouvel objet texte. Maintenant, il est important de noter que chaque fois que vous cliquez, vous allez ajouter un nouvel objet texte. Donc, même si je devais écrire quelque chose ici, tant que l'outil de texte est actif, chaque fois que nous cliquons , nous ajouterons un nouvel objet. Je vais donc annuler tout cela. Prenons donc notre objet texte. Et dans le panneau Propriétés, nous avons maintenant ce petit espace ici, qui nous permet de taper notre texte. Donc, ici, je vais taper au-delà de l'horizon. Ensuite, je cliquerai ailleurs pour désactiver le mode d'édition de texte Maintenant que nous avons un objet texte, avec une couleur, nous pouvons maintenant voir les couleurs à l'intérieur du fond et du contour. L'objet texte utilise une couleur plate pour le remplissage. Vous pouvez également choisir un dégradé et créer plusieurs dégradés, etc., ou le laisser à plat Nous pouvons également lui donner un trait en passant au trait en cliquant sur un trait plat, un trait dégradé ou aucun. Nous avons ici quelques options pour l'accident vasculaire cérébral . Je vais revenir au remplissage. De même, si nous allons dans la barre d'outils de couleur en haut, nous pouvons cliquer avec le bouton gauche de la souris et ouvrir un panneau ici qui nous permet de changer la couleur de ce que nous avons sélectionné. Il en va de même pour l'accident vasculaire cérébral. On pourrait lui donner un trait plat d' ici et changer de couleur. C'est bon. Il y a d'autres choses intéressantes que nous pouvons faire, comme maintenir la touche Ctrl enfoncée et faire défiler, ce qui va changer la saturation, maintenir la touche Shift enfoncée et faire défiler la page, ce qui change la valeur ou maintenir la touche Alt enfoncée et faire défiler la page, ce qui changera le U de notre couleur. OK. Je vais donc le remettre en blanc. Et à l'intérieur de la zone de texte, je vais le remplacer par 129. Je vais modifier l' alignement au centre, et je vais le laisser en bas ici. Ensuite, nous pouvons aligner notre texte, donc la géométrie sur la scène. Et allons-y et changeons la police. Cliquez donc sur le menu déroulant ici. Et je vais opter pour des pop-ins. Vous en faites une pop in encore plus audacieuse. Maintenant que nous avons notre texte, allons-y et animons-le. Pour animer notre texte, nous allons faire de même. Nous allons l'étendre, et maintenant vous verrez que nous avons quelques options supplémentaires ici. Alors que pour le logo, nous n'avons eu qu'à transformer. Ici, nous avons la transformation, le remplissage, le texte, l'espacement et quelques autres éléments qui sont gradués, d'accord ? Nous allons donc entrer dans Transform, translation, et nous allons ajouter une image-clé à la valeur Y. Mais avant cela, examinons d' abord notre animation. Et disons qu'ici, une fois que le logo aura fini de glisser vers le haut, cadre 24 devrait faire l'affaire. Appuyons sur Escape pour sortir du mode de lecture, revenons à l'image 24, et je vais ajouter une image-clé au texte. Je vais aller de l'avant. Disons que nous allons également lui donner une seconde. Pour l'instant, nous pouvons l'ajuster ultérieurement. Je vais donc passer à l'image 40 à 48, et je voudrais ajouter une autre image-clé. Nous avons donc quelques options ici. L'un d'eux serait de cliquer avec le bouton droit de la souris sur la valeur et d'ajouter une clé. Sinon, si vous avez la touche d'insertion sur votre clavier, vous pouvez simplement appuyer sur Insérer pour ajouter une image-clé Maintenant, nous pourrions changer de position, mais je veux vraiment que cette première image-clé apparaisse sur la tête de lecture Maintenant, je peux cliquer dessus et le déplacer ou nous pouvons sélectionner cette image-clé et appuyer sur Shift D pour la dupliquer ou appuyer sur Escape Ou nous pouvons appuyer sur Ctrl D, qui le dupliquera et le placera là où se trouve la tête de lecture Maintenant, je peux utiliser la flèche vers le bas pour passer à la première image-clé et je vais déplacer le texte Maintenant, avant de déplacer le texte, remarquez que la chronologie est surmontée d'un contour bleu. Et de temps en temps, nous avons le même contour bleu au-dessus du spectateur. Ce contour bleu indique lequel des deux est actuellement actif. Alors, est-ce la chronologie ou est-ce le spectateur ? Si la chronologie est active et qu'une image-clé est sélectionnée, si j'appuie sur G, bien que le texte ci-dessus soit sélectionné, parce qu'une image-clé est parce qu'une image-clé sélectionnée et que la chronologie est active, l'image-clé sélectionnée sera saisie lorsque nous appuierons sur G oPreseScape pour en sortir lorsque nous appuierons sur G oPreseScape pour Donc, pour passer au visualiseur, vous pouvez soit cliquer dessus avec le bouton gauche de la souris, soit simplement appuyer sur la touche Tab du clavier pour basculer entre la chronologie et le visualiseur Maintenant, si j'appuie sur G, je déplace notre texte. Appuyez donc sur G Y, et je vais déplacer le texte un peu vers le haut Alors maintenant, une fois que notre logo sera entièrement remonté, le texte va descendre. Maintenant, ajoutons également un peu d'assouplissement à notre animation de texte. Tout comme nous l'avons fait pour notre logo, nous allons ajouter un peu de simplicité à l'animation du texte. Donc, avec la valeur Y sélectionnée, nous allons cliquer sur le graphique, et maintenant nous pouvons modifier le graphique. Je vais donc prendre les deux images-clés. Je vais les rendre lisses. Et je veux un peu d' accélération au début, puis je passe à la position finale Il va donc accélérer puis ralentir au fur et à mesure qu'il descend. OK. Maintenant, pour éliminer cette pause que nous avons ici, il y a une petite pause. Je vais simplement revenir à nos images-clés. Je vais saisir les deux images-clés pour la valeur Y du texte, j'appuierai sur G, puis je le reculerai légèrement y a donc pratiquement plus de pause entre l'arrivée du logo et la réception du texte. OK. C'est bon. Nous avons donc maintenant notre mouvement de base. Nous avons le logo en haut, nous avons le texte en bas. Maintenant, avant d'aborder le texte, revenons à notre logo. Et au lieu de le logo visible du début à la fin, nous allons maintenant animer son opacité Pour ce faire, nous allons l'étendre à nouveau, remplacer Transform, et un peu plus bas, nous avons l'opacité Maintenant, ce sera une image-clé séparée. Donc, dès la première image, je vais ajouter une image-clé à l'opacité Je vais le ramener à zéro. Passons ensuite simplement à l'image-clé suivante. Donc, cadre 24, et maintenant je vais régler l'opacité à 100. Je vais cliquer avec le bouton gauche de la souris sur l'opacité, passer à l'éditeur de graphes Si vous souhaitez uniquement voir l'opacité, cliquez simplement sur le calque ou l'objet que vous souhaitez cibler Et cliquez à nouveau sur la valeur et cela devrait clarifier les choses. Maintenant, je vais saisir les deux images-clés, les rendre lisses, et je veux qu'elles deviennent opaques très rapidement Je vais donc vraiment exagérer la courbe pour la rendre opaque très rapidement Donnons-lui un peu de facilité au début pour qu' il soit transparent au départ. Réduisons-le un peu. Voyons voir ici. OK, il semblerait qu'une courbe en S lui donnerait un peu plus, rendrait légèrement plus subtile. Cela devrait suffire. C'est quitter l'éditeur de graphes. D'accord, nous avons maintenant notre animation de base. Nous avons notre logo animé et notre texte animé. Et dans la prochaine leçon, nous allons commencer à nous intéresser au masquage plutôt qu'à la friction C'est également là que nous allons examiner les formes et les chemins. On se voit là-bas. 6. pendant la destruction: Bonjour. Dans cette leçon, nous allons examiner le masquage, les formes et les trajectoires plutôt que le frottement. Commençons. Nous avons donc déjà intégré notre logo, mais nous devons maintenant faire quelque chose à propos de notre texte. Nous pourrions également le faire disparaître dans la scène. Mais au lieu de cela, nous allons créer un masque pour le rendre invisible jusqu'à ce qu'il apparaisse. Pour cela, je vais passer à sa première image-clé. Cela n'est pas obligatoire. Et à l'intérieur des outils, je vais prendre l'outil rectangulaire. Je vais cliquer avec le bouton gauche de la souris, maintenir et faire glisser. Ou créez une forme autour de notre texte. Maintenant, l'outil rectangle, tout comme notre outil de texte, si nous continuons à cliquer avec l'outil sélectionné, il ajoutera un tas d'autres boîtes rectangulaires. Nous devons donc nous assurer de changer d'outil après avoir créé notre forme. Je vais donc utiliser Control Z pour sortir des autres cases, et je vais renommer ce rectangle ici en slogan Masque, slogan. OK, appuyez sur OK. Et maintenant, nous avons notre masque. Passons au moment où le texte se trouve entièrement vers le bas pour nous assurer que la case ne se trouve pas au-dessus de notre texte. Je vais revenir à la première image, et je vais légèrement déplacer la boîte vers le haut. Dans le fond et le contour, je vais ajouter un remplissage qui peut être de la couleur que vous souhaitez. Ensuite, pour le coup, je vais le régler sur aucun. C'est bon. Donc, pour en faire un masque sur le calque, cliquons sur ce menu déroulant ici. Nous allons passer de la source à la destination sortante. Cela va faire un trou dans chaque couche qui se trouve en dessous, mais nous voulons simplement que cela affecte le slogan Pour ce faire, nous devons regrouper notre masque avec notre slogan. Sélectionnons donc le masque, maintenons la touche Maj enfoncée et sélectionnons le slogan, puis vous pouvez appuyer sur la touche Ctrl G du clavier ou simplement cliquer avec le bouton droit de la souris pour accéder au groupe Cela créera un nouveau groupe qui aura notre masque et notre slogan, et qui aura ses propres transformations OK, alors renommons le groupe en tagline com. OK. Mais notez que nous avons toujours le même problème. Le masque creuse un trou dans toutes les autres couches. Et c'est parce que nous devons promouvoir le groupe au rang de couche. Nous pouvons le faire en cliquant sur cette petite case ici ou en cliquant avec bouton droit de la souris et en passant à l' action et en passant à la promotion en couche Cela va transformer notre groupe en une couche. Les deux fonctionnent donc différemment. Mais maintenant, vous pouvez voir que le masque n' affecte que le slogan et rien d'autre n' est affecté. Si nous avançons dans le temps, vous verrez comment le texte apparaît derrière la forme. C'est ainsi que vous pouvez créer un masque plutôt que de la friction. Si vous vouliez faire l'inverse, il vous suffit de passer de destination extérieure à la destination entrée, et le texte n' apparaîtra désormais que là où se trouve la forme. OK ? Juste pour info, il existe de nombreux modes de fusion différents, mais pour isoler leurs effets, vous devez créer une couche à partir de ceux-ci. Retournons donc à destination. Et maintenant, si nous devions procéder à la diffusion, je vais repousser l' outpoint un peu plus loin Rejouons et nous avons notre première animation. OK. Je vais donc modifier un peu plus l'animation du slogan. Je vais donc passer à la valeur Y, accéder à l'éditeur de graphiques, et cliquer à nouveau sur le slogan juste pour isoler la courbe Et ici, je vais cliquer avec le bouton gauche de la souris sur le code et le faire glisser hors de celui-ci. Donc ça s'éteint un peu plus vite. C'est bon. Je vais quitter le graphique. Et voici notre animation. Maintenant, si vous souhaitez passer d'une couche à un groupe, cliquez avec le bouton droit de la souris, passez à l'action et rétrogradez cliquez avec le bouton droit de la souris, passez à l'action simplement le groupe Vous pouvez également dissocier votre couche ici en appuyant simplement sur Ctrl Shift G. OK. Donc, ce que nous venons de faire ici avec notre forme, nous aurions pu le faire avec un chemin. Donc, il suffit d'un clic gauche, d'un clic gauche, puis d'un clic gauche, puis une fois que nous avons terminé, nous pouvons fermer la forme, et nous aurions pu le faire avec ce chemin. Encore une fois, pour ceux d'entre vous connaissent les logiciels vectoriels, cela vous sera très familier. Ainsi, si nous passons en mode point, nous pouvons désormais modifier les différents points du chemin que nous avons créé. Si vous souhaitez créer des courbes, vous pouvez utiliser ce menu contextuel situé au-dessus du visualiseur et simplement saisir un nœud et en faire, par exemple, un nœud lisse ou un nœud d'angle, ce qui nous permettra de le contrôler. En tant que tel. Donc, si je prenais cette décision, nous obtiendrons ces identifiants afin pouvoir contrôler notre trajectoire. C'est bon. Je vais revenir à votre mode objet et le supprimer. Maintenant, avant de continuer, puisque nous parlons d'objets et de tracés, lorsque nous dessinons un cercle ou un rectangle, ces deux sont des objets. Ce ne sont pas des chemins. Donc, si je choisis le mode point, vous verrez qu'ils ont des commandes différentes. Ils obtiennent donc ces petits points roses, et ces points roses nous permettent de modifier leur échelle en fonction de la position du cercle. Ce sont donc des objets. Donc, lorsque je prends le rectangle ici, si je passe en mode objet, nous avons quelques options supplémentaires. Par exemple, nous avons le rayon, et si je maintenais la touche Maj enfoncée, clique avec le bouton gauche de la souris et que je fais glisser le pointeur pour affecter les deux valeurs en même temps, vous pouvez voir que le rayon ici donne les coins arrondis d'un rectangle. Il suffit donc de cliquer avec le bouton gauche, de cliquer sur le zéro droit ou de maintenir la touche Shift enfoncée et d'appuyer sur Retour pour affecter les deux valeurs. Appuyez de nouveau sur la touche Ctrl zéro pour zoomer ou canevas. Et maintenant, si jamais vous vouliez convertir l'une de ces formes en tracé, il vous suffit de la sélectionner, d'accéder à la barre de menu, entrer dans le champ Path et de descendre jusqu'au chemin Object two. Cela va en créer une copie sous forme de chemin. Nous avons donc toujours le rectangle ici, mais maintenant nous avons également une version tracée du rectangle. Donc, cette forme ici. D'accord. Je vais les supprimer. Passons maintenant à la leçon suivante, où nous allons apprendre à travailler avec plusieurs scènes dans un environnement de friction. On se voit là-bas. 7. Scènes multiples - Compositions de friction: Salut, voilà. Bon retour. Dans cette leçon, nous allons donc apprendre à travailler sur plusieurs scènes plutôt que sur des frictions. Mais avant de le faire, c'est très important, nous devons sauvegarder notre projet. En fait, nous aurions probablement dû économiser bien plus tôt. Il est temps de sauver notre projet. Pour enregistrer notre projet, nous pouvons soit aller dans la barre d'outils principale et cliquer sur Enregistrer, soit simplement appuyer sur Ctrl S. Donc, si je vais dans un fichier et que je vois ici, nous avons Control S à enregistrer. OK ? Sauvegardons donc notre projet. Et je vais appeler cette animation du logo Koctux V one et Nous avons donc sauvegardé notre projet. Allons-y et créons une nouvelle scène. Donc, dans la barre de menu, si nous entrons dans une scène, nous avons une nouvelle scène. Nous allons avoir la même fenêtre contextuelle. Nous pouvons le nommer, choisir les dimensions, la durée, le FPS, tout ce que nous avions à choisir auparavant. Nous pouvons appuyer sur OK, et nous avons maintenant une nouvelle scène, visible ici en haut à gauche de la zone du canevas ou du visualiseur, et également en haut à gauche des pistes de la chronologie. Donc, si nous cliquons dessus avec le bouton gauche de la souris, vous verrez que nous avons la possibilité de choisir la scène zéro. Et si vous souhaitez que la chronologie passe automatiquement à la scène active dans le visualiseur, vous pouvez cliquer dessus avec le bouton gauche de la souris. Et cochez simplement « Active ». Maintenant, lorsque nous changeons de scène dans le visualiseur, cela change également dans la chronologie. OK. Donc, ce que j' aimerais faire, c'est prendre notre slogan dans notre logo et le déplacer vers une scène séparée. Pour ce faire, étant donné que nous avons créé une nouvelle scène, je peux passer en haut de nos morceaux, ici dans la chronologie, où se trouvent ces deux lignes. Nous avons donc l'horizontale et la verticale. Si nous divisons horizontalement, cela crée une chronologie distincte. Nous en avons donc un sur le côté droit et un sur le côté gauche. haut à gauche, je vais cliquer sur aucun et passer à la scène 1. Donc, ici, nous avons la scène zéro, et sur le côté droit, nous avons la scène un. Je vais prendre notre slogan et le faire glisser vers la première scène, et je ferai de même pour le logo Nox Dax Faites-le glisser vers la scène 1. Nous pouvons donc maintenant fermer cette deuxième chronologie en cliquant sur le X, qui se trouve à côté des 2 barres, et cela fermera la chronologie. Nous pouvons également diviser le spectateur et visionner deux scènes en même temps. Donc, dans la première scène, avançons un peu. Et comme nous avons activé l'option active pour la chronologie, chaque fois que nous cliquons sur l'une d'elles, ce qui signifie que nous passons d'une scène active à l'autre, la chronologie bascule automatiquement avec nous. Donc, dans la première scène, je peux voir que le slogan ne s'affiche pas, alors allons-y et résolvons ce problème très rapidement Donc, quand je clique dessus avec le bouton gauche de la souris, je peux voir qu'il est censé être là, mais rien ne s'affiche. Donc, le faire glisser vers l'extérieur et le réintégrer dans le groupe a fonctionné. C'est bon. C'était donc pour corriger le bogue, mais le simple fait de les faire glisser hors du groupe ou de la couche et de les remettre dedans semblait résoudre Cela vous montre à quel point il est parfois facile de résoudre des problèmes D'accord, nous avons donc ici une animation isolée où nous avons notre logo et notre texte. OK, revenons donc à la scène zéro, où nous avons notre historique. Et maintenant, nous pouvons faire un clic droit sur le canevas et accéder à la scène Link. Nous pouvons maintenant intégrer la scène que nous venons de créer dans cette scène. Ainsi, nous pouvons également le renommer. Je vais donc appeler ce logo animation Link. Et si nous le voulons, nous pouvons même renommer notre scène. Passons donc à la scène dans la barre de menu jusqu'aux propriétés de la scène. Et appelons-le Animation. Appuyez sur OK. Nous pouvons faire de même pour une autre scène. Accédez aux propriétés de la scène et appelez ce logo animation. Voilà. Ce lien que nous venons créer possède également des propriétés de transformation, d'ailleurs, et l'option de clip ici concerne l'arrière-plan, comme appuyer sur C sur le clavier pour découper l'extérieur, quelque chose de similaire. OK. C'est bon. Maintenant, grâce à ce que nous avons fait, nous pouvons passer à la scène, créer une nouvelle scène, et nous allons appeler cette animation deux et plus dans animation deux. Et maintenant, dans l'animation 2, je vais prendre une autre vidéo et la faire glisser dans la scène. Maintenant, lorsque nous importons une vidéo, friction peut nous demander si nous voulons remplacer les propriétés visibles par celles de la vidéo. Je vais simplement cliquer sur Non. Vous pouvez également le désactiver dans les paramètres. Et là, clairement, cette vidéo est bien plus grande que notre composition. Je vais donc faire un clic droit. Je vais centrer une ligne , puis appuyer sur S pour l'échelle, et je vais la réduire jusqu'à ce qu' elle corresponde à notre composition. Et laissez-le tel quel. OK, nous avons maintenant une autre vidéo. Je vais renommer notre deuxième couche en vidéo. Appuyez sur OK. Je vais également verrouiller la vidéo pour que nous puissions la récupérer. Et je vais cliquer avec le bouton droit de la souris. Accédez à la scène Link, et je vais lier l' animation du logo que nous avons créée. Et maintenant, nous avons l'animation de notre logo dans deux scènes différentes. Et si nous passons à l'animation du logo ou si nous divisons cette vue ici et passons à l'animation du logo Donc, celui-ci est adapté à Genvs, peu importe ce que nous changeons dans la scène elle-même Ainsi, par exemple, si je devais faire pivoter le logo, vous verrez qu'il se met automatiquement à jour dans notre animation 2. Il en va de même pour l' animation ici. Cela signifie que vous pouvez créer une composition ou une nouvelle scène et simplement la lier à différentes scènes. Je vais donc réinitialiser la rotation et fermer cette instance. C'est vrai. C'est donc tout pour les multiples scènes, plutôt que pour les frictions. la prochaine leçon, nous allons découvrir certains effets matriciels de base. 8. Shaders et effets - Plug-ins de friction: Bonjour. Dans cette leçon, nous allons découvrir certains effets matriciels de base disponibles dans le cadre de la friction, et nous allons les appliquer à notre vidéo ici. Déverrouillons donc la vidéo, clic droit dessus, passons à l'action. Nous recherchons des effets matriciels. J'ai beaucoup de shaders personnalisés pour la friction, vous n'aurez donc pas cette longue liste Pour l'instant, nous allons utiliser l'un des effets intégrés ou l' un des shaders intégrés pour la friction Nous allons donc passer à l'intérieur de la couleur, et nous allons passer à la saturation. Clic gauche. Maintenant, si nous agrandissons la vidéo, nous avons maintenant des effets matriciels, et au lieu d'effets matriciels, nous avons une saturation, puis nous avons ici les différentes valeurs que nous pouvons modifier. Vous pouvez également effectuer tout cela dans le panneau des propriétés. Donc, si vous ne voulez pas trop étendre les choses sur la chronologie, vous pouvez le faire ici. Et si vous vous en souvenez, vous pouvez appuyer sur F sur le clavier pour masquer le fond et le trait. De cette façon, vous disposez d'une plus grande surface de travail. Bien, tout dépend de votre flux de travail, de ce qui vous convient le mieux Ainsi, avec la teinte et la saturation, nous pouvons changer le yu de la peau. Nous pouvons modifier la saturation, le contraste et la luminosité. Ainsi, par exemple, si nous réduisions la saturation, nous pourrions avoir un arrière-plan noir et blanc, ou nous pouvons augmenter la saturation pour ajouter du punch aux couleurs. Nous pouvons également animer ces valeurs, d'ailleurs. Ainsi, tout ce qui est suivi d'un point blanc peut être animé. Très bien, je vais donc tout réduire. Je vais verrouiller l'arrière-plan. Je diminue un peu la saturation. Et maintenant, la dernière chose que je veux faire est d'ajouter une ombre à notre logo dans notre texte. Pour ce faire, je vais cliquer dessus avec le bouton droit de la souris, sur la couche de liens , passer aux actions, passer aux effets matriciels et passer à l'ombre. Ajoutons l'ombre, agrandissons ou découpons, passons aux effets matriciels, à l'ombre. Et là, c'est à nous de choisir la couleur, l'opacité. Nous avons également des services de traduction. Développons donc cela. translation est la position, donc X et Y. Donc, si nous zoomons ici, nous pouvons déplacer notre ombre derrière notre texte Nous avons le rayon de flou. Alors, dans quelle mesure voulons-nous rendre l'ombre floue, contrôler l'opacité, etc. Ainsi, je peux réduire l'opacité, par exemple, à 0,4, lui donner un petit rayon de flou et définir la position Cela sort donc légèrement de l'arrière de notre texte. Voyons voir. Ça a l'air plutôt bien. Et maintenant, nous l'avons. Les frictions vont gagner de l'argent. Je vais appuyer sur Escape pour m'en sortir. Je vais définir un point de sortie ici, donc sur la première image, je vais définir un point de terminaison et pas de lecture. La boucle est activée, elle va donc se mettre en boucle. Je trouve que l'animation du logo a besoin d'être légèrement améliorée. Je vais donc le faire à partir d'ici. Je vais simplement le partager ici. Accédez à l'animation du logo. Faisons un zoom arrière. Nous devons donc nous assurer que l'option active est activée. Nous pouvons maintenant regarder l'animation de notre logo. Avançons un peu. Je vais ajuster la courbe de l'opacité. Je veux qu'il soit opaque un peu plus tôt. Ou un peu plus vite, mais il faut que ça reste transparent un peu plus longtemps. Nous pouvons donc soit ajuster la courbe, soit simplement déplacer l'image-clé Appuyez donc sur Gx et déplacez-la un peu vers l'avant pour qu'elle soit transparente un peu plus longtemps Je modifie donc simplement la courbe jusqu'à ce que je trouve ce qui me convient le mieux. Je pense que cela fonctionne parfaitement. Je peux donc terminer à nouveau, cliquer sur notre scène principale pour changer de chronologie et fermer l'éditeur de graphiques. OK. Maintenant, j' aimerais ralentir la vitesse de l'eau, mais avant de le faire, examinons les préférences en matière de friction. C'est ce que nous allons faire dans la prochaine leçon. 9. Aperçu de la résolution - Astuces de friction: Donc, au début, lorsque nous examinions l'interface utilisateur, si vous vous souvenez, dans la barre d'état, j'ai mentionné la résolution. Désormais, par défaut, la résolution est fixée à 50 %. Et si nous zoomons ici, voyons si nous pouvons le voir correctement, vous verrez que nous obtenons une certaine pixellisation Cela peut également se produire avec les formes vectorielles. Et il s'agit davantage d' une représentation visuelle et d'un moyen d'économiser de la mémoire pour le système. Si nous changeons la résolution de 50 à 100, vous verrez que les bords sont beaucoup plus nets, et même l'ombre portée est beaucoup Ainsi, chaque fois que vous commencez à vous intéresser aux effets et à d'autres détails, il est fortement recommandé de passer à 100 %. Je vais donc le remettre à 50. laisser à 50 % prend moins de RAM pour mettre en cache ce que nous avons, car les choses sont un peu plus pixelisées et moins définies Très bien, c'est tout pour ces parenthèses, revenons-y. 10. Préférences système - Paramètres de friction: Bonjour. Cette leçon sera un bref aperçu des préférences en matière de friction. Passons donc à la barre de menu d'un fichier, et nous allons passer aux préférences. Nous pouvons agrandir cette fenêtre et nous l'avons ici. Maintenant, la première chose que nous avons dans General, c'est très important d' c'est très important activer la sauvegarde lors de la sauvegarde et d'activer la sauvegarde automatique Désormais, vous n'avez plus besoin de créer des sauvegardes à chaque fois que vous enregistrez, ce qui est évidemment facultatif. Mais pour la sauvegarde automatique, je recommande vivement de l' activer Notez simplement que vous souhaitez définir un minuteur adapté à votre flux de travail. En ce qui concerne le répertoire par défaut, je préfère le définir sur le répertoire du projet plutôt que sur le répertoire de dernière utilisation. Nous avons également quelques techniques d'interface, et en ce qui concerne le matériel, nous avons certaines préférences pour le matériel Par exemple, si vous souhaitez limiter la quantité de RAM, cochez simplement cette case et définissez votre limite de RAM Même chose pour le processeur. Nous pouvons également choisir pas mal d'autres options ici, et j'ai tendance à la laisser par défaut, à l' exception de la RAM que j'ai légèrement modifiée. Pour le canevas, nous pouvons choisir la taille des nœuds, la taille du contrôle, les nœuds dissous et les couleurs qu'ils prennent sur le canevas. Pour la chronologie, nous pouvons définir les couleurs des images-clés ici Ensuite, nous avons les shaders. shaders sont un peu comme des plug-ins pour After Effects ou des filtres L'emplacement des shaders sur votre système dépend de votre système d'exploitation et de l'endroit où ils ont été installés pour vous Et ici, vous devriez pouvoir modifier le chemin des shaders Donc, si vous souhaitez choisir un dossier personnalisé, et avec cette liste ici, nous pouvons choisir d'activer ou de désactiver les shaders Enfin, nous avons des préréglages dans lesquels nous pouvons modifier ou créer nouveaux préréglages pour la résolution de la scène et la fréquence d'images de la scène Vous pouvez également tout réinitialiser par défaut, et si vous avez modifié quelque chose dans vos préférences, cliquez sur Enregistrer pour l'enregistrer ou sur Fermer si vous souhaitez ignorer ce que vous avez modifié. Je vais donc simplement cliquer sur Fermer. Et c'était pour des raisons de préférences. Très bien, dans la prochaine leçon, nous allons apprendre comment modifier la vitesse de notre vidéo. On se voit là-bas. 11. Remappage de cadre - Speedramp de friction: Là. Bon retour. Dans cette leçon, nous allons apprendre comment modifier la vitesse de notre vidéo. Maintenant, c'est assez facile à faire au lieu de se frotter. Tout ce que nous avons à faire est de déverrouiller notre vidéo, cliquez avec le bouton droit de la souris sur. Passons aux actions, et nous passons au remappage des images. Cliquez dessus. Et pour celui-ci, il va falloir faire un zoom arrière. Avant de le faire, développons notre clip. Et sur l'image ici, si nous cliquons dessus avec le bouton gauche de la souris et que nous appuyons sur la flèche vers le haut, la tête de lecture passera à la dernière image-clé, qui se trouve sur l'image 330 Nous allons donc étendre la chronologie à 400 images, et nous allons la zoomer horizontalement. Nous pouvons maintenant voir la première image et la dernière image de notre vidéo. Et il s'agit de la durée de notre vidéo ainsi que de sa vitesse en lecture normale. Donc, si nous devions saisir cette dernière image-clé, la maintenir et la faire glisser, nous ne ferions qu'accélérer notre vidéo Laisse-le jouer. L'eau se déplace un peu plus vite. Si je l'insère encore plus, rejoue-le. Donne-lui un moment. OK. Nous verrons que l'eau se déplace beaucoup plus rapidement. D'accord. Cela signifie que si nous le traînons et que nous le diffusons, l'eau devrait techniquement se déplacer plus lentement. C'est vrai. Cela signifie que nous pouvons simplement le faire glisser jusqu'à l'extérieur ou alternativement. Supposons donc que l'image 100 soit à l'image 50 ici. Et c'est du remappage d'images. Maintenant, si jamais vous avez trop modifié votre vidéo, vous ne savez pas par où elle commence. Je vous montre ici, arrêtons la lecture, cliquez avec le bouton droit sur Modifier la durée. Vous pouvez voir que nous avons le cadre minimum défini à 250. Nous avons le cadre maximum à 130. Modifions-le encore plus. Je vais donc faire un clic gauche appelé glisser. Vous pouvez voir que lorsque nous faisons glisser le clip vidéo, les images-clés se déplacent avec lui, faites glisser le clip complètement vers l' extérieur, faites-le glisser vers Faisons à nouveau un clic droit sur Modifier la durée. Vous pouvez maintenant voir que le cadre minimum est de -110. Le décalage d'image est de 130 et le nombre d'images maximum est de 59. Cela signifie que rien ne se passe dès le début, car c' est avant même que la vidéo ne commence, puis elle passe un peu et s'arrête. Et pour restaurer la vidéo, nous pouvons faire un clic droit, descendre dans Actions et désactiver le remappage des images Maintenant, bien sûr, cela va supprimer toutes nos images-clés Cela va donc supprimer toute animation personnalisée que nous aurions pu faire. Je vais à nouveau cliquer avec le bouton droit de la souris, passer aux actions et activer le remappage des images Et ce que la friction va faire pour nous c'est nous dire quelle est la longueur réelle de la vidéo, soit 322 images. Et là où se trouve réellement le point de départ c' est ici, sur l'image 130. Nous pouvons donc l'ajuster manuellement si vous souhaitez qu'il corresponde à la longueur réelle du clip vidéo. OK. Maintenant, c' est vraiment au cas où vous ne sauriez pas combien de temps votre vidéo est réellement censée durer. Bien, c'est tout pour cette leçon. Et dans la prochaine leçon, nous allons examiner un certain morphing des formes C'est pour que nous puissions en apprendre davantage sur l'animation vectorielle plutôt que sur la friction, et je vous y verrai. 12. Morphing des formes - Animation par vecteurs de friction: Bonjour. Dans cette leçon, nous allons apprendre un peu le morphing des formes afin d' apprendre davantage sur le côté animation vectorielle de la friction, où nous pouvons animer les moitiés elles-mêmes. C'est bon. Donc, pour commencer, je vais utiliser l'outil rectangle, cliquer avec le bouton gauche de la souris et maintenir la touche Maj enfoncée pour créer une forme symétrique, de sorte que ce soit un carré. Ensuite, je vais saisir le cercle ici, je clique avec le bouton gauche de la souris sur le bouton gauche de la souris, puis je maintiens la touche Maj enfoncée pour créer un cercle symétrique. Parfait Maintenant, allons-y et changeons la couleur de notre cercle. Je vais donc appuyer sur la touche F du clavier pour obtenir le fond et le trait et changer de couleur. Ou mieux encore, nous pouvons utiliser la barre d'outils des couleurs ci-dessus et simplement choisir une autre couleur. C'est bon. Nous devons donc convertir ces deux formes en tracés. Je vais donc les prendre tous les deux. Donc, en maintenant la touche Maj enfoncée et en cliquant avec le bouton gauche de la souris, je vais accéder à la barre de menu située à l'intérieur d'un tracé, et je vais passer d'un objet à un autre. Maintenant, nous pouvons supprimer les formes d'origine si nous le voulons et je vais renommer les tracés Donc, le premier sera un cercle, et le second un carré. OK, je vais aussi centrer le pivot, juste parce que maintenant, c'est le morphing de la forme OK, donc c'est assez simple. Ce que nous allons faire, c'est prendre notre cercle, placer, le faire chevaucher avec notre carré. Si nous voulons aligner les deux exactement, il suffit de saisir les deux, descendre dans le panneau des propriétés, dire aligner la géométrie sur la dernière sélection, et maintenant nous pouvons aligner les deux. OK, maintenant ils sont parfaitement alignés. Passons au mode point. C'est là que les choses peuvent devenir un peu étranges, mais ne vous inquiétez pas, c'est en fait assez simple. Pour le carré, agrandissons-le, et nous allons étendre les tracés. Et vous pouvez voir ici que nous n'avons qu'une seule voie. C'est en fait le chemin de la place. Nous allons ajouter une image-clé sur le chemin. Allons de l'avant. Disons 1 seconde. Donc, cadre 24. Et maintenant, si nous cliquons avec le bouton gauche de la souris sur l'un de ces points et que nous le déplaçons, une autre image-clé sera Et lorsque vous rejouez, vous pouvez voir le chemin se déformer. OK. Donc, si nous voulons transformer ce carré en cercle, cliquez avec le bouton gauche de la souris sur ce nœud, maintenez la touche Shift enfoncée sur le clavier. Et lorsque vous le fixez à l'un des nœuds du cercle, il prendra la forme de ce nœud en tant que tel. Donc, si je clique avec le bouton gauche, que je maintiens la touche Shift enfoncée, que je clique dessus, ça prend la forme. Il en va de même pour tout cela. Et parce que nous avons animé le chemin, nous avons assisté à une transformation d'un carré en cercle. OK. Une autre chose que nous pouvons faire. Cachons donc le cercle pour moment, c'est quand il se transforme en cercle que nous obtenons cette petite rotation ici. Maintenant, au cas où nous ne voudrions pas faire de rotation, nous pouvons identifier pourquoi la rotation se produit. C'est parce que cet endroit doit descendre, et à l'origine, ce devait être là-haut. Ainsi, sur la deuxième image-clé, nous pouvons saisir tous les nœuds, appuyer sur R sur le clavier et faire pivoter Vous remarquerez que les points pivotent sur leur propre axe. Hum. C'est donc un problème. Il existe en fait une solution à ce problème. Dans les outils. Ici, nous avons Pivot. Nous pouvons passer de Pivot Global à Pivot Loco. Cela signifie que lorsque nous faisons pivoter une locomotive, nous pivotons à partir du point central ou du point de pivot de nos objets Ainsi, lorsque le mode objet est sélectionné, voici le point de pivot. Lorsque nous sommes en mode point, vous pouvez imaginer que chacun de ces nœuds est son propre point de pivot. C'est pourquoi, lorsque nous le saisissons et que nous le tournons, il pivote sur lui-même Si on en prend deux, qu'on les fait pivoter, ils tournent sur eux-mêmes. Mais si nous passons du local au mondial, nous allons avoir ce petit point vert ici, et voici le point pivot mondial, ce qui signifie que si je les prends tous les quatre, nous obtenons ce point pivot mondial, et si je fais une rotation, ils pivotent désormais tous ensemble autour de ce point pivot mondial. Cela fonctionne donc aussi si je fais un cercle, deux cercles, passe en mode objet. Revenons au point de pivot local. Ainsi, lorsque nous avons le point de pivot orange, saisissez-les tous les deux, appuyez sur R et faites pivoter. Vous verrez qu'ils pivotent sur leurs propres points de pivot. Donc si je le prends, que je le pose ici, que je le prends, que place ici, que je le fais pivoter, ils pivotent sur leur propre point de pivot. Maintenant, si je passe au point de pivot global, donc ce point de pivot vert ici, où que je le place, lorsque je le tourne, ils tournent tous les deux autour de lui. OK, vous pouvez basculer entre les deux points de pivot en appuyant sur P sur le clavier Donc P, nous sommes dans Global, P encore une fois, et nous sommes dans le local. Très bien, je vais donc supprimer ces deux formes. Et en gros, allons-y et centrons-nous à nouveau, sur le pivot central. Ainsi, en utilisant le point de pivot global, donc le point de pivot vert ici, nous pouvons désormais faire pivoter tous nos nœuds. Et maintenant, lorsque nous rejouons, il se transforme en cercle sans rotation, et notre forme se transforme. Je vais donc revenir au mode global, je vais accéder au mode objet. Maintenant, ce que je veux faire, c'est ajouter du mouvement à cet objet au fur et à mesure qu'il se transforme. Passons donc à Transform, translation, et je vais saisir la position X, donc la gauche et la droite Je vais passer au moment où il se transformera, et je vais le saisir, appuyer sur GX et le déplacer de l'autre côté de l'écran Et maintenant, nous avons ce mouvement, une petite transformation. Il s'agit donc ici d'un morphing très, très basique. Il n'y a rien de trop compliqué là-dedans. Nous pouvons toujours ajuster le graphique pour l'assouplir. Je peux donc cliquer avec le bouton gauche pour faire glisser le sel vers l'extérieur, cliquer bouton gauche pour faire glisser le sel vers l'extérieur. Et maintenant, lorsque nous rejouons, nous obtenons ce saut dans l'animation. D'accord ? Je vais déplacer ce cadre de ski plutôt au centre, là où l'accélération est la plus forte. Donc ici, ça saute en quelque sorte, et quand il arrive de l'autre côté, c'est déjà un cercle Allons-y comme ça. Je vais déplacer celui-ci dans un instant, pour qu'il commence par un carré. Et ce que j'essaie de faire, c'est de placer le morphing au point d'accélération le plus élevé, et cela va permettre une transition un peu fluide ici D'accord, c'est ainsi que vous pouvez animer des tracés au lieu de créer des frictions Maintenant, il y a encore beaucoup de choses que nous pouvons faire. Maintenant, il y a encore beaucoup à faire, mais cela devrait vous donner une idée générale. Dans la prochaine leçon, nous allons apprendre comment importer des fichiers SVG 13. Link & Import SVG - Friction Assets: Bonjour. Dans cette leçon, nous allons apprendre comment importer ou lier des fichiers SVG pour éviter les frictions Donc, ici, j'ai un SVG, qui est un fichier vectoriel Je vais cliquer sur le code avec le bouton gauche de la souris, le faire glisser au lieu de le frotter. Donc, nous l'avons simplement glissé et déposé. Si je passe mode point et que je clique dessus avec le bouton gauche de la souris, vous pouvez voir comment nous avons tous ces nœuds. Je vais passer en mode objet. Maintenant, si j'importe la version PNG, apportez-la. Vous remarquerez que lorsque vous passez en mode point, rien ne se passe. C'est parce que ceci est une image, et ceci est un fichier vectoriel avec lequel la friction peut réellement fonctionner. Donc, à l'intérieur de la couche 1, nous avons cet autre groupe, dont nous pouvons dire qu'il s'agit d'un groupe, car il y a damier de données ici, qui nous indique qu'il s'agit d'un groupe, pas encore promu au rang Ici, nous avons nos deux objets différents. L'un est un objet, l'autre un chemin. Renommons-le donc en logo, et je le nommerai en cercle RIM ou plutôt en logo Cercle. Je peux l' appeler logo comp. Enfin, nous pouvons continuer et le dissocier de la première couche Je vais prendre la première couche, je vais maintenir Shift enfoncée et appuyer sur G, et cela va libérer la composition du logo. D'accord. Maintenant, juste quelques parenthèses Comme il s' agit d'un groupe, je vais passer en mode objet. Donc, comme il s'agit d'un groupe, si nous voulons accéder à ce qui se trouve à l'intérieur du groupe depuis le canevas, nous devons d'abord double-cliquer dessus, ce qui nous permettra d' entrer dans le groupe. Si nous voulons quitter le groupe, il suffit de double-cliquer en dehors du groupe, et nous sommes désormais en dehors du groupe. Maintenant, cette distinction est vraiment importante , car si je prends l'outil cercle et que je dessine un cercle, vous verrez que le cercle a été créé en dehors du groupe. Nous avons donc un cercle de composition du logo. Si je double-clique sur le groupe, alors maintenant je suis à l'intérieur du groupe, OK, je prends le cercle deux. J'ai cliqué avec le bouton gauche de la souris et je fais glisser Nous avons créé un cercle, mais à l'intérieur du groupe. C'est parce que nous faisions partie du groupe. Il y a donc une distinction à faire ici. Nous pouvons simplement cliquer avec le bouton gauche de la souris et le faire glisser vers l'extérieur. Vous pouvez voir qu'il saute également ailleurs, et pour le récupérer, j'ai dû quitter le groupe. Si j'étais dans le groupe et que j'essayais de m'en emparer, je n'y arriverais pas, car moment je fais partie de ce groupe. Cette distinction est donc vraiment importante. D'accord. Je tiens vraiment à le souligner, afin que je puisse les récupérer et les supprimer. C'est bon. Je vais également supprimer le fichier PNG. Donc, ce que nous avons ici est un SVG que nous avons importé par friction L'autre option consiste à cliquer sur le lien. Donc, si vous accédez à la barre de menu d'un fichier, nous avons Link et Import. Donc, cette fois, nous allons passer à Link. Je vais y aller et je vais récupérer le SVG. N'oubliez pas que nous sommes en train de le lier, appuyez sur le lien SVG Ce n'est en fait pas un chemin. Ce n'est pas un groupe, ce n'est pas un chemin. Il fonctionne exactement de la même manière que le PNG que nous avions. Donc, si jamais nous devions ouvrir le SVG dans Inkscape, par exemple, je changerais la couleur du logo ici en violet, et j'économiserais lorsque nous revenons à la zone de friction. Si je clique dessus avec le bouton gauche de la souris et que je dis « recharger », il est maintenant violet, n' est-ce il est maintenant Maintenant, dans les actifs, car voici le lien. Nous l'avons maintenant ici. Donc, si je clique et que je le fais glisser, c'est la version du lien. Et dans la leçon suivante, nous allons apprendre comment exporter notre animation sans difficulté. 14. Exporter l'animation - Friction Rendu: Bonjour. Dans cette leçon, nous allons apprendre comment exporter nos vidéos. En gros, nous allons rendre notre animation dans un fichier vidéo. Mais avant cela, abordons le mot « au-delà ». me faudra un peu de temps pour m'en rendre compte, mais il manque un D là-dedans. Passons donc à la scène d'animation du logo, et je pourrai ajouter la lettre manquante. Maintenant, dans ce cas précis, comme mon texte est déjà aligné au centre, en ajoutant la lettre manquante, il ne se déplacera pas d'un côté ou de l'autre, mais vous pouvez toujours corriger cela simplement en accédant à votre alignement, réglant la géométrie sur la scène et en l'alignant horizontalement OK, donc une fois cela réglé, revenons à notre animation à la scène. Et la dernière chose que je ferai avant le rendu est un fichier audio important. Je vais donc prendre une bande son que j'ai ici, et la déposer dedans. Et la friction ne vous donne pas vraiment beaucoup d' options lorsqu'il s'agit de fichiers audio, mais vous avez la possibilité, par exemple, de baisser le volume. Vous pouvez bien sûr le découper et le déplacer. Oui, alors maintenant, si tu te détends, nous avons une piste. Dis-le fort. Je vais donc baisser le volume, disons, 230 ici et c' est bon. Je veux donc que le coup d'envoi se fasse un peu plus tôt. Je vais donc simplement le réduire, le faire glisser vers le début. Sur la toute première image, je vais saisir le volume Je vais le réduire à environ 15. Ce n'est donc pas totalement silencieux. Et puis un peu plus tard, on pourra le faire revenir à 30. D'accord, c'est à peu près ça. Maintenant que nous avons du son à l'intérieur d'une piste, nous pouvons maintenant procéder au rendu. Maintenant, l'audio n'est évidemment pas obligatoire. Donc, pour exporter, nous allons passer à Q. Et tout en haut à gauche, nous avons un petit plus. Cliquez sur le signe plus. Il va ajouter ceci ici qui est développé, et nous pouvons modifier les propriétés de la scène. Donc, en gros, à partir de là, vous pouvez choisir la scène que vous souhaitez rendre. Donc, en ce moment, nous effectuons le rendu de l'animation 2. Voici donc la scène, donc je vais en rester là. Ensuite, nous avons notre gamme de cadres. Nous pouvons donc définir ce qu' il faut afficher à partir de la chronologie directement dans notre propriété de scène pour le rendu. Alternativement, nous pouvons également cliquer sur l'engrenage et passer de la plage de scènes à l'entrée et à la sortie. Et la fourchette d'entrée et de sortie sera celle que nous nous sommes fixée. Et cliquons sur OK. Ensuite, nous voulons vérifier nos profils. Maintenant, cela dépend vraiment du but pour lequel vous exportez, mais le MP 4 ou le MP 4 avec audio, si vous avez du son, comme nous venons d'ajouter une bande son ici, devraient très bien fonctionner, mais vous pouvez également opter pour quelque chose comme la vidéo ProRes ou la vidéo ProRes avec audio devraient très bien fonctionner, mais vous pouvez également opter pour quelque chose comme la vidéo ProRes ou la vidéo ProRes avec Et si vous voulez une séquence d'images, c'est parti. Notez que si vous souhaitez afficher une séquence d'images en transparence, vous devez vous assurer que le canevas est réellement défini sur transparent Vous devez donc entrer dans un arrière-plan , puis le régler sur une transparence totale. OK. Donc, pour ce profil, je vais simplement utiliser ProRes Video plus Audio, et nous verrons tous les petits détails ici Nous pouvons entrer dans un format et changer les choses. Vous pouvez donc passer de QuickTime MOV à différents formats, si vous voulez Nous pouvons également choisir le codec. Et nous avons les différents profils. Il y a donc pas mal de choses que vous pouvez changer ici. C'est également là que vous pouvez procéder et peaufiner si vous voulez une vidéo transparente. Donc, une fois que nous avons toutes ces vérifications, nous avons également les options audio en bas, d'accord ? Vous pouvez appuyer sur OK. Enfin, choisissons notre destination. Cliquez donc sur cette petite icône ici, côté du lieu ou de la destination. Je vais accéder au dossier vers lequel je souhaite exporter, et renommons-le simplement Je vais donc appeler cela ici, Nextax Logo. Animation via point mov, appuyez sur Enregistrer. Et maintenant, nous pouvons appuyer sur le rendu. Sachez que vous pouvez également ajouter des repères supplémentaires ici. Vous pouvez donc indiquer que d'autres animations se produiront. Et une fois que vous êtes prêt à effectuer le rendu, vous cliquez sur Render, vous pouvez également les décocher si vous ne voulez pas qu'ils s'affichent D'accord ? Juste pour que vous sachiez, j'ai rencontré quelques problèmes utilisant cette méthode si la scène n'est pas ouverte. Donc, par exemple, ce que je veux dire par là, expliquez-le rapidement. Si je voulais afficher l'animation 1, disons l'animation 1, et je dis les plages d'entrée et de sortie, et d'accord, une fois le rendu de l'animation deux terminé, il essaierait de rendre l'animation 1. J'ai presque oublié. Choisissez un profil. Quoi qu'il en soit, je vais décocher le second et appuyer sur le rendu Le processus de rendu ressemble en quelque sorte à ce qu'il fait lorsqu' il est mis en cache ou vu Une fois le rendu terminé, à l'intérieur du panneau de rendu, nous avons ce petit bouton de lecture à côté de la destination. Et si vous cliquez dessus, cela devrait ouvrir votre rendu avec votre lecteur par défaut. Et voilà. Nous avons notre animation ici. D'accord, et c'est tout pour le rendu de notre animation. Je te verrai dans la prochaine leçon. 15. Projet de classe - Exercice de friction: Bonjour, nous nous retrouvons. Maintenant que vous avez terminé le cours, c'est à vous de créer votre propre projet en utilisant la friction. Je vous encourage à partager votre travail avec la classe, soit pour obtenir des commentaires, soit simplement pour montrer vos compétences. Si vous avez des questions ou des doutes, vous pouvez les exprimer au cours de la discussion et je vous répondrai rapidement. Maintenant, chacun de vous aura des compétences différentes, je vous recommande donc de choisir ce qui vous convient le mieux. Procédez étape par étape afin de vous familiariser progressivement avec la friction. Cela dit, allez-y et ajoutez des animations graphiques. 16. Merci de nous avoir regardé !Graphiques de friction: Bonjour. Je vois que tu as atteint la toute fin du cours. Félicitations à vous. À l'heure actuelle, vous devriez avoir une solide compréhension des bases de la friction suffisamment pour pouvoir vous consacrer à vos propres projets et, à un moment donné, au travail avec les clients, si c'est ce que vous visez. Si, après ce cours, vous souhaitez en savoir plus sur la friction, vous pouvez toujours consulter la chaîne Noctux Creative où je propose de nombreux tutoriels abordant d' autres aspects de la Encore une fois, je m'appelle Jonathan. Il s'agissait d'une introduction à Friction Graphics. Merci d'avoir regardé et je vous verrai la prochaine fois. Maintenant, sans plus attendre, commençons par la friction.