WEBVTT 00:00.350 --> 00:02.820 Que nous avons une animation de base ici dans notre scène. 00:02.820 --> 00:08.340 Voyons comment nous pouvons manipuler la façon dont cela est réellement animé. 00:08.340 --> 00:13.960 L'un des principaux endroits majeurs que nous allons faire est dans le graphique Ed .. 00:14.010 --> 00:21.420 Alors ouvrons cela ou allons dans les éditeurs d'animation Windows et allez dans l'éditeur de graphiques. 00:21.420 --> 00:29.190 Vous pouvez également accéder à cette fenêtre en allant dans les panneaux ici et en changeant le panneau en graphique. 00:29.230 --> 00:33.300 Ou vous pouvez le voir grisé parce que nous l'avons déjà ouvert, mais c'est une autre façon de le faire. 00:33.330 --> 00:39.870 Si nous voulions diviser cette fenêtre, ce serait une autre façon d'utiliser les panneaux également.J'aime maintenir la barre d'espace pour la boîte 00:39.870 --> 00:45.420 chaude et aller aux panneaux de cette façon, mais vous pouvez également obtenir les panneaux ici comme j'aime aller 00:45.420 --> 00:50.100 dans les mises en page et allez dans les volets empilés et cela signifie verticalement. 00:50.100 --> 00:57.090 Alors maintenant, vous avez deux volets et nous pouvons faire de celui-ci le panneau de l'éditeur de graphiques afin 00:57.090 --> 01:02.220 que nous puissions ouvrir l'éditeur de graphiques et cette vue en même temps. 01:02.460 --> 01:04.550 Et ils sont bien organisés. 01:04.620 --> 01:11.020 Nous pouvons également passer uniquement à cette vue en ajoutant une barre d'espace une fois pendant que notre curseur se trouve sur cette vue. 01:11.080 --> 01:19.440 Alors maintenant, nous pouvons jeter un œil à ce qu'est l'animation que nous avons à quoi elle ressemble dans le graphique Ed. 01:19.890 --> 01:26.010 L'éditeur de graphiques va donc être votre meilleur ami. 01:26.910 --> 01:34.560 Ce que nous avons est une représentation du temps qui se trouve en bas ici comme vous vous y attendez parce que notre chronologie est à travers le 01:34.560 --> 01:39.690 tube inférieur afin que vous puissiez en quelque sorte voir que je maintiens les touches alt et middle de 01:39.690 --> 01:44.310 la souris glisser pour naviguer dans le même type de navigation vous faites dans la fenêtre. 01:44.340 --> 01:52.080 La seule différence et la chose que vous voudrez peut-être faire est d'appuyer sur la touche Maj et de cliquer avec le bouton droit et de la faire glisser. 01:52.170 --> 01:59.850 Nous pouvons mettre à l'échelle le type de vue que nous avons ici dans les deux directions x et y, ce pourrait être le changement d'Alton si vous 01:59.850 --> 02:01.520 êtes sur un PC Mac. 02:01.560 --> 02:03.560 C'est donc le commandement et le changement pour moi. 02:04.080 --> 02:07.990 Nous pouvons donc également ajouter un et F et cadrer sur des trucs. 02:08.280 --> 02:13.860 Mais vous pouvez voir ces petits points noirs ou allez représenter nos images clés et 02:13.860 --> 02:20.160 ces lignes entre elles disent essentiellement que c'est l'ordinateur et interpolant entre le point A au point 02:20.160 --> 02:29.010 B au point C au point D et comment il va se déplacer le long de la le temps et comment les valeurs vont 02:29.010 --> 02:32.360 changer l'axe y ici l'axe vertical sont des valeurs. 02:32.580 --> 02:37.170 Nous pouvons donc voir avec cette image clé sélectionnée si nous regardons ici dans ce petit menu qui ressemble un 02:37.170 --> 02:38.000 peu au contour. 02:38.010 --> 02:43.260 Mais pour l'éditeur de graphique, nous pouvons voir que nous avons traduit y sélectionné parce qu'il a un petit carré 02:43.260 --> 02:43.850 vert ici. 02:43.910 --> 02:46.210 Si nous choisissons autre chose, cela changera. 02:46.470 --> 02:48.500 Nous avons donc pourquoi traduire Pourquoi le sélectionner. 02:48.510 --> 02:53.940 Et si nous retournons dans notre fenêtre, nous pouvons voir traduire un y comme axe vertical et nous pouvons le 02:53.940 --> 02:57.330 voir sur notre manipulateur ici, qui est jaune en ce moment. 02:57.330 --> 03:02.190 Donc, si je clique au milieu, cela le changera et l'isolera. 03:02.190 --> 03:07.770 Il était jaune parce qu'il était isolé, donc si je commence à essayer Middlemount, peu importe où va mon curseur, 03:07.770 --> 03:10.000 il ne fera que monter et descendre. 03:10.350 --> 03:18.450 Donc, pour isoler, vous pouvez simplement sélectionner la case du milieu ici afin que nous puissions voir le pourquoi est en effet vert et c'est 03:18.450 --> 03:19.120 traduire. 03:19.130 --> 03:25.250 Pourquoi voici l'axe vertical de sorte que cela correspond à cela ici. 03:25.350 --> 03:32.720 Nous pouvons donc réellement manipuler les touches à partir de l'éditeur de graphiques afin que je puisse déplacer la souris du milieu en les faisant 03:32.730 --> 03:39.210 glisser de haut en bas et même si je ne suis pas sur l'image clé elle-même, vous pouvez le voir parce 03:39.210 --> 03:45.930 que je suis à ce point de la chronologie où cette ligne rouge est que je suis à un endroit où la valeur 03:46.290 --> 03:50.400 va changer parce que d'où elle interpole est en train de changer aussi. 03:50.400 --> 03:51.990 Jetons donc un coup d'œil au début. 03:51.990 --> 03:59.330 Nous avons un problème qui se produit ici, nous avons qu'il s'écrase à travers la falaise ici. 03:59.340 --> 04:04.750 Nous devons donc faire glisser cela un peu et ajouter quelques images clés supplémentaires. 04:04.810 --> 04:12.120 Je vais donc changer comme tout et passer à des images clés et revenir à ces six images clés et je vais y s 04:12.600 --> 04:18.880 ou en fait juste le faire et appuyer sur w juste pour que nous puissions seulement saisir les traductions 04:19.500 --> 04:26.490 et je Je vais déplacer cela sur cette deuxième image clé afin que nous puissions voir ce qui vient de se passer. 04:26.490 --> 04:31.910 Je change le Z traduire ici que c'est celui qui a bougé. 04:31.920 --> 04:41.640 Et encore une fois, je pouvais déplacer Middlemount, faire glisser cela et manipuler l'objet ici à partir de l'éditeur de graphiques. 04:42.570 --> 04:49.080 Donc, vous devez également être prudent lorsque votre souris mentale déplacée en faisant glisser cela va prendre la première direction dans laquelle vous vous déplacez et donc 04:49.080 --> 04:53.640 si je déplace la souris de haut en bas, vous pouvez voir les changements de curseur et il 04:53.640 --> 04:54.510 monte et descend. 04:54.510 --> 05:02.190 Maintenant, si je vais accidentellement de droite à gauche avant de commencer à déplacer le haut et le bas, cela va se bloquer dans 05:02.200 --> 05:08.530 cette direction et cela ne fait que déplacer l'image clé à un moment et à une heure différents. 05:08.760 --> 05:13.470 Nous pouvons donc annuler cela, mais sachez simplement que le premier mouvement que vous effectuez avec 05:13.560 --> 05:18.030 votre souris va être dans quelle direction il isole le mouvement de ces images clés. 05:18.360 --> 05:23.550 Alors maintenant, nous avons ce problème en quelque sorte résolu afin qu'il puisse descendre de la falaise ici. 05:23.550 --> 05:29.580 Et ces deux premières images et ça descend au sol. 05:29.700 --> 05:32.640 Si nous le regardons, cela semble plutôt doux. 05:32.730 --> 05:37.630 Jouons donc à ce retour en frappant tout, que ce soit vraiment doux. 05:38.100 --> 05:38.910 Et pourquoi est-ce que. 05:38.920 --> 05:41.990 Eh bien, c'est parce qu'il ralentit avant de toucher le sol. 05:42.030 --> 05:49.550 Nous pouvons voir que ça va un peu vite ici et puis ça ralentit ici juste à la fin et puis ça 05:49.550 --> 05:54.740 reprend la vitesse ralentit et puis ça ralentit encore quand il se rapproche du sol 05:54.740 --> 05:55.470 ici. 05:56.090 --> 06:01.730 Nous pouvons donc également modifier ce type de vitesse dans le graphique. 06:01.730 --> 06:08.860 Nous pourrions également créer des images clés individuelles ici pour que cela continue à aller vite à la fin ici. 06:08.960 --> 06:10.780 Donc ça ne ralentit pas. 06:10.880 --> 06:12.170 Jetons donc un œil à cela. 06:12.260 --> 06:16.050 Cela se sent déjà beaucoup mieux. 06:16.070 --> 06:21.860 Il suffit de mettre ces nouvelles images clés où vous savez que cela va garder sa 06:21.860 --> 06:23.890 vitesse quand il rebondit ici. 06:24.200 --> 06:26.930 Vous pouvez déjà sentir la différence. 06:26.980 --> 06:29.380 J'espère que vous pourrez également voir cela dans votre scène. 06:29.510 --> 06:33.100 Donc ça fait déjà du bien mais ça ajoute beaucoup de touches ici. 06:33.110 --> 06:38.420 Vous savez que nous avons déjà commencé à ajouter des clés sur presque toutes les images de cette petite section 06:38.780 --> 06:40.990 afin de nous empêcher de le faire. 06:41.000 --> 06:46.010 Je vais juste faire un clic droit sur ces images clés et aller supprimer ici pour nous débarrasser de celles-ci afin de nous 06:46.010 --> 06:48.740 éviter d'avoir à dire images clés travaillons un peu plus intelligemment. 06:48.740 --> 06:55.630 Revenons à l'éditeur de graphique et nous ne voulons pas encore affecter le Z traduit. 06:55.640 --> 06:56.700 Allons traduire. 06:56.700 --> 06:59.870 Pourquoi maintenant nous pouvons voir quel est le coupable. 06:59.880 --> 07:07.730 Nous pouvons voir visuellement qu'en effet la balle commence lentement et qu'elle accélère ici parce que cette rampe ce genre 07:07.730 --> 07:11.400 de pente signifie que ça va vite à droite. 07:11.630 --> 07:15.170 Il change rapidement de valeur en peu de temps. 07:15.170 --> 07:15.870 D'ACCORD. 07:15.890 --> 07:21.470 Et ce sont des concepts dont vous avez juste besoin pour commencer à vous familiariser avec la compréhension du 07:21.500 --> 07:23.550 mouvement représenté sous forme de graphique. 07:23.630 --> 07:24.280 D'ACCORD. 07:24.410 --> 07:26.980 Nous allons donc vite ici. 07:27.020 --> 07:28.490 Et puis ça commence à ralentir. 07:28.490 --> 07:30.680 Voyez comment ce genre de plat ici. 07:30.710 --> 07:34.700 Si c'était parfaitement plat, le ballon ne bougerait pas du tout. 07:34.820 --> 07:35.280 D'ACCORD. 07:35.440 --> 07:39.320 Et nous pouvons voir qu'ici, dans ces deux premières images clés, voir comment c'est totalement plat. 07:39.440 --> 07:46.000 Le ballon bouge mais pas dans l'action plus large en restant totalement uniforme dans l'action plus large. 07:46.010 --> 07:49.300 Donc, si c'est plat, nous savons que ça ne va nulle part. 07:49.310 --> 07:52.490 Donc, si c'est très raide, nous savons que ça va quelque part très rapidement. 07:52.490 --> 07:58.760 Et dans notre cas, c'est la traduction Y parce que c'est celle que nous avons isolée ici et sur laquelle nous nous concentrons. 07:58.790 --> 08:02.650 Donc, quand il recommence à s'aplatir, nous savons qu'il ralentit à nouveau ici. 08:02.780 --> 08:09.740 Nous devons donc maintenir cette vitesse tout au long de cette image clé, car si vous pensez à la physique 08:09.800 --> 08:13.290 d'un objet qui tombe, l'objet ne sait pas qu'il tombe. 08:13.490 --> 08:19.580 OK donc quand il approche du sol, l’objet va ralentir ou va-t-il continuer à la même vitesse, il 08:19.580 --> 08:25.130 va continuer à la même vitesse parce qu’il ne sait pas qu’il s’approche du sol, 08:25.130 --> 08:26.720 alors pourquoi ça ralentit. 08:26.720 --> 08:30.230 Il n'a pas de cerveau pour savoir qu'il ralentit. 08:30.230 --> 08:36.170 Donc, même si l'ordinateur essaie de vous aider, aidez-nous ici en interagissant entre ces deux images clés, il ne sait pas 08:36.260 --> 08:37.580 ce que nous faisons. 08:37.610 --> 08:37.880 Droite. 08:37.880 --> 08:43.160 Il ne sait pas ce que nous animons dans le contexte, donc c'est toujours à l'animateur de 08:43.160 --> 08:46.480 contrôler toutes ces choses à la fin de la journée. 08:46.500 --> 08:47.080 D'ACCORD. 08:47.150 --> 08:50.660 Que vous le dessiniez au crayon et au papier ou sur un ordinateur. 08:50.780 --> 08:53.210 C'est votre responsabilité en tant qu'animateur. 08:53.450 --> 08:58.700 L'ordinateur ne va pas faire tout cela gratuitement pour vous, ce qui est une idée fausse 08:59.150 --> 09:02.930 très courante que vous finirez par apprendre douloureusement n'est pas vrai. 09:02.930 --> 09:06.520 Voyons comment résoudre ce problème sans ajouter plus d'images clés. 09:06.590 --> 09:11.780 Sélectionnons cette image clé et vous pouvez voir que nous obtenons ces petites poignées roses ici et que nous pouvons 09:11.780 --> 09:12.920 réellement changer la direction. 09:12.920 --> 09:19.940 Ici, nous allons à une image clé où cette ligne passe, nous pouvons voir que nous 09:20.840 --> 09:25.530 pouvons réellement changer le type de graphique de cet objet. 09:25.580 --> 09:32.570 Alors, comment pouvons-nous faire en sorte que cela aille directement, que nous devons rompre cela d'une manière ou d'une autre afin que nous 09:32.570 --> 09:38.850 puissions garder cette ligne pour aller directement et que l'autre côté reste droit tout en remontant à cette image clé. 09:38.960 --> 09:43.770 Nous avons donc besoin d'une pause ces tangentes et voici ce petit bouton qui ressemble à un V. 09:43.850 --> 09:44.650 Et nous pouvons cliquer dessus. 09:44.660 --> 09:50.080 Vous pouvez maintenant voir ces changements sur une ligne essentiellement bleue et jaune. 09:50.130 --> 09:57.530 Alors maintenant, nous pouvons isoler cela et traduire cela jusqu'à un homme du milieu sélectionné cela dans une souris du milieu en le faisant 09:57.530 --> 09:57.970 glisser. 09:58.250 --> 10:05.450 Donc, je vais le placer dans une position qui a du sens pour ce qu'un objet va parcourir en quelque sorte et tomber et 10:05.450 --> 10:10.700 faire la même chose qu'il va avoir une sorte de recul ici et rebondir et je peux 10:11.010 --> 10:13.980 allez-y et faites cela de cet autre côté aussi. 10:14.060 --> 10:15.860 Peut sortir et casser ces tangentes. 10:15.860 --> 10:21.050 Celles-ci sont appelées poignées tangentes et permettent de les équilibrer correctement. 10:21.050 --> 10:26.060 L'autre chose que nous pouvons faire très rapidement avant de lancer le jeu est de regarder la traduction 10:26.060 --> 10:29.110 de Z, nous pouvons voir qu'elle a une vitesse irrégulière. 10:29.120 --> 10:34.310 Mais si cette chose traverse un chemin ici, cela ne changera probablement pas la vitesse dans cette 10:34.310 --> 10:34.860 direction. 10:34.870 --> 10:37.880 Ça va continuer à voyager dans cette direction à la même vitesse. 10:37.880 --> 10:47.310 Alors, débarrassons-nous de ces images clés pour le moment, puis faisons cette tangente linéaire pour que nous puissions la déplacer et essayer de la 10:47.400 --> 10:49.410 globaliser et de la rectifier. 10:49.440 --> 10:55.520 Ou nous pourrions utiliser ces petits raccourcis ici pour que ce soit linéaire. 10:55.530 --> 11:01.140 Donc, en ce moment, la valeur par défaut est une tangente automatique, ce qui signifie qu'il va essayer de tout rendre lisse, mais nous savons que 11:01.140 --> 11:05.400 nous voulons que ce soit une ligne droite et nous ne voulons pas que cela ralentisse à la fin. 11:05.550 --> 11:11.740 Alors, frappons le bouton de tangente linéaire et ça va redresser ça pour nous. 11:11.790 --> 11:15.170 Revenons donc à cette vue et 11:20.600 --> 11:26.480 jouons donc nous avons déjà une balle rebondissante qui semble beaucoup plus réaliste. 11:26.510 --> 11:31.310 Cela ne ralentit pas quand il se rapproche du sol que nous avons appris sur l'éditeur de graphiques 11:31.430 --> 11:37.430 et que nous en avons appris plus sur le cadrage des touches et les poignées tangentes et bien d'autres choses dans cette courte vidéo. 11:37.430 --> 11:43.970 Donc, la prochaine leçon, nous allons continuer à affiner cette animation pour la rendre plus belle et 11:43.970 --> 11:46.490 apprendre quelques principes d'animation en général. 11:46.700 --> 11:52.460 Je vous encourage donc peut-être à faire quelques autres soldes ici et nous les nettoyerons dans la prochaine 11:52.460 --> 11:53.090 leçon. 11:53.090 --> 11:53.690 Merci d'avoir regardé.