| Introduction à Rive | Qu'est-ce que Rive et comment l'utiliser ?

1. Bienvenue en cours: m'appelle Bold Bt et je crée des animations Lotti depuis cinq ans Je suis un gagnant du tournoi, créateur de fichiers Lotti hébergés sur leur Discord Je suis également un expert certifié par eux sur le thé, et récemment, je viens de devenir expert en riz également. Et je pense que c' est le bon moment pour partager mon opinion, partager mon expertise ou mon expérience limitée que j'ai acquise grâce aux outils et partager ce que j' ai appris jusqu'à présent. Et montrez simplement ce que Rife est capable de faire, gros, et pourquoi devrions-nous même nous donner la peine de l'apprendre Et quels sont les autres outils auxquels nous pouvons le comparer, et quels sont les avantages qu'il nous offre au lieu de simplement utiliser autre chose ? Alors allons-y. 2. Qu'est-ce que Rive ?: OK, alors qu'est-ce que le RIV, en fait. Allons-y, commençons par le tout début et comprenons ce qu'est le RIV Allons-y et cherchons sur Google ce qu'est RIV. OK ? Ouvrons simplement notre premier lien, et découvrons ce qu'est le camping-car. Jetons simplement un coup d'œil à ces informations. RIV est un moteur de conception et d'animation interactif qui permet aux concepteurs et aux développeurs de créer des animations et de coder des graphiques réactifs dans un seul outil D'accord, contrairement aux outils d'animation linéaire traditionnels qui exportent des fichiers statiques, RIV utilise un système de machine à états pour créer des animations qui réagissent dynamiquement aux données saisies par l'utilisateur et aux déclencheurs en temps réel D'accord, il s'agit donc essentiellement d'un site Web pour camping-cars, et RIV propose essentiellement deux types d'utilisation Vous pouvez également utiliser RIV dans le navigateur, et vous pouvez également télécharger l'application , nous y reviendrons dans une minute Et puis nous avons ces interactions vraiment sympas que vous remarquerez lorsque je passe souris sur la partie droite du bouton En gros, une patte de chat sort de ce côté, et si je survole le côté gauche, une patte sort de ce côté, et si je m' éloigne du bouton, vous verrez que le chat essaie essentiellement Ceci est donc essentiellement activé à l'aide d'une machine à états. Et en gros, différentes machines à états sont connectées à ce bouton. Maintenant, qu'est-ce qu'une machine à états ? Nous allons aborder cela de manière beaucoup plus détaillée. Vous pouvez voir que ce bouton est vraiment sympa et vous pouvez voir à quel point l'animation fonctionne bien. Il n'y a pas de décalage et c' est tellement beau, non ? Et c'est vraiment incroyable. Tout comme lorsque nous regardons quelque chose comme Latte sur un site Web ou quelque chose qui vient d'être créé dans une base de code, peut-être que tout fonctionne aussi bien que cela maintenant Maintenant, pourquoi prenons-nous même la peine d'en apprendre davantage sur le camping-car ? Nous allons maintenant y revenir un peu. Nous pouvons créer toutes ces choses dans RV, afin de créer des animations pour le site Web. Ouvrons-les donc. Donc, interface utilisateur du produit. Interface utilisateur du jeu, puis il y a aussi les applications mobiles. Vous pouvez donc voir que Figma a effectivement utilisé RIV pour les animations de ses pages de destination La métaphie a également utilisé l'animation. Bend Health les a également utilisés, et vous pouvez voir différents types d'animations, n'est-ce pas ? La notion a également utilisé le RIV, et nous ferons une comparaison plus tard Quelle est la différence entre RV et Lotti Vous pouvez donc voir que toutes ces animations sont réellement créées dans RV. Maintenant, allons-y et voyons ce que nous pouvons créer d'autre dans ce domaine. Vous pouvez voir que vous pouvez également créer une interface utilisateur de jeu. Donc oui, en gros, vous pouvez créer des interfaces utilisateur de jeu complètes, et à part cela, vous pouvez voir plusieurs autres éléments liés ici en revue. Nous discuterons de tout cela de manière beaucoup plus détaillée. Ensuite, nous avons également des applications mobiles, afin que vous puissiez créer les animations utilisées dans les applications mobiles. OK. Donc, du point de vue d'un créateur de lots, ce que fait RV différemment, c'est essentiellement un outil capable de faire de l'animation en termes simples Il peut également faire bien plus de choses. Mais restons simples pour le moment afin que vous puissiez comprendre et digérer les informations très facilement. D'ailleurs, voici le point de vue d'un designer slash Animator que je vous présente. Si vous êtes développeur et que vous regardez cette vidéo, alors je vous recommande vivement de regarder cette vidéo d'Isa Genus, regarder cette vidéo d'Isa Genus, et je recommande vivement à tous ceux qui s'intéressent au développement ou qui ont touché au développement, ou même si vous n'êtes qu'un designer, de consulter ceci vidéo particulière d'Isa Gantus J'espère qu'elle a abordé choses vraiment intéressantes davantage de choses vraiment intéressantes parce que j' adore vraiment celui-ci, et je recommande vivement de le consulter sur YouTube, car cela vous permettra de savoir comment fonctionne réellement le côté développement de Rise. OK. Alors allons-y et examinons maintenant certains des exemples que j'ai créés. J'ai donc créé cette animation interactive. Maintenant, ce qui est vraiment surprenant , c'est que vous ne pouvez pas recréer cette animation dans aucun autre logiciel que je connaisse, à part RV en gros. Tu ne peux pas faire ça. De toute évidence, le dieu du studio Santa Monica ne s'en est pas servi pour le créer, je crois. Ils ont utilisé un moteur de jeu pour tout, évidemment, puis ils ont peut-être tout construit en code. Mais si vous essayez de contourner le problème, vous êtes un développeur frontal et que vous vous intéressez essentiellement à l'animation et au design d' interface utilisateur, ce type de choses est tout le temps utilisé pour les boutons, animations d' interface utilisateur, et vous pouvez également faire de l'animation de personnages. Et en gros, il y a tout un tas de nouvelles choses que vous pouvez créer. Mais ce qui est intéressant, c'est que c'est en temps réel. En fait, ce n' est pas une vidéo, d'accord ? Et voici un autre exemple. C'est également le logo interactif de God of War, que j'ai animé et que vous pouvez voir. Que c'est également interactif. Maintenant, vous ne pouvez pas créer ce genre de choses dans Latte, en soi, et c'est ce qui distingue le Rive de Latte Et la façon dont cela se fait consiste essentiellement à utiliser la machine étatique. Et nous discuterons en détail de la manière dont vous pouvez également le faire vous-même. Mais ce n'est qu'une introduction pour vous montrer ce que le RIF est capable de faire Et c'est en gros ça. J'espère que vous comprenez ce que Rife peut réellement faire, et à bientôt au prochain cours OK, maintenant je pense que tu comprends ce que Rife peut faire. Passons au cours suivant. 3. Lottie vs Rive: OK, donc dans cette vidéo, nous allons comparer Rb à Lotte Allons-y donc et approfondissons cela en profondeur. OK, donc ici, en gros, nous avons la communauté Late Files, et vous pouvez voir qu'il existe plusieurs forums, et vous pouvez les parcourir. Et oui, vous pouvez essentiellement apprendre ce que dit la communauté, ce qu'elle fait. Et vous pouvez voir qu'il s' agit essentiellement de leur communauté. OK. Et puis il y a la mise au rebut du camping-car RV a aussi une communauté, d'ailleurs. Allons-y et laissez-moi rejoindre la communauté Rive. Laisse-moi juste ouvrir ça. Oui. Nous pouvons donc comparer quelques petites choses. OK, c'est donc la communauté des camping-cars. OK, alors allons-y. Oui. Il y a donc beaucoup de demandes de fonctionnalités. Il y a une discussion générale en cours. OK. Donc oui, allons-y et parlons d'abord certaines choses que nous devrions. OK. Donc, dans la vidéo précédente, nous discutions du fait que nous pouvons essentiellement, oui, comparer RI à Lotte. Lotte a donc révolutionné la façon dont les concepteurs proposent des animations linéaires légères pour le Web et les appareils mobiles RI est en train de résoudre un problème plus important. Notre mission est d'entrer l'histoire des graphismes Hardcore HD avec un nouveau format graphique polyvalent pour tous les logiciels et interfaces utilisateur, et l'animation n'est qu' une partie de notre pouvoir. Avec un ENT et un pipeline pour concevoir, créer et exécuter graphiques interactifs sur plusieurs plateformes, RiS dépasse les formats linéaires pour créer des visuels interactifs et réactifs Le rendu Rive personnalisé garantit donc fichiers plus petits et des performances plus rapides sans compromettre la liberté du concepteur. Le guide compare RV et Late dimensions clés afin d'aider les équipes à choisir l' outil adapté à leur projet. OK, donc comme indiqué, RIV ne remplace pas simplement Latte, n'est-ce Les deux outils proposent différents types de solutions en termes simples. Pour les réponses et les sorties interactives de l'interface utilisateur, il est préférable graphiques prêts à être produits avec une interactivité pilotée par l' état et des entrées en direct Comme vous pouvez le voir, le bouton de démarrage Ga est là, à droite, comme nous en avons discuté précédemment. Et Late est essentiellement une animation linéaire légère pour les sites Web de marketing et les interactions entre applications. SN propose des animations linéaires avec une interactivité limitée. Exactement. Et puis vous pouvez également faire beaucoup de nouvelles choses. Il existe une mise en page réactive, ce que vous ne pouvez pratiquement pas faire dans Lotte Ce n'est pas simplement quelque chose que vous pouvez faire. La liaison de données ne fait pas fondamentalement partie du domaine Lott. Ils ont récemment introduit des jetons de mouvement, mais cela ne fonctionne pas exactement de la même manière que la liaison de données RiS. Et la liaison de données RiS offre beaucoup plus de complexité et offre des résultats possibles beaucoup plus intuitifs. Et puis il y a l'annonce préliminaire, où je vais entrer un peu plus dans le vif Après cela, nous avons des masques et oui, en gros, sont en fait des documents, et tout cela est essentiellement ajouté. Et puis le rendu accéléré par le PU en plus de cela. Et puis, en gros, oui, parlons-en. Vous allez essentiellement faire le design dans Illustrator, animer dans After Effects, puis vous allez exporter à l'aide du plugin Body Movement ou vous pouvez également utiliser le LatifiPlug , puis vous pouvez exécuter le LatJSNFle qui est essentiellement au format point Jason Nous avons discuté de tout cela en particulier dans mes cours ou cours précédents. Vous pouvez les consulter. Si vous voulez le recommander vivement, nous avons abordé des tonnes de projets complexes et les principes d'animation de l'interface utilisateur sont en fait les mêmes. L'outil offre simplement une meilleure exécution. Dans certains cas, le lot est meilleur ou les effets secondaires sont meilleurs Dans certains cas, le RI s'en portera mieux. Mais les principes de base sont les mêmes Je vous recommande donc vivement de les consulter si vous souhaitez en savoir plus, en particulier sur l'animation de l' interface utilisateur, et récupérer toutes les informations possibles que vous pouvez avoir. Je recommande donc vivement de les consulter. Et à part ça, il y a essentiellement la bibliothèque. Vous pouvez l'exécuter pratiquement partout. D'accord, à part ça, ils ont quelques études CSS, et après cela, nous avons également cette photo interactive sur le site Web. OK, donc RIV et Lotti, la principale différence est la différence entre les pipelines , En gros, le pipeline Lotte est essentiellement cela, mais le pipeline pour camping-cars est en fait complètement différent. L'éditeur est en fait celui que RIV a construit. Le format est point RIV. Il ne s'agit pas simplement d'un format étrange comme le JSON à points. Maintenant, ce n'est pas une mauvaise chose d' avoir une animation Json par points. C'est juste qu'à l'époque, la technologie en fait, Henan Torosi, le fondateur de Lotti, a créé le format Late, et c'est a créé le format Late, et c' J'ai un immense respect pour ce gars, et il a fait un travail incroyable. Mais il n'est tout simplement pas conçu pour offrir cette complexité ou cette interactivité que RIV peut offrir, en fait Le point de format RIV peut donc être exporté à partir du RIV lui-même Aucun autre logiciel ne l'exporte donc réellement. L'environnement d'exécution est en fait créé par lui-même, par l'équipe Rive, puis le moteur de rendu est également créé par la même plate-forme Nous avons abordé de nombreuses questions dans les cours où j'enseigne les différents types d' animations que nous pouvons créer à l'aide d' animations tardives en utilisant After Effects. Et dans ces cours, vous verrez beaucoup de choses qui ne se traduisent pas vraiment comme elles le devraient Nous voyons autre chose dans After Effects et autre chose sur le Web. Et c'est un peu bizarre, même lorsque nous utilisons les fonctionnalités prises en charge. Mais ce ne sera pas le cas au RIV. J'utilise le camping-car depuis plus d'un an maintenant, presque un an et demi, et je n'ai jamais été confronté à un problème étrange comme celui-ci. Il y a eu un problème étrange mais lorsque quelqu'un n' utilise pas le bon moteur de rendu pour RIF, vous devez parfois l'activer Quand ils ont lancé le nouveau moteur de rendu ils ont dû effectuer une sorte de changement, et à ce moment-là, il y a eu quelques problèmes, mais après cela, il n'y en a pas eu d'autres OK. Et si vous avez des informations sur le café au lait, vous saurez qu'il ne brille pas, en gros, un des principaux avantages de l'utilisation du RI est qu'il peut réellement offrir des plumes vectorielles Maintenant, qu'est-ce que le plumage vectoriel ? En fait ? Cherchons simplement les plumes vectorielles dans un camping-car, Et en gros, c'est juste un outil qui vous permet d'ajouter du flou, c'est aussi simple que cela, non ? Mais vous pouvez faire bien plus en utilisant le flou ici. Vous pouvez essentiellement manipuler les flous. Vous pouvez créer toutes sortes d'animations, et vous pouvez voir que de très beaux effets en sont créés, et le flou peut en fait être interactif Vous pouvez voir que la souris bouge et qu' en gros, le curseur est suivi par un effet de lueur, n'est-ce pas ? Vous pouvez voir des choses incroyables créées en utilisant les flous, n'est-ce pas ? Maintenant, vous ne pouvez pas faire ce genre de choses, en particulier avec Latte. Maintenant, ce sont des choses qui changent la donne. part cela, il y a également d'autres sujets que j'aimerais aborder, à savoir : allons-y et laissez-moi vous montrer cette étude de cas, qui est, oui, celle-ci, notion 1. J'ai remarqué une révolution vraiment intéressante, disons intéressante, disons, que Rive a essentiellement créée, savoir que toutes ces grandes entreprises utilisent le VR pour créer des animations interactives Maintenant, la plupart des gens sont conscients de cette notion et toutes les animations IA de leur assistant sont en fait interactives et sont créées à l'aide de RV. Maintenant, personne n'utilise Lotte. Je ne sais pas pourquoi, mais j'ai essayé Lotte Creator par moi-même, et je ne pense pas que les outils soient vraiment intuitifs. Par exemple, dans RV, lorsque vous créez une animation, vous pouvez essentiellement partir d'un état d'animation, puis passer à une autre chronologie. En gros, considérons simplement qu'il s'agit d'une composition d'effets secondaires, n'est-ce pas ? Donc, une transition d'une composition vers une autre est aussi simple que cela. Mais Lotti ne fonctionne pas de cette façon. Dans Lotte, vous devez travailler sur une seule composition, puis vous devez verrouiller la zone de travail comme nous le ferions dans After Effects, puis vous devez sélectionner ces sections , puis les attacher et créer l'animation. Je ne pense pas que ce soit vraiment une bonne façon de contourner le problème, car je l'ai testée, mais je n'ai pas vraiment aimé les résultats non plus, et c'était très difficile à utiliser pour quelqu'un de mon expérience qui utilisait After facts. Je ne sais pas si c'est juste mon parti pris, mais oui, je n'ai pas vraiment vu de projets vraiment importants récemment créés au sein de Lotti part cela, il y a une chose vraiment importante à mentionner ici, c'est que nous allons simplement vérifier la plateforme de fichiers Lotti, d'accord ? Et laissez-moi vous montrer quelque chose de vraiment sympa. OK, alors allons-y et examinons les clients. Oui, voyons juste toutes les études de cas. OK, vous verrez ici qu'il est écrit de faire un jargon, et nous allons simplement cliquer dessus Et vous pouvez lire beaucoup de choses ici. Maintenant, comment R a vu le jour, c'est que l' histoire est fondamentalement simple. En gros, Duolingo a été le premier client ou utilisateur de Rf OK ? Et l'équipe a commencé à utiliser RV pour la première fois, je crois, parce qu' il ne s'agit pas simplement d'informations inventées Go Rosso, qui est essentiellement le fondateur de RV. Ils l'ont essentiellement mentionné dans un podcast ou dans une interview. Oui, vous pouvez le voir avec Rosso, PDG de RV. Donc, le frère jumeau de Nutsure Luego, je crois, est le oui, Luigi oso, Ces deux-là sont donc le PDG de RV et des gars incroyables, en fait, très solidaires et ils sont vraiment l'un des PDG les plus faciles à contacter J'apprécie donc vraiment la façon dont l'équipe RV développe l'outil et façon dont elle est si réactive à tout moment. C'est donc vraiment quelque chose de surprenant pour moi. Nous y reviendrons également plus en détail. Donc, en gros, Duolingo utilise actuellement RIV, et RV n'était fondamentalement pas un Il était juste utilisé par Duolingo la plupart du temps. Et puis, en gros, ce qui s'est passé, c'est qu'un autre animateur en a discuté avec Guido et qu'il devrait peut-être lancer parce que d'autres personnes aimeraient également l'utiliser Maintenant, Joy Cornman de School of Motion a également mentionné quelque chose à propos de RV, à savoir que c'est vraiment un outil incroyable RV est le meilleur nouvel outil pour les motion designers de ces dix dernières années. Il vous permet de faire ce que Flash utilisait également, mais d'une manière beaucoup plus puissante. , je ne suis pas vraiment si vieux que j' ai Pour être honnête, je ne suis pas vraiment si vieux que j' ai travaillé avec le flash. Mais en gros, quand ils ont lancé Rive, beaucoup de gens étaient vraiment contents que le flash soit de retour et que c' est tellement mieux maintenant. Peut-être que quelqu'un qui a suffisamment d'expérience avec le flash saura de quoi il s' agit réellement. À part cela, il y a également eu d'autres études invitées vraiment incroyables. Tout d'abord, comme nous en avons discuté, les Duolingo sont actuellement essentiellement les premiers clients ou utilisateurs de RF et ils sont complètement passés aux animations Rife Et le double personnage de Lingo peut faire gros, nous expliquons maintenant ce que R est capable de faire Et en gros, si vous lisez tous les détails, vous remarquerez que tous ces sons sont en fait des embouchures différentes. Mais ils sont essentiellement attachés via back-end à la liaison de données, et ainsi, en gros, vous pouvez voir qu'ils ont réellement tout transformé, et que la bouche bouge essentiellement en fonction de la façon dont les mots sont prononcés ou du son qu'ils produisent, et la liaison de données déclenche essentiellement ces moments de bouche. Maintenant, tout cela se passe en temps réel. La fonction Super Duo Lingo, la fonctionnalité payante, vous permet en fait d'appeler Lily par vidéo Et Lily utilise essentiellement la fonction de liaison de données de R, ce qui est vraiment surprenant, et elle parle essentiellement à vous. Et il s'agit essentiellement de vous écouter et de vous répondre parce que ces données sont essentiellement associées à l'animation Rive, et cela se traduit dans l'animation lorsqu' il déclenche différentes entrées OK ? Maintenant, cela peut être très difficile à comprendre. Mais en termes simples, disons simplement que le numéro un est bouche fermée. Permettez-moi d' ouvrir un Figma et de mieux l' illustrer OK, alors jetons un œil à ce que j' essayais de te dire. OK, alors disons simplement que c'est une bouche, et que nous avons des poses différentes ici. Disons simplement la langue , la bouche fermée ou ouverte, et puis nous avons essentiellement des sons différents qui sortent de la bouche du personnage, d'accord ? Et en gros, disons simplement que nous avons ces quatre entrées différentes. OK ? Ce ne sont donc que quatre bouches différentes, passons-en à une et laissez-moi passer à l'échelle supérieure. OK. OK. Et en gros, il ne s'agit que de simplifier les fins d' illustration, afin que vous puissiez comprendre les concepts. OK ? Disons donc que ce sont les quatre poses et qu'elles doivent essentiellement jongler entre elles. Maintenant, en gros, lorsque l' utilisateur parle, Lily ne dit rien, n'est-ce pas ? Donc, en gros, disons que le numéro trois est la bouche fermée, d'accord, comme ça. OK. Et en gros, celui-ci sera activé. Automatiquement, car les données sont essentiellement en train d'écouter et l'animation est conditionnée par le fait que lorsque l'utilisateur parle, vous devez activer le numéro trois. Mais dès que l'utilisateur s'arrête, vous devez répondre en utilisant des sons différents. Alors disons simplement que c'est le son de A, c'est le son de T, et que c'est le son de F, n'est-ce pas ? Et puis, en gros, il essaie de dire plein, puis pour une image, il passe en air F ou L. Par exemple, quelque chose comme ça. F 000, puis L. Il va donc le faire automatiquement parce que la liaison de données y est attachée et que la logique a été créée de cette manière. Et en gros, quelque chose comme ça est créé dans RV et vous pouvez voir, vous savez, que les liaisons de données sont connectées les unes aux autres, n'est-ce pas ? Donc quelque chose comme ça. Vous pouvez voir des structures comme celle-ci dans les animations RV à tout moment. Voici donc comment cela fonctionne essentiellement sur le back-end. Maintenant, il suffit de regarder d'autres exemples montrant en quoi RI est réellement différent. OK ? Et pourquoi je pense en fait que cela pourrait être cas d'utilisation potentiel ou un outil que vous devriez apprendre pour créer des animations d'interface utilisateur. Maintenant, si vous remarquez la communauté Late ou le Late Discord, vous verrez qu' il n'y a aucune activité Vous verrez qu'il n'y a qu' un seul message en juillet. Personne ne répond. Celui-ci est, je crois, un modérateur. À part cela, vous pouvez voir la communauté est un peu morte. Maintenant, ils ont officiellement annoncé que la communauté s' est installée ici. Maintenant, allons-y et jetons un coup d'œil au chat et vous verrez que le 22 juillet, il y a deux messages, puis nous avons un message le 21 juillet. Et puis, en gros, vous pouvez voir la différence. Donc, en gros, tout le mois de juillet ou un mois entier est essentiellement couvert par 20 ou 30 messages. C'est ça. Donc, en gros, n'y a pas beaucoup de discussions dans la communauté, et il ne semble pas que beaucoup d'utilisateurs actifs l' utilisent réellement. Et même si vous effectuez une recherche sur LinkedIn, des choses comme ça, vous ne trouverez pas beaucoup de cas où les gens créent des choses comme ça. Et peut-être parce que fonctionnalités de loterie sont limitées. Et à part cela, je ne pense pas qu'il y ait de raison particulière à cela. Les outils sont peut-être limités car de nombreuses fonctionnalités ne sont pas incluses, à part le flou ou la liaison de données Par exemple, allons-y et examinons autre chose, à savoir les maillages. Alors allons-y et laissez-moi simplement rechercher des maillages dans Rip, Présentation des maillages, mesh is Rye, suffit d'ouvrir un tas de liens pour que je puisse vous montrer ce que nous pouvons faire Vous pouvez donc voir que vous pouvez créer ces structures étranges et compliquées, n'est-ce pas ? Donc, en gros, ce sont des images, des images simples, vous pouvez y ajouter des maillages, puis des éléments animés assez simplement Late n'offre pas cette fonctionnalité, et le format Jason permet essentiellement travailler uniquement avec le format vectoriel. RIV résout également ce problème , car vous pouvez contourner les maillages, mais pas le fichier, car vous pouvez voir que, comme pas le fichier, car vous les maillages fonctionnent, vous pouvez créer des animations vraiment très compliquées à partir Et je l'ai essayé moi-même. Je ne suis pas vraiment doué pour les maillages, donc mon expérience est très limitée dans ce domaine, mais ce n'est pas le cas J'en suis presque sûr parce que vous pouvez voir ici à quel point c'est beau, et il ne s'agit que d'une ou deux images ou simplement de diviser quelques images dans Photoshop, puis vous pouvez simplement les joindre ici. vraiment important ici , c'est que vous pouvez également saisir des fichiers Photoshop en RF et que vous pouvez ensuite travailler avec eux, assez facilement. Et si des effets sont ajoutés au-dessus de ces couches, ils ne créent pas beaucoup de problèmes. part cela, une chose très importante à mentionner ici est qu'il existe un autre outil dans RI, connu sous le nom d'outil en os, qui propose en fait le gréement, et que vous pouvez l'utiliser comme vous le souhaitez Et c'est quelque chose de vraiment incroyable. Late ne propose pas toutes ces fonctionnalités. Vous ne pouvez pas créer d'animations vraiment interactives et créer une sorte d' animation de personnages est vraiment un problème ici, car tout le monde essaie de créer un nouveau double langage parce que le double lingo ou, en gros, la tendance de l'interface utilisateur a beaucoup changé ces dernières années En gros, tout le monde n' essaie pas de créer l'application la plus minimaliste Même si Notion, qui est essentiellement connue pour son minimalisme, utilise également une mascotte animée, qui représente son IA, n' utilise également une mascotte animée, qui représente son IA, qui représente son IA, Et la plupart des entreprises essaient essentiellement d'adopter une approche d' animation de mascotte laquelle toute leur identité est essentiellement attachée à une mascotte ou à un personnage qui guide l' utilisateur à travers Par exemple, il y a un très bel exemple qui est Byte Paul, quelque chose de similaire au personnage de Duolingo et que vous pouvez voir ici Et selon toute vraisemblance, je pense que cela a également été créé dans RIV Je ne suis pas vraiment sûr car cela n'est pas mentionné quelque part, mais si vous faites des recherches quelque part, vous pourriez également trouver le thème sous-jacent. OK. Et à part cela, vous pouvez également joindre du son. Je n'ai pas vraiment utilisé d' audio avec Late car Lot exporte l'audio dans un fichier séparé Mais en fait, cela revient à même discussion qui a été mentionnée ici. L'animation complète, les effets sonores, tout se trouve dans un seul fichier, le fichier datery, mais ce n'est pas le cas lorsque vous exportez un fichier JSON car le fichier audio est exporté séparément. Ensuite, vous devez donner cela au développeur, et il devra trouver un moyen ou l'associer d'une manière ou d'une autre, vous savez, il y aussi une chose vraiment importante à garder à l'esprit, c'est que Lottie n'offre pas d'interactivité, alors que ce que RIV améliore réellement c'est l'énorme avantage de l'utilisation du RIV, c' est-à-dire que si vous créez l'animation, vous n'êtes pas obligé, ce n'est pas seulement que l'outil peut faire de l'animation interactive. L'outil vous permet essentiellement d'ajouter toutes ces interactions au sein du créateur ou du logiciel lui-même. Vous n'avez donc pas à donner trop de maux de tête au développeur ou à l'équipe principale. En gros, vous pouvez ajouter toutes les interactions ici, afin qu'elles puissent être gérées par l'animateur, le concepteur de barres obliques, le développeur qui réalise l' animation, n' Vous pouvez créer toute la logique ici, puis il vous suffit de simplement joindre toutes ces données au backend C'est ça. C'est assez simple. Vous n'êtes pas obligé de taper dans ces conditions : si la souris est ici, il suffit de l'agrandir. Tu n'es pas obligée de faire tout ça. Vous n'avez pas à passer par tous ces maux de tête et, en gros, ce que nous essayons de faire en tant qu'animateur ou en tant que designer, c'est de résoudre des problèmes complexes Et si vous voulez créer un autre problème pour votre client, cela n'ajoute pratiquement aucune valeur au projet ou vous ne devenez pas un résolveur de problèmes pour le projet ou le client, n'est-ce étonnant, c' est que vous gérez tout cela vous-même, vous ne vous contentez pas de créer un gâchis supplémentaire pour l'équipe de développement. Et ce qui est vraiment étonnant ici, c'est que vous pouvez également voir des choses comme ça qui signalent également les problèmes. Il existe une console qui vous montre réellement ce que vous faites réellement dans l'animation. OK ? Ensuite, vous pouvez également faire quelques tests ici. Il y a quelques changements. Il y a tellement de choses que tu peux faire à Rive. Et il est également très important de mentionner ici l'aspect communautaire, d'accord ? Maintenant, comme il y a beaucoup de discussions en cours, disons simplement que cette enquête est pratiquement terminée maintenant, peut-être parce qu'ils ont déménagé ici, mais vous pouvez voir qu'il n'y a pas beaucoup de discussions en cours ici également. Mais comparons-le avec la communauté Arrive. Maintenant, vous pouvez voir, faisons simplement défiler la page vers le bas voir combien de messages ou de discussions se déroulent par jour. C'est donc le premier jour, et nous montons, nous montons, nous montons. C'est le deuxième jour. Et puis nous avons le troisième jour, puis vous avez le quatrième jour. Maintenant, il ne se passe pas grand-chose aujourd'hui. Donc, évidemment, cela se produit. Et puis, oui, beaucoup de messages. Et vous pouvez voir que les gens partagent et créent essentiellement des choses. Maintenant, permettez-moi de revenir à Late Community ou Chat. On ne voit pas vraiment les gens mentionner des choses comme ça. Donc, ici, un problème est mentionné. À part ça, ce ne sont pas vraiment des choses créées par la communauté, non ? Et alors que Jac arrive dans la communauté, vous pouvez voir qu'il se passe beaucoup de choses OK ? Et ce qui est vraiment surprenant, c'est qu'il est tellement plus facile de contacter l'équipe. Vous pouvez même taguer Guido. Il est essentiellement le fondateur de l'équipe ou le fondateur du Rive, comme nous en avons discuté. Et j'ai eu des problèmes parce que j' essayais de soumettre un contre-défi, mais je n'arrivais pas à trouver d'option dans l'outil Guido m'a essentiellement répondu parce que dans une heure, je crois, et s'il ne me contacte pas, quelqu'un d'autre le fera dans l'équipe Il y a donc un soutien constant, ce qui est vraiment incroyable. Et ce qui est choquant pour moi, c'est, et je tiens à rendre un très grand hommage à l'équipe, grand hommage à l'équipe qu'elle a livré les mises à jour très, très rapidement Par exemple, RV met à jour le logiciel sur une base hebdomadaire. Et je ne plaisante pas. Parfois, il est également mis à jour deux fois par semaine. Ils sont parfois simplement en train de déboguer certaines choses. Parfois, ils ajoutent un petit détail demandé par la communauté . Et puis à part ça, en gros, vous pouvez également partager votre travail. Vous pouvez donc partager, vous pouvez voir qu'une grande partie du travail est partagée ici. C'est vrai. Les gens créent donc essentiellement des bobines d'émission complètes à l'intérieur, comme vous pouvez le voir ici Mais je n'ai pas vu toutes ces choses avec du latte. Et en fait , je pense que ce sera le dernier point à retenir de tout cela, c'est qu'une entreprise comme Spotify l' a également utilisée Maintenant, ce pour quoi ils l'utilisent est vraiment intéressant, c'est que wrap Spotify est quelque chose que les gens attendent à la fin de l'année. Et je crois que vous comprenez ce qu' est Spotify Arab , c'est-à-dire que vous comprenez ou vérifiez le type de chanson que vous avez écouté toute l'année et que l'animation Spotify Arab a en fait été créée à l'aide de RV. Et quelque chose de vraiment intéressant à remarquer ici, c'est que Spotify compte autant d' auditeurs ou d'utilisateurs Et en gros, la liaison des données a été, par exemple, jointe. Au profil de l'utilisateur, par exemple. Donc, parce que tout le monde va voir son visage sur son compte Spotify, c'est vrai, ou parce que tous les artistes de la plateforme seront ajoutés à l' animation Spotifyer Cela se fait donc essentiellement en utilisant la liaison de données. Donc, par exemple, si nous revenons ici, créons simplement quatre cercles pour dire que nous avons quatre artistes, n'est-ce pas ? Donc, en gros, ce que nous avons ici, c'est qu'il y a maintenant certainement beaucoup plus d'artistes que quatre, mais nous ne prenons cela qu'à titre d'exemple, n'est-ce pas ? Et en gros, ce qui se passe réellement c'est par le biais de la liaison de données que ce se passe réellement, c'est qui se passe réellement, c'est que disons que j' écoute cet artiste, n'est-ce pas ? Maintenant, arrivez, en gros, Spotify a mes données. Maintenant, il s'agit essentiellement de créer mon animation fonction de ce que j' écoute ou de l'artiste que j'écoute. Maintenant, la photo de profil actuelle de cet artiste sera attachée à qui écoute le plus ou l'artiste que j'ai plus écouté sera ajouté ici Donc, en gros, l' espace réservé à l'intérieur cette animation est essentiellement un espace réservé Il répondra essentiellement à tous les créateurs de la plateforme. Et une fois qu'il correspond à ce point de données, il ne reste plus qu' à sélectionner ce point de données. Maintenant, nous n' allons certainement pas voir tout cela, car RI est vraiment très fluide. Et pourquoi ça ? Parce que, comme nous en avons discuté précédemment, il possède son propre pipeline. L'animation se déroule donc très bien. Et nous n'avons pas vraiment vu réaction négative à la rupture de l'animation, vous savez, je veux dire, si une équipe comme Spotify utilise quelque chose, alors je ne pense pas qu' il y ait lieu de s' inquiéter, en fait Et le Duolingo était essentiellement l'OG des animations de mascottes dans le domaine de l'interface utilisateur, et en gros, leur produit est le produit le plus animé d'Internet, je dirais Et si ces outils sont utilisés, quels sont les meilleurs outils, comme s'ils étaient les 1 % les plus performants, n'est-ce pas, dans leur domaine ? Et s'ils utilisent ces outils, je pense qu'ils utiliseront les meilleurs outils, car ce sont également les meilleurs ou les meilleures entreprises dans leur domaine ou leur domaine d'expertise, n'est-ce pas ? Vous pouvez donc voir qu'ils envisageraient également créer l'animation sous forme d' étiquette d'échelle, et c' est certainement une étiquette d'échelle, et c'est pourquoi ils ont utilisé Rive au lieu d' utiliser autre chose. Je pense donc que cela couvre tout ce que Ri peut faire, ce que Lotti ne peut pas Et je pense que cela couvre tout ce que Lotti ne peut pas faire, mais que Rf peut réellement faire Je crois donc que vous comprenez maintenant ce que Rife peut réellement faire et ce que Lotti ne peut pas faire Et je crois que vous avez fait quelque chose de nouveau dans cette vidéo. Passons à la suivante. 4. After Effects et Rive: Bon, maintenant comparons After Effects avec RIV. Alors allons-y et examinons les effets secondaires. Tout d'abord, ce qui est vraiment très important, c'est que dans After Effects, vous avez beaucoup de plugins et de scripts. Maintenant, des scripts ont également été ajoutés à RI, mais ils ne fonctionnent pas de la même manière En gros, il existe des outils et des extensions prédéfinis et des choses comme ça. Dans Aftereffects maintenant, certainement parce que c'est aussi un outil beaucoup plus ancien De plus, le cas d'utilisation des deux logiciels est très, très différent. Maintenant, comme Aftereffects est un logiciel de composition ou un logiciel d'animation 2.5, et qu'il est essentiellement créé pour des animations en deux ou trois D ou pour la composition, vous pouvez faire beaucoup de choses dans After , vous pouvez faire beaucoup de choses dans de Vous pouvez créer des vidéos explicatives, vous pouvez animer des personnages Vous pouvez faire de la composition, un très bon exemple de ce qui est réellement utilisé Un très bon exemple de l'utilisation d' After Effects est Jalex Rosa, qui est essentiellement un réalisateur de composition. Je le considère essentiellement réalisateur qui crée pratiquement toutes ces animations. Et si vous regardez l'une de ses vidéos, vous remarquerez qu' il réalise essentiellement la composition finale dans After Effects, et que le reste de la vidéo est créé dans des mélangeurs, parfois des enopod comme ça, et parfois des animations image par image, des trucs comme ça, mais le résultat final est en fait composé Donc, des vidéos d'action en direct, des vidéos explicatives choses comme ça, en gros, allons-y et examinons différents exemples de vidéos explicatives Maintenant, disons simplement que cette scène a dû être créée en camping-car. Maintenant, vous pouvez certainement le créer dans Rive. Mais si vous voulez créer des transitions vraiment magiques, vous devez utiliser cinq exemples, juste 60 secondes d'animation, n'est-ce pas ? Idéalement, ce n'est pas le meilleur outil, car il est créé pour animations interactives et non pour des vidéos explicatives. De la même manière, After Effect est créé pour la composition et les animations complexes, et non pour les animations interactives C'est pourquoi il n'est pas proposé au format Dottery. Maintenant, Hernan Tosi est essentiellement le fondateur du body movement plug in et il a également inventé le format Late Jason, Et il est vraiment important de souligner ici qu'en raison de l'évolution constante de l'entreprise , il est également intéressant de savoir qu' Hernan Tosi a également rejoint Rive, soit dit en passant Le fondateur de Flat Hernan Torisi rejoint donc RV. Lisons un peu à ce sujet également. C'est donc la légende elle-même. Et vous pouvez voir, comme il le dit, lorsque j'ai découvert Rive pour la première fois il y a quelques années, je naviguais sur leur site Dans tous les outils qu'ils avaient développés, j'ai ensuite rencontré Guido et Luigi, essentiellement les patrons PDG qui ont partagé leurs plans pour l'avenir Et c'était un moment époustouflant, l'interactivité, l'éditeur, machine d'État, les os, les contraintes, et bien plus encore, c'était irréel Je suis devenu un fan instantané et ai suivi leurs progrès depuis lors. Quand ils m'ont invitée à rejoindre l'équipe, j'étais ravie d' avoir cette opportunité, mais pour des raisons personnelles, je ne pouvais pas accepter à l'époque. Le temps a passé, R est devenu un outil encore plus étonnant tout le monde en parlait et l'utilisait de plus en plus. Enfin, les choses se sont alignées et ils ont eu la gentillesse d'étendre à nouveau l'offre. Je l'ai immédiatement dit, et cette semaine commence mon voyage avec un projet et une équipe extraordinaires. OK. Et en gros, cet article date du 16 octobre 2023, non ? Alors maintenant, c'est quelque chose de vraiment surprenant pour moi aussi, car je veux dire qu' n'y aurait peut-être plus autant de potentiel dans Latte qu'Hernan ait également rejoint Rive Ou peut-être aurait-il pu penser que, pourquoi ne pas inventer quelque chose de similaire, mais plutôt utiliser du latte ou développer quelque chose comme ça Je ne sais pas pourquoi il ne l'a pas fait. Je ne suis pas un expert en la matière, mais le point positif, c'est le côté positif ou positif de l'histoire, c'est-à-dire qu'il doit y avoir une raison pour laquelle un expert comme lui a rejoint Ri, n'est-ce pas ? C'est comme s'il avait pu voir la vision ou la mise à jour, ou je veux dire, quelqu'un qui a essentiellement développé Lotte s'il comprend que R autant de fonctionnalités ou de mises à jour intéressantes et qu'il était ravi de rejoindre l'équipe, alors il y a évidemment quelque chose dans l'outil, n'est-ce pas ? OK. C'était donc quelque chose qui méritait d'être mentionné , alors je me suis dit : allons-y, d'accord ? Et maintenant, en ce qui concerne RV ou la Lotte, je dois mentionner quelque chose de très important , savoir que j'ai créé toutes ces animations dans After Effects en utilisant les After Effects, en gros, puis exportées en utilisant les mouvements du corps, branchez. Maintenant, si je devais créer quelque chose comme ça, je choisirais quand même After Effects. Pourquoi ? Parce que la gestion des couches est tellement simple et cela va me faire gagner beaucoup plus de temps. La gestion des couches dans RIV est actuellement horrible. Peut-être que d'autres outils de raccourci sont ajoutés, peut-être que cela s' améliorera. Je ne suis pas sûr, mais actuellement, s'il y a 400 couches, il est beaucoup plus facile de gérer toutes ces couches dans After Effects si vous les comparez à RIF Et pourquoi choisirais-je quelque chose comme ça ou un camping-car ? Parce que je veux dire, le camping-car offre tellement plus de fonctionnalités, vous pouvez faire beaucoup plus de choses. Je ne choisirais cette option que dans les cas où je ne souhaite aucune interactivité Si je veux créer une animation parfaitement bouclable, je vais simplement choisir After Effects, en gros OK ? Parce que je peux ajuster un éditeur de graphes très facilement. Il existe des touches de raccourci. Il y a des extensions, des plugins, des scripts. Je peux simplement décaler les images clés, des trucs comme ça, c' est vraiment facile à faire. Je ne peux pas faire tout cela très facilement R. Certaines de ces choses doivent être faites manuellement. Telles sont donc les principales différences, je dirais, entre les outils. part cela, si un projet nécessite quelque chose comme simplement dire que vous devez ajouter de l'interactivité à certains éléments, même s'il s'agit d'un bouton, n'est-ce pas ? Ou même s'il s'agit d'un personnage qui fait trois pauses, heureux, fâché et triste, peut-être, vous savez, des choses comme ça, alors vous devrez certainement faire ces choses dans RIV Maintenant, vous pouvez dire que si vous créez quelque chose comme, disons simplement la double animation olingo, n'est-ce pas ? Si vous créez quelque chose comme ça, permettez-moi de revenir à la page Duolingo OK ? Et si vous créez une animation comme celle-ci, ce qui est très compliqué maintenant, dans ce cas, disons simplement qu'il y a 400 couches avec lesquelles vous devez travailler. Dans ce cas, parce que vous devez travailler avec interactivité, je veux dire que vous devrez faire des compromis sur la gestion des couches Tu ne peux pas vraiment y faire quelque chose. Donc, le point clé ici est que ce que vous essayez réellement de créer, d'accord ? Et si le résultat final doit être une animation interactive, alors sans aucun doute, passez au RIF, d'accord ? Et en ce qui concerne le design, je recommande vivement qu'au lieu d' utiliser Illustrator, essayez d'utiliser Figma, car cela fonctionne très bien également Ou en gros, vous pouvez simplement copier-coller, exporter le SVG d'Illustrator vers Figma, puis ou simplement exporter le SVG, puis simplement le déposer en dragon et travailler avec celui-ci dans RI également exporter le SVG, puis simplement le déposer en dragon et travailler avec celui-ci dans Nous allons maintenant discuter de tout cela en détail, mais si vous travaillez ou créez quelque chose comme, en gros, si vous voulez travailler avec les animations de l'interface utilisateur, c'est peut-être le design de l'interface utilisateur qui a été créé dans Figma Ensuite, vous pouvez copier et coller des éléments de Figma très facilement. J'attends certainement des plugins pour rendre les choses beaucoup plus fluides. Par exemple, une surcharge due à Battle X, n'est-ce pas ? Je pense qu'ils ont en fait l'intention de créer une surcharge à l'arrivée. J'attends donc toujours que cela se produise, car alors vous pouvez simplement appuyer sur un clic et, vous savez, tout sera prêt à l'intérieur. J'ai donc vraiment hâte de voir ce moment. Ils ont donc mentionné ce détail quelque part. Je ne suis pas sûr que nous pourrons le trouver ou non, mais quand ils l'ont publié, ils l'ont mentionné. Je n'ai pas trouvé la partie où il est dit qu' ils ont l'intention de le créer également pour RIV Mais ils l'ont certainement mentionné, mais comme je pense qu'ils ont mis à jour leur page de destination, je ne l'ai pas trouvée. Donc, en gros, c'est ça. Et je pense que nous avons abordé tout ce qui concerne les effets secondaires et la comparaison de cela avec le camping-car. OK. Il s'agit donc essentiellement de la comparaison entre le VR et les effets secondaires. J'espère que vous comprenez clairement que là où l'interaction entre en jeu, After Effects ne peut pas la gérer. part cela, After Effects est un excellent outil pour créer des animations complexes, mais il ne peut tout simplement pas gérer l'interactivité Et c'est tout. 5. Introduction à Rive: OK, alors maintenant allons-y , faisons une petite introduction sur le camping-car et explorons le camping-car. OK. Alors allons-y et créons un nouveau fichier. Allons-y, gardons la même taille, puis créons simplement un panneau dur Bon, maintenant, en gros, vous remarquerez, tout d'abord, qu'il y a ces onglets de design et d'animation, d'accord ? Le design et l'animation sont donc traités séparément. Une autre différence entre After Effects et RV, non ? OK. À part cela, il y a cette hiérarchie. La principale différence ici est que les animations sont essentiellement appelées chronologie au lieu de composition. Alors, s'il vous plaît, gardez cela à l'esprit. La chronologie est égale à la composition. C'est ça. part cela, une chose vraiment importante à garder à l'esprit est qu'une fois que vous avez ajouté un cercle, par exemple, disons, n'est-ce pas ? Et nous avons cette couleur ici. Oups, nous devons être en mode design. Gardez cela à l' esprit, s'il vous plaît. OK ? Et puis laissez-moi simplement supprimer cette image-clé. Et puis, en gros , nous avons ceci ici. OK ? Maintenant, vous remarquerez que nous avons cette ellipse ici, et appelons-la simplement boule OK. Maintenant, je vais appuyer sur Y, et cela fonctionne essentiellement de la même manière que dans After Effects. En gros, nous avons l' outil gratuit ici, d'accord. Et maintenant, allons-y et couvrons tous les outils. Donne-moi juste une minute. Tout d'abord, en gros, je veux vous montrer quelque chose de vraiment important, c'est que vous pouvez appuyer sur Tab sur votre clavier et passer d'une chronologie à l' Et le design et l'animation. OK. est aussi simple que ça. Chaque fois que vous faites du design, vous devez garder à l'esprit que vous devez être dans l'onglet de conception. Sinon, si vous créez quelque chose ici, par exemple, si je le déplace ici, si je reviens en arrière, vous ne verrez aucun changement dans le design. En fait, une image-clé a été ajoutée ici Nous allons maintenant en discuter en détail, mais en gardant cela à l'esprit que c'est vraiment très important. très important de garder à que Il est très important de garder à l'esprit que, même si peu importe du café au lait ou la taille de la composition du café soit exactement la même que celle que les développeurs vous ont demandé s'il n'y avait pas d' espace négatif autour de votre design, le développeur peut essentiellement agrandir ou le réduire Cela ne vous donnera pas vraiment mal à la tête, mais ce n'est pas le cas avec RB Ce n'est pas parce que vous ne pouvez pas augmenter ou réduire l'animation. Si la couche est au format SVG, elle restera SVG, donc elle restera vectorielle Cet outil n' exporte pas uniquement des animations sous forme d' imagerie matricielle. Ce n'est pas le cas. Gardez cela à l'esprit, s'il vous plaît. Mais simplement parce que l'intégration est un peu différente, il est préférable d'avoir quelque chose d'organisé, quelque chose de plus organisé et quelque chose qui s'intègre beaucoup plus facilement au produit. Bon, maintenant, nous avons d'abord cet outil, qui est l'outil de sélection, gros notre souris, puis nous avons la traduction. Et une fois que nous l'avons sélectionnée, il ne reste plus qu'à cliquer ici. Et puis, en gros, ce que nous pouvons faire en utilisant ceci, c'est que, pour être honnête, je ne l'utilise pas vraiment parce que j'utilise juste mon V. C'est tout, et je n'ai pas vraiment utilisé la touche de traduction. Ensuite, nous avons la clé de rotation. Nous pouvons certainement l'utiliser pour effectuer une rotation. Ensuite, nous avons l'échelle, que nous pouvons utiliser pour la mise à l'échelle. Et il est très important de noter que ne faisons que modifier la valeur d'échelle. Nous ne modifierons pas la taille d'origine de la trajectoire de l'ellipse. OK, c'est vraiment très important de garder cela à l'esprit. vraiment étonnant, c'est qu'une fois que vous avez cliqué sur les sommets, vous savez évidemment qu'il s'agit actuellement d'une balle, mais nous sommes en train de la convertir en trajectoire vraiment important ici, c'est que si vous entrez dans les sommets d'édition, vous pouvez réellement travailler ou modifier chaque sommet et, en gros, l'animer Et une autre chose importante est qu'une fois que vous l'avez sélectionnée, disons simplement que vous allez rencontrer ce type de problème lorsque vous animez une sorte de cheveux dans le personnage, lorsque vous essayez d' animer le chemin ou le visage d'un personnage ou que le bras se chevauche simplement sur le corps, alors vous devrez en sélectionner disons simplement que vous allez rencontrer ce type de problème lorsque vous animez une sorte de cheveux dans le personnage, lorsque vous essayez d' animer le personnage, lorsque vous essayez d' animer le chemin ou le visage d'un personnage ou que le bras se chevauche simplement sur le corps, plusieurs points d'ancrage. Arrival offre cette belle façon de sélectionner les points d'ancrage, puis vous pouvez les supprimer pour modifier la forme du chemin et le déformer pour créer quelque chose que vous aimez le plus, vous savez Donc ça a l'air vraiment sympa. OK. À part ça, quelque chose de vraiment important, une autre règle. En gros, c'est une sorte de règle, tu sais. Donc, chaque fois que vous réalisez un projet, vous devez garder ces choses à l'esprit. Peu importe ce que vous essayez de créer. Il est préférable de suivre toutes ces règles pour pratiquer. Maintenant que vous aurez créé l'intégralité de votre œuvre d'art, disons simplement que nous nous sommes amusés ici, n'est-ce pas ? Et disons simplement que nous avons atteint 50 50, vrai, ou réduisons-le simplement à 20 ou oui, 20. Nous avons ces deux-là. Nous devons regrouper les deux, d'accord ? En gros, ce que nous pouvons faire, c'est le déplacer, non ? Si nous disons simplement qu'il s'agit de deux yeux, nous voulons également déplacer le groupe de couches. Ce que vous allez devoir faire, c'est simplement le regrouper à nouveau, puis l'appeler root. Maintenant, faites-le chaque fois que vous créez une animation dans le lecteur et créez simplement un groupe racine où tout ce qu'il contient y reste essentiellement. Pourquoi ? Parce qu'au cas où quelque chose se passerait mal ou peut-être un peu mal aligné Vous pouvez simplement cliquer sur le groupe racine et vous pouvez simplement l' amener ici. Ou vous pouvez simplement le déplacer comme vous le souhaitez, d'accord ? Cela va donc vraiment aider de cette manière. Comme nous en avons discuté , vous pouvez appuyer sur Shift et sélectionner les couches En gros, vous pouvez sélectionner plusieurs couches, puis créer des mises en page automatiques, mais nous n'allons pas entrer dans les détails part cela, il y a l'animation solo, qui peut être utilisée parfois pour les boutons ou aussi pour poser des animations, où parfois un personnage change d'œil d'un style à l'autre, puis il peut être utilisé ou si le personnage change de bras, vous savez, par exemple, si nous en avons un comme celui-ci, alors nous avons un bras contre. Disons simplement que le personnage a ce premier bras où nous avons essentiellement le personnage de couleur bleue, vous savez, gentil et calme, puis nous avons le personnage dans un mode colérique, vous savez, disons simplement quelque chose comme ça, mais avec une forme étrange, vous savez, comme ça. Mais je veux que le personnage change de bras. Donc, une personne peut être activée à la fois, n'est-ce pas ? Donc, ce que je peux faire, c'est simplement cliquer ici, passer en solo, et je peux simplement créer un solo comme ça, ou ce que je peux faire, c' est simplement contrôler G, puis cliquer avec le bouton droit sur ici, puis passer à la conversion en solo. Et puis je peux simplement activer une couche à la fois. N'oubliez pas que le groupe possède le droit d'origine et que si vous modifiez cette origine, tout ce qui se trouve dans ce groupe suit également cette origine. C'est donc quelque chose d' important à garder à l'esprit, et vous pouvez voir que lorsque je change la couche qu'elle contient, lorsque je change la couche qu'elle contient puis que je reviens en arrière et que je la modifie, vous pouvez voir que le bras bouge de la même manière. Cela peut donc être utile lorsque vous créez une animation de personnage. OK, passons à autre chose, nous avons le composant. Donc, en gros, c'est comme un pre-comp inside after effect, comme vous le dites Maintenant, cela fonctionne un peu différemment. Ou si vous travaillez dans Figma, gros, cela fonctionne de la même manière Les composants fonctionnent. Mais il y a aussi tellement de fonctionnalités supplémentaires que vous pouvez utiliser le même composant. Mais si vous avez, vous savez, créé un site Web, il existe une fonctionnalité connue sous le nom de CMS, où vous pouvez conserver le même élément mais modifier les données qu'il contient. Vous pouvez donc faire des choses comme ça aussi avec ça. Et c'est un sujet beaucoup plus détaillé, nous en parlerons donc dans un cours ultérieur. Ensuite, nous avons des outils simples pour les couches de forme. Nous avons l'outil stylo, c'est vrai, des trucs simples, des trucs assez simples. Si vous avez utilisé un outil de conception, il fonctionne de la même manière. Et ce qui est intéressant ici, c'est que vous pouvez simplement sélectionner n'importe quel point d'ancrage, et vous pouvez ajuster la façon dont il peut être géré, vous savez ? Vous pouvez donc l' attacher, le rattacher, trucs comme ça, des trucs assez simples, rien de trop compliqué. Et encore une fois, vous pouvez appuyer et faire toutes ces choses également. OK ? De la même manière que vous pouvez le faire dans Illustrator. Donc des trucs assez simples, rien de trop compliqué. Et après cela, nous avons l'outil de texte. Outil vraiment puissant, vous pouvez faire beaucoup de choses avec l'outil de texte. Et ce qui est vraiment important à garder à l'esprit , c' est que l'outil de texte Um, RI propose essentiellement toutes les polices Google. Donc, si un produit est créé en utilisant une police qui se trouve dans Google, c'est vraiment un énorme avantage. Et vous pouvez simplement sélectionner cette police à partir d'ici. Allons-y et cherchons Inter, par exemple. OK, c'est donc déjà sélectionné. Ensuite, vous pouvez opter pour un texte différent. OK. Et tu peux faire beaucoup de choses, en fait, avec ça aussi. Par exemple, vous pouvez également animer ce poids. Vous devez donc avoir vu ces animations où le texte devient, oui, épais puis fin, vous savez ? Vous pouvez donc simplement le boucler. OK. Et puis il y a les fonctionnalités et d'autres choses de ce genre, que je n'ai pas vraiment abordées parce que cela n'en a pas été nécessaire jusqu'à présent. OK. Nous avons donc l'outil de texte. Nous avons beaucoup de choses différentes. Donc, en gros, tout comme les modificateurs de texte fonctionnent comme les animateurs de texte dans After Effects OK. Donc, quelque chose de similaire, nous pouvons ajouter quelque chose de différent. Vous pouvez voir que la gamme est essentiellement affectée, n'est-ce pas ? Et puis vous pouvez simplement ajouter des éléments tels que l'opacité, position de rotation, des choses comme ça Alors laisse-moi juste appuyer sur le décalage comme ça. OK. Ensuite, laissez-moi juste essayer de le faire. D'accord, la plage doit être entre 0 et 100, puis vous pourrez voir comment l'animation est créée OK. Maintenant, c' est définitivement un sujet beaucoup plus profond. C'est juste pour montrer comment vous pouvez le faire. OK ? Donc, il suffit de vous dire à quoi ressemble réellement l'interface. Ensuite, nous avons l'outil Bond, essentiellement utilisé pour l'animation des personnages. C'est aussi simple que cela, vous pouvez ajouter des os, des trucs assez simples. OK. Et puis nous avons essentiellement l'outil de musculation. Fondamentalement, il peut être utilisé pour ajouter ou déplacer des poids osseux. Ensuite, il y a l'événement. événement est essentiellement quelque chose qui peut se déclencher et quelque chose qui se produit dans une composition, par exemple, ou sur Canvas, puis il peut essentiellement le déclencher avec une entrée d'écouteur C'est difficile à expliquer. Il vaudrait mieux vous donner un exemple. En gros, c'est comme une sonnette, disons, pour que les données détectent réellement que quelque chose se déclenche ou que quelque chose se passe. C'est tellement simple. Et puis il y a les scripts, c' est-à-dire qu'en gros, je dirais que c' est quelque chose qu' un développeur ferait mieux s'il expliquait cela J'ai utilisé un ou deux scripts jusqu'à présent, donc je n'ai pas vraiment beaucoup d' expérience dans ce domaine, mais il peut certainement faire beaucoup de choses différentes. J'ai vu de nombreux exemples, et je vous montrerai bientôt quelques études de suppositions à ce sujet. OK. Et maintenant, nous allons simplement supprimer tous ces éléments supplémentaires. Et essayons simplement d'ajouter une image clé à l' animation, d'accord ? Maintenant, permettez-moi de le poser ici. OK. Alors laissez-moi également faire glisser celui-ci au centre. OK, donc nous avons ce ballon ici. Voyons maintenant de quel type d'outils d'animation nous disposons. OK. Allons-y , sélectionnons le ballon. Ensuite, je vais maintenant garder à l'esprit que lorsque vous lancez l'animation et que vous allez créer plusieurs états, disons simplement que lorsque vous cliquez sur la balle, elle s'anime Lorsque vous en retirez votre souris, elle s'arrête pratiquement. Et quand vous le survolez, cela change de couleur, vous savez, des choses comme ça Une chose très importante à garder à l'esprit est que je vais d' abord dire que c'est inactif, puis je vous expliquerai cela. Qu'est-ce que cela signifie ? Bon, nous avons maintenant trois compositions, en gros. Au fait, je le fais très simplement. D'ailleurs, si votre panneau est caché quelque part, vous suffit de cliquer sur les animations pour qu'il apparaisse. Et à partir de ces enregistrements, RIV est totalement gratuit. Il vous suffit d'acheter votre abonnement si vous souhaitez exporter votre animation vers un fichier Dot ry. Mais l'apprentissage de l'outil est gratuit. Et si vous consultez mon étude de cas, vous verrez que je ne partage pas réellement fichiers d'animation de Daughter parce que c'est le fichier qui sera envoyé au client parce que c'est un véritable fichier d'entrée, n'est-ce pas ? Donc, en gros, vous allez présenter des animations dans des vidéos ou si vous n' avez pas de plan payant R, vous pouvez simplement faire un enregistrement d'écran C'est aussi simple que cela, utilisez OBS, comme je l'utilise en ce moment. Ensuite, vous pouvez simplement créer un peu de composition de base dans After Effects ou dans tout autre logiciel compatible avec les masques, puis créer votre portfolio à partir de celui-ci. C'est aussi simple que ça. OK. OK, alors allons-y maintenant. Passons à la machine étatique, et nous avons déjà l' idole ici. Par exemple, disons simplement qu'il n'est pas là. Nous pouvons simplement glisser-déposer notre animation comme ça, d'accord ? Et puis disons simplement que nous allons de l'entrée à ici. Ignorez simplement ces deux-là. Pour l'instant, nous n'allons presque jamais les utiliser. Ensuite, nous allons passer à notre changement de couleur, d'accord ? Ensuite, nous allons passer à notre changement de position. C'est assez simple. OK. Et maintenant, ce que je vais faire, c'est essentiellement ignorer la machine étatique pour le moment, d'accord ? Et disons simplement qu' après le changement de couleur, je veux que l'animation commence vraiment à partir d' ici, d'accord ? Ensuite, allez ici. C'est ça. C'est simple. OK. Des trucs plus simples. C'est assez simple, d'accord ? Et il n' y a aucune animation ici. Et disons simplement que je pense le garder ici pour le moment, d'accord ? Vous remarquerez une chose très étrange ici : l'animation, l' image-clé sont ajoutées ici, est-ce pas ? Il devrait être là. Mais pourquoi est-il là ? Il n'y a pas de cadre clé ? Ce qui se passe en fait ici, c'est que laissez-moi commencer créer l'image clé sur la valeur de couleur, d'accord ? Ensuite, ce que nous allons faire, c'est changer la couleur pour revenir au vert maintenant, d'accord ? Maintenant, vous dites que vous devez penser que nous avons la double image-clé ici Nous avons l'image-clé verte ici dans l'autre chronologie, puis nous avons le changement de position ici Mais si j'ajoute également l' image-clé ici, disons simplement comme ça. OK ? Et je vais passer à la phase inactive. Et puis, en gros, il suffit de copier et coller la valeur de la couleur. Permettez-moi de copier la couleur, puis de la coller ici. C'est simple. D'ailleurs, quel que soit l'endroit où se trouve votre en-tête sur la chronologie, vous y ajoutez simplement une image-clé Donc, si je change la valeur ici, vous verrez si nous avons ajouté une image-clé. Nous partons donc de là. Nous changeons la couleur comme ça. Maintenant, attendez. Pourquoi nous n' affectons pas la couleur ici, n'est-ce pas ? Pourquoi est-ce le cas ? Tout d'abord, vous devez garder à l'esprit que si vous voulez animer une propriété, il est très important de planifier d'abord l'animation avant de créer les images clés dans ive C'est vraiment important. Par exemple, supposons qu'il y a 50 couches ici et que le client souhaite simplement que vous modifiiez un tout petit détail. Par exemple, la couleur des sourcils du dessin. Par exemple, il s'agit d'un sourcil. OK. D'ailleurs, si vous souhaitez ajouter du fond ou des traits sur un tracé, il vous suffit d'entrer dans le fond et le contour, retirer le fond ou contour, puis d'ajouter un trait ici également. Des trucs simples. Des trucs assez simples, d'accord ? Très basique. Tout comme cela fonctionne dans Figma est très similaire à ça. Supposons simplement que le concepteur ou le développeur dise : «   Oh, il doit y avoir eu une erreur ». Oh, oh, non. Oh, non , non, non, non, il faut le changer. OK. Donc, ce que vous devez faire, c'est simplement changer la couleur. C'est assez simple, mais pas assez simple. Pourquoi ? Parce que disons simplement que vous avez dix pauses pour animer les personnages, vous devez simplement aller partout. Ensuite, ce que vous devez faire, c'est simplement ajouter une image clé dans chacune d'elles. Ou si vous voulez simplement changer la couleur , il vous suffit de revenir en mode design. est très intéressant de remarquer que si je vais ici et que je fais les choses comme ça, puis que j'y retourne, vous allez voir des choses vraiment étranges se produire. Nous avons les cheveux bleus. Nous avons les cheveux bleus. Et nous avons les cheveux roux. Qu'est-ce que je veux dire, que se passe-t-il ? OK, alors maintenant je vais vous expliquer cela très, très simplement. OK ? Permettez-moi simplement de supprimer cette couche. Je ne sais pas pourquoi la touche de suppression ne fonctionne pas sur mon clavier. Il y a peut-être eu un problème. Alors laisse-moi juste l'éteindre. OK. Concentrons-nous donc uniquement sur notre couche 1 ou sur notre balle uniquement. Maintenant, pourquoi ce problème se produit-il, pourquoi ? Qu'est-ce qui vient de se passer ? La raison pour laquelle nous ne pouvons pas le comprendre est très simple. Si vous voulez créer une animation, le plus simple est que vous devez d' abord tout faire correspondre au design. Comme je l'ai déjà dit, vous devez faire le design entièrement ici. Ne faites rien ici, faites tout ici. OK. Maintenant, nous avons la couleur ici. Il s'agit de notre couleur finalisée, par exemple. Disons simplement que ce n'est pas la couleur finaliste. Voici la couleur de notre finaliste. OK ? Ceci est finalisé. C'est ça. Nous allons passer au mode animation. Nous devons supprimer notre image clé. Vous verrez maintenant que nous sommes revenus à la valeur verte, qui est notre valeur d'origine. Maintenant, s'il doit y avoir une feuille de route entre les animations, disons simplement la position de l'animation dans cette chronologie, vous devrez également ajouter deux images Dummik ici Pourquoi cela se produit-il ? Maintenant, voici ce qui se passe réellement. Laisse-moi te dessiner quelque chose de vraiment sympa. OK. Donc, en gros, ce qui va se passer, c'est voir si je peux mieux expliquer cela. Voici comment fonctionne la machine de l'État, d'accord ? Créons simplement un rectangle, et disons simplement qu'il s'agit de notre machine étatique. OK ? Et il s'agit essentiellement d' une animation, d'accord ? Laisse-moi juste continuer et faire les choses comme ça. Ensuite, nous allons dessiner une autre couleur comme celle-ci. Maintenant, ce concept est vraiment très simple et c'est un peu comme un jeu d'enfant pour quelqu'un qui a même un peu d' expérience dans le domaine du développement, je dirais, ou qui a fait un peu de travail. C'est assez simple. Mais je sais que quand j'ai commencé à jouer à Re, quand c' était mon premier jour, j'ai eu panne pendant une heure parce que je n'arrivais pas à comprendre ce qui se passait réellement. Donc, en gros, c'est ce qui va se passer. Permettez-moi également de rendre obligatoire ce texte ici afin que je puisse peut-être mieux l' expliquer OK. Donc les données, et puis nous avons ces 120. Donc, chaque chronologie contient des données, d'accord. C'est aussi simple que ça. Et puis , comme vous le savez, dans After Effects ou n'importe où, lorsque vous créez une animation, vous créez essentiellement une interpolation, vous savez Par exemple, si je crée une animation comme celle-ci, 12 000 images, je la fais comme ça. L'interpolation entre ces deux valeurs ici augmente essentiellement, comme vous pouvez le voir ici Nous indiquons donc au logiciel qui passe à 100 % d'opacité à partir de zéro en 12 images, et le logiciel se charge essentiellement du reste du calcul et des valeurs Maintenant, c'est la même chose qui se passe ici. En gros, chaque chronologie contient des données, d'accord ? L'identifiant est essentiellement une donnée d'animation, images clés que nous avons ajoutées à l'intérieur. Ensuite, nous avons le changement de couleur. Après cela, nous avons un changement de position assez simple, n'est-ce pas ? Maintenant, si vous ajoutez une image clé sur la position ici, disons simplement que c'est notre image clé de position comme celle-ci. Laisse-moi faire comme ça, tu sais, ça a l'air mieux. Disons donc que c'est notre image-clé et faisons-en une meilleure couleur, n'est-ce pas ? Et disons simplement que c' est notre kframe pour la couleur. Et c'est le cadre clé de notre position. OK ? Maintenant, en gros, c'est ce qui se passe. Nous avons l'inactivité. Nous avons le changement de couleur, puis nous avons le Mbadry, il suffit de sélectionner Nous avons essentiellement le changement de couleur, puis nous avons le changement de position. C'est donc notre changement de position. Maintenant, nous n'avons pas ces images clés, n'est-ce pas ? Et puis il n'y a pas de changement de couleur ici. OK ? Maintenant, ce qui se passe réellement ici, c'est que s'il n'y a pas d'image-clé ici, il ne peut pas réellement interpoler les valeurs d'ici à ici parce qu'il n'y a pas de données de transition pour que la transition se produise, elle doit en fait passer par des Disons simplement que nous avons changé de couleur en ce moment, d'accord. Mais après cela, la couleur n' est pratiquement pas modifiée. Donc, ce qui se passe réellement, c'est que la couleur qui était en fait la couleur d' origine est en fait déclenchée ici. Donc, si vous voulez que cette couleur apparaisse ici, vous devez simplement la dupliquer comme ceci. C'est simple. Et si vous voulez que la position change, d'accord, alors vous devez simplement ajouter cette image-clé ici également, l'image-clé finale, ou disons simplement : OK, donc par exemple, si nous avons cette image-clé de position ici, revenons simplement à l' Vous verrez que la position est 333, non ? Copions-le simplement. Maintenant, gardez à l'esprit que nous n'avons pas d' image-clé ici Il ne fait que changer de couleur ici. Maintenant, ajoutons simplement une position ici, d'accord ? Et vous verrez qu'il n'ajoute rien ici. Pourquoi ? Parce que je dois d' abord ajouter un cadre clé. Ensuite, j'ai juste besoin de contrôler C, copier puis de le coller ici, puis d'appuyer sur Inter. Vous créez donc l' animation comme ceci. C'est simple. Rien de trop compliqué. Ça l' allonge juste comme ça. OK. Ça a l'air bien. Maintenant, vous allez voir que nous avons cette animation ici, assez simple. Ensuite, nous avons cette animation qui démarre. OK. Et puis nous avons cette animation ici. Maintenant, nous voulons conserver la valeur de couleur ici, de la même manière. Supprimons simplement le cadre clé de couleur. Et puis la couleur d' ici, c'est quoi ? C'est une sorte de colorisme. Permettez-moi de créer une image-clé ici. Maintenant, cela ne va essentiellement pas choisir la couleur à partir d'ici. Pourquoi ? Parce qu'il s'agit essentiellement de suivre l'image-clé, qui est déjà ajoutée ici , n'est-ce pas ? Permettez-moi donc de supprimer celle-ci , puis de copier cette valeur car je vais oublier. Alors laissez-moi simplement supprimer celui-ci. Vous verrez que la position par défaut est la même. Maintenant, permettez-moi d'ajouter une image-clé ici. Permettez-moi d'ajouter une image-clé ici, puis de copier-coller. Maintenant, quand je pourrai commencer, vous verrez que nous ne changeons pas non plus la couleur ici, car nous n'avons pas ajouté l'image-clé de couleur Donc, en gros, la façon idéale de le faire est de passer à la première composition, la composition dal où rien n'est essentiellement animé, rien du tout, n'est-ce pas Et puis à partir de là, vous devez essentiellement faire un voyage. Une machine définie est un peu comme un voyage ou une sorte de chemin, et vous allez essentiellement conduire vos éléments ou votre personnage sur ce chemin et les emmener tout au long de ce voyage, d'accord ? C'est pourquoi nous savons maintenant ce que nous allons animer. Nous allons animer deux propriétés, et quelles sont ces propriétés Tout d'abord, il y a la couleur. Le deuxième est la position. Nous avons ajouté les deux images-clés. Nous allons passer au changement de couleur. Nous allons également ajouter les deux images-clés ici. Le changement de couleur est déjà ajouté, mais la position n'a pas été ajoutée. Nous l'avons donc ajouté. Mais le plus important à voir ici c'est que nous voulons vraiment animer notre ballon OK. Au fait, je pense que nous n'avons fait qu' animer notre groupe de baseball. Alors restons-en à ça pour le moment, d'accord ? Ne le rendez pas plus confus. Nous avons donc ajouté deux images-clés. Maintenant, nous avons également deux images-clés ici, mais nous ne faisons que changer de couleur C'est assez simple. Très facile. Maintenant, ce que nous allons faire, c'est copier ces deux images-clés et les coller ici. C'est assez simple. Mais la valeur de couleur devrait être celle-ci, non ? Et en gros, nous allons le copier puis passer au début car le point final de cette composition devrait être le point de départ de cette composition. C'est ainsi que l'animation sera fluide. Alors, il suffit de le coller ici. C'est simple. Jouons donc au premier. C'est assez simple. Passons simplement à la seconde. Nous changeons de couleur. Et puis nous avons l'animation de position. Maintenant, quelque chose de très important à garder à l'esprit est assez simple : allons-y et expérimentons me laissant animer une échelle Vous pouvez voir que nous avons ajouté l'image-clé lorsque nous modifions la propriété, n'est-ce pas ? Et revenons en arrière et vous verrez que nous ne changerons pas l'oreille de la balance. Quand nous y retournerons, vous verrez que nous ne changeons pas le scalaire, n'est-ce Donc des trucs assez simples. Même concept de base. Supprimons simplement l'image-clé. est aussi simple que ça, non ? Tout fonctionne bien maintenant. Et maintenant, vous pouvez voir que l'animation ne s'interrompt pas parce que nous avons ajouté les images-clés OK ? C'est donc très important lorsque vous créez réellement l'animation. Machine à états latéraux. C'est vraiment très important, d'accord ? Parce qu'un domaine va être transféré dans un autre, et l'interpolation a besoin de ces données C'est vraiment très important, d'accord ? Ce sont des points cruciaux que vous devez garder à l'esprit, d'accord ? Et j'ai essayé de le simplifier autant que possible. Maintenant, quelques astuces vraiment intéressantes ou disons simplement des outils que j'adore dans Drive. Allons les vérifier, d'accord ? Supprimons simplement tout cela, et je vais simplement supprimer ces deux-là. Je vais juste entrer dans le ballon puis me positionner. Supprimez l'image K du groupe, puis nous allons essentiellement l'animer en montant, puis nous pouvons passer à la 40e Ensuite, nous allons le coller. Et puis, en gros, Rivet supprimons également la couleur Keyframe Ouais. Donc, en gros, RV propose cette interpolation de base, très simple dans tous les outils d'animation de l' interface utilisateur, mais contrairement à After Effect, comme vous pouvez le voir, Aftereffect ne l'a pas After Effect possède quelque chose comme ça, qui s'appelle le flux, mais il s'agit essentiellement d'une interpolation très basique, mais quelque chose de génial, comme After Effect, se trouve également dans Drive, qui est l' éditeur de graphes, en fait, d'accord ? Et vous pouvez l' activer en cliquant ici, puis vous pouvez simplement jouer l'animation et voir. OK. Et puis, en gros, si vous voulez activer le graphe, vous devez vous rendre ici, puis cliquer sur Cub value ou appuyer sur F neuf sur le clavier Et ensuite, ce que tu peux faire, c'est le faire. Voyons un résultat. Oh, sympa. Très belle animation de rebond de balle. OK ? Tu vois ? C'est assez simple. Maintenant, ce qui est bien avec RIV, c'est que nous allons y revenir dans une minute. Maintenant, vous pouvez voir qu'en gros, c'est le graphique des valeurs, d'accord ? Ne vous attendez donc pas à ce qu'il y ait un graphique de vitesse, il n'y a eu aucune confirmation, et en gros, vous pouvez également contourner le graphique de valeurs si vous êtes également un bon animateur Donc, R ne propose actuellement que le valegraph au lieu d'un graphe de vitesse J'espère donc que cela vous suffira également. Au lieu de travailler dans des outils où vous ne pouvez pas réellement contourner les graphiques, cela me brise vraiment le cœur que vous ne puissiez pas ajuster l'assouplissement. Bien, revenons donc à notre vue chronologique au lieu de la vue graphique. Et maintenant je vais juste vous montrer quelque chose de vraiment sympa. Nous avons des options de chronologie dans lesquelles vous pouvez essentiellement examiner la hiérarchie ou la personnalisation et tout appliquer au mode conception. Je ne sais pas vraiment à quoi ça sert. Les valeurs actuelles de la tête de jeu ont été appliquées à la conception. Oh. C'est donc quelque chose de vraiment sympa. Par exemple, si je veux que cette valeur soit au début de l'animation. Par exemple, je veux que cela soit là dès le début. Je pense que ce que je peux faire, c'est cliquer ici, appliquer tout au mode design. Et puis, oui, notre balle est là. C'est donc quelque chose de vraiment cool. Maintenant, il est vraiment surprenant qu'au moment où j'enregistre ceci, j'apprenne également quelque chose nouveau que je n'avais pas exploré en fait, parce que ce genre de choses ne le sont pas vraiment . Vous n'avez pas besoin d' explorer ces fonctionnalités car il ne vous vient pas à l'esprit que, oh, je dois les utiliser. Mais si vous devez l'utiliser, vous pouvez certainement le trouver réellement. Donc, la plupart du temps, je me concentre entièrement sur l'animation. Je ne copie donc pas les valeurs d'ici vers le mode design, en fait. Et une autre raison est que je planifie le design à l'avance, puis que j'exécute la partie animation. Donc aussi, c'est quelque chose qu'il faudra un certain temps pour apprendre. Vous savez, vous allez faire beaucoup de ces erreurs que vous avez beaucoup retouchées, mais cela se fait en mode animation Et lorsque vous appuyez sur la touche Tab, vous vous retrouverez dans une situation horrible car le design est complètement différent. Donc, dans ces cas, cette astuce peut vous sauver, non ? OK, autre chose, c' est cet espace de travail. OK ? Donc, celui-ci vous permet essentiellement de gérer la section de l'animation, puis vous pouvez y jouer. Ensuite, il va simplement exporter cette partie de la chronologie. Et si vous exportez du PFoE, ce sera également le cas Et laisse-moi juste le compléter. Maintenant, ma fonctionnalité préférée est que si vous connaissez Late Felt and After Effects, vous savez peut-être que Late ne prend pas en charge la fonction de remappage temporel, qui est essentiellement utilisée pour ralentir l' animation ou l'accélérer Si un client demande qu'une animation de 15 secondes dure 20 secondes, vous devez procéder à un ajustement manuel de la quasi-totalité des images clés. Et si vous créez quelque chose comme une animation d'interface utilisateur de produit, c'est un véritable cauchemar, et les révisions vous font perdre beaucoup de temps. Maintenant, ce qui est vraiment intéressant à propos de R, c'est que maintenant, je veux dire, j'adore ce genre de fonctionnalités. Cela vous fait gagner beaucoup de temps et me permet également de comprendre que cela a été en compte lors de la création de l'outil, que ce type de fonctionnalités peut également faire une énorme différence et que ce type de fonctionnalités peut également vous aider à obtenir différents résultats d'animation. Par exemple, si vous créez une animation laquelle un personnage est en colère, et si vous voulez montrer que le personnage se déplace rapidement, vous n'avez pas besoin de faire l'animation dans son intégralité. Il suffit de taper nos cheveux sur la tête. Tu dois juste te rendre à X. D'accord. Maintenant, cela ne fonctionne pas peut-être parce que cela ne fonctionne pas de cette façon. Ouais. Mais vous pouvez également réduire la vitesse. J'en suis donc sûr. Et si vous voulez augmenter la vitesse, vous pouvez d'ailleurs utiliser la même technique en Alt click . Vous pouvez donc le faire également. Mais disons simplement que vous avez animé 100 couches l'une après l'autre, puis l'une après l'autre, et que vous ne pouvez pas toutes les toucher. Parce qu'alors, le chevauchement des couches va tout gâcher. Ensuite, vous pouvez également venir ici et vous pouvez simplement réduire la vitesse. Maintenant, tu peux le faire comme tu veux, 0.1, disons simplement. Alors laisse-moi aller de l'avant et te montrer. Regarde comme c'est beau. De plus, il se passe quelque chose de vraiment intéressant ici, savoir que la vitesse de la tête de lecture correspond également à la valeur ici Tu sais. Je pense que c'est également très intéressant si vous essayez de déterminer quel devrait être le moment de l' animation Ensuite, au lieu de glisser-déposer différentes images-clés, vous pouvez simplement réajuster l' heure Un élément vraiment essentiel que vous devez garder à l'esprit lors de l'animation est que RIV ne fonctionne pas réellement à 24 images par seconde ou 60 images par seconde La quantité d'images-clés qu'il peut afficher sur cet appareil dépend essentiellement de l'appareil de l'utilisateur quantité d'images-clés qu'il peut , puis l'animation sera lue à cette vitesse, ce qui est très intéressant Disons donc que s' il existe un appareil vraiment sympa avec un écran de 240 troupeaux, il affichera 240 images sur cet appareil Si vous utilisez la fonction de quantification, cela limitera vos images-clés à ce que vous tapez ici OK. Il y a donc quelque chose de vraiment important à garder à l'esprit également. Donc, au fait, nous pouvons également le réduire à lb. Nous allons donc simplement y jeter un œil. OK, non ? Et la même chose se produit. Et laissez-moi simplement désactiver le quantis et voyons-le Tu vois ? Nous voyons 12 images-clés ici, mais l'aperçu ne contient pas 12 images-clés L'animation est tellement fluide, non ? C'est donc juste quelque chose que vous pouvez garder à l'esprit. Laisse-moi juste porter encore une fois à 60. Et quelque chose de vraiment sympa, une autre fonctionnalité, c'est cette boucle Maintenant, si vous travaillez idéalement avec, disons, que vous avez travaillé avant d'utiliser Lotte, vous saurez que vous devez créer l'animation de boucle parfaite, puis le développeur pourra gros la faire fonctionner en boucle pour toujours. Cette partie peut être gé