WEBVTT - https://subtitletools.com 00:00:00.000 --> 00:00:00.033 Editado em https://subtitletools.com 00:00:00.350 --> 00:00:02.820 Que temos algumas animações básicas aqui em nossa cena. 00:00:02.820 --> 00:00:08.340 Vamos dar uma olhada em como podemos manipular como isso realmente está sendo animado. 00:00:08.340 --> 00:00:13.960 Um dos maiores lugares que faremos isso é no gráfico Ed. 00:00:14.010 --> 00:00:21.420 Então vamos abrir isso ou ir para editores de animação do Windows e ir para o editor gráfico. 00:00:21.420 --> 00:00:29.190 Você também pode chegar a essa janela indo até os painéis aqui e alterando o painel para um gráfico. 00:00:29.230 --> 00:00:33.300 Ou você pode ver que está cinza porque já temos aberto, mas essa é outra maneira de fazê-lo. 00:00:33.330 --> 00:00:39.870 Se nós quiséssemos dividir essa janela que seria outra maneira de usarmos painéis também, eu gosto de segurar 00:00:39.870 --> 00:00:45.420 na barra de espaço para a caixa quente e ir para painéis desta forma, mas você também pode obter os painéis aqui como eu 00:00:45.420 --> 00:00:50.100 gostaria de ir para layouts e ir para painéis empilhados e isso significa verticalmente. 00:00:50.100 --> 00:00:57.090 Então, agora você tem dois painéis e, em seguida, podemos fazer este ser o painel do editor gráfico para que possamos ter o 00:00:57.090 --> 00:01:02.220 editor gráfico e esta vista aberta ao mesmo tempo. 00:01:02.460 --> 00:01:04.550 E eles estão encaixados bem organizados. 00:01:04.620 --> 00:01:11.020 Também podemos alternar apenas para essa visualização adicionando a barra de espaço uma vez enquanto nosso cursor está sobre essa visualização. 00:01:11.080 --> 00:01:19.440 Então agora podemos dar uma olhada no que é a animação que temos o que parece no gráfico Ed .. 00:01:19.890 --> 00:01:26.010 Então o editor gráfico será seu melhor amigo. 00:01:26.910 --> 00:01:34.560 O que temos é uma representação do tempo que está na parte inferior aqui como você espera, porque o nosso 00:01:34.560 --> 00:01:39.690 A linha do tempo está do outro lado do tubo inferior para que você possa ver que estou segurando o mouse do meio e do meio arrastando 00:01:39.690 --> 00:01:44.310 para navegar pelo mesmo tipo de navegação que você faz na viewport. 00:01:44.340 --> 00:01:52.080 A única diferença e coisa que você pode querer fazer é apertar o comando shift e clicar com o botão direito e arrastar. 00:01:52.170 --> 00:01:59.850 Podemos escalar o tipo de visão que temos aqui nas direções xey pode ser o turno de Alton 00:01:59.850 --> 00:02:01.520 se você estiver em um PC Mac. 00:02:01.560 --> 00:02:03.560 Então é comando e mudança para mim. 00:02:04.080 --> 00:02:07.990 Então nós também podemos adicionar um F e enquadrar no material. 00:02:08.280 --> 00:02:13.860 Mas você pode ver esses pontinhos pretos ou representar nossos quadros-chave e essas linhas entre 00:02:13.860 --> 00:02:20.160 eles estão basicamente dizendo que este é o computador e interpolando entre o ponto A ao ponto B para apontar 00:02:20.160 --> 00:02:29.010 C para apontar D e como ele vai viajar ao longo do tempo e como os valores vão mudar o 00:02:29.010 --> 00:02:32.360 eixo y aqui o eixo vertical são valores. 00:02:32.580 --> 00:02:37.170 Então, podemos ver com este quadro-chave selecionado, se olharmos por aqui neste pequeno menu que tipo de aparência 00:02:37.170 --> 00:02:38.000 como o delineador. 00:02:38.010 --> 00:02:43.260 Mas para o editor gráfico podemos ver que traduzimos y selecionado porque tem um pequeno quadrado verde 00:02:43.260 --> 00:02:43.850 Aqui. 00:02:43.910 --> 00:02:46.210 Se escolhermos algo mais que irá mudar. 00:02:46.470 --> 00:02:48.500 Então, temos porque traduzir Por que selecioná-lo. 00:02:48.510 --> 00:02:53.940 E se voltarmos para a nossa janela de visualização, podemos ver ay como o eixo vertical e podemos ver que 00:02:53.940 --> 00:02:57.330 no nosso manipulador aqui que está amarelo agora. 00:02:57.330 --> 00:03:02.190 Então, se eu clicar no meio, ele mudará e isolará isso. 00:03:02.190 --> 00:03:07.770 Era amarelo porque estava isolado, por isso, se eu começar Middlemount tentando isso, não importa onde meu cursor 00:03:07.770 --> 00:03:10.000 vai só vai subir e descer. 00:03:10.350 --> 00:03:18.450 Então, para isolar que você pode apenas selecionar a caixa do meio aqui para que possamos ver o porquê é realmente verde e 00:03:18.450 --> 00:03:19.120 é traduzir. 00:03:19.130 --> 00:03:25.250 Por que aqui está o eixo vertical, então isso se correlaciona com isso aqui. 00:03:25.350 --> 00:03:32.720 Então, podemos manipular as chaves do editor gráfico para que eu possa mudar o mouse do meio para arrastá-las 00:03:32.730 --> 00:03:39.210 para cima e para baixo e mesmo que eu não estou no próprio quadro-chave real você pode ver porque estou neste momento 00:03:39.210 --> 00:03:45.930 na linha do tempo onde esta linha vermelha é Eu estou em um lugar onde o valor vai mudar porque onde 00:03:46.290 --> 00:03:50.400 está interpolando de está mudando também. 00:03:50.400 --> 00:03:51.990 Então, vamos dar uma olhada no começo disso. 00:03:51.990 --> 00:03:59.330 Nós temos um problema que está acontecendo aqui, nós estamos quebrando o precipício aqui. 00:03:59.340 --> 00:04:04.750 Então precisamos arrastar isso um pouco e adicionar mais alguns keyframes. 00:04:04.810 --> 00:04:12.120 Então, vou mudar como tudo e passar para keyframes e voltar para esse quadro-chave de seis 00:04:12.600 --> 00:04:18.880 e eu estou indo para isso ou realmente apenas fazer isso e bateu w apenas para que possamos apenas digitar as traduções 00:04:19.500 --> 00:04:26.490 e eu vou mudar isso neste segundo keyframes para que possamos ver o que aconteceu. 00:04:26.490 --> 00:04:31.910 Eu mudo o Z traduz aqui que este é o que se moveu. 00:04:31.920 --> 00:04:41.640 E novamente eu poderia mudar Middlemount arrastar isso e manipular o objeto aqui do editor gráfico. 00:04:42.570 --> 00:04:49.080 Então você também tem que ter cuidado quando o seu rato mental arrastando vai tomar a primeira direção 00:04:49.080 --> 00:04:53.640 você se move e por isso, se eu estou movendo o mouse para cima e para baixo você pode ver o cursor muda e sobe e 00:04:53.640 --> 00:04:54.510 baixa. 00:04:54.510 --> 00:05:02.190 Agora, se eu acidentalmente for direto para a esquerda antes de começar a subir e descer, ele ficará trancado 00:05:02.200 --> 00:05:08.530 nesta direção e isso é apenas mover o quadro-chave para um ponto e hora diferente. 00:05:08.760 --> 00:05:13.470 Então, podemos desfazer isso, mas apenas saber que o primeiro movimento que você faz com o mouse vai ser 00:05:13.560 --> 00:05:18.030 Em qual direção ele isola o movimento desses keyframes em. 00:05:18.360 --> 00:05:23.550 Então agora temos esse tipo de problema resolvido para que ele possa sair do penhasco aqui. 00:05:23.550 --> 00:05:29.580 E aqueles primeiros dois quadros e está indo para o chão. 00:05:29.700 --> 00:05:32.640 Se assistirmos, parece bem suave. 00:05:32.730 --> 00:05:37.630 Então, vamos jogar isso de volta batendo tudo, seja como se fosse realmente suave. 00:05:38.100 --> 00:05:38.910 E por que isto. 00:05:38.920 --> 00:05:41.990 Bem, é porque diminui antes de atingir o chão. 00:05:42.030 --> 00:05:49.550 Nós podemos ver que é meio que indo rápido aqui e então ele desacelera aqui bem no final e então 00:05:49.550 --> 00:05:54.740 ele recupera a velocidade e diminui a velocidade quando ele se aproxima do chão 00:05:54.740 --> 00:05:55.470 Aqui. 00:05:56.090 --> 00:06:01.730 Então, podemos mudar esse tipo de velocidade através do gráfico também. 00:06:01.730 --> 00:06:08.860 Poderíamos também criar quadros-chave individuais para fazer com que isso continue rápido no final aqui. 00:06:08.960 --> 00:06:10.780 Então não diminui a velocidade. 00:06:10.880 --> 00:06:12.170 Então vamos dar uma olhada nisso. 00:06:12.260 --> 00:06:16.050 Isso já parece muito melhor. 00:06:16.070 --> 00:06:21.860 Basta colocar esses novos quadros-chave onde você sabe que vai manter sua velocidade quando ele salta 00:06:21.860 --> 00:06:23.890 Aqui. 00:06:24.200 --> 00:06:26.930 Você já pode sentir a diferença. 00:06:26.980 --> 00:06:29.380 Espero que você possa ver isso em sua cena também. 00:06:29.510 --> 00:06:33.100 Então, isso já parece bom, mas acrescenta muitas chaves aqui. 00:06:33.110 --> 00:06:38.420 Você sabe que já estamos começando a adicionar chaves em quase todos os quadros nesta seção tão pequena 00:06:38.780 --> 00:06:40.990 para nos impedir de fazer isso. 00:06:41.000 --> 00:06:46.010 Eu só vou clicar com o botão direito nesses keyframes e vou deletar aqui para se livrar deles para evitar 00:06:46.010 --> 00:06:48.740 nós temos que dizer keyframes vamos trabalhar um pouco mais inteligente. 00:06:48.740 --> 00:06:55.630 Vamos voltar ao editor gráfico e não queremos afetar o Z traduzido ainda. 00:06:55.640 --> 00:06:56.700 Vamos para traduzir. 00:06:56.700 --> 00:06:59.870 Por que agora podemos ver qual é o culpado. 00:06:59.880 --> 00:07:07.730 Podemos ver visualmente que, de fato, a bola começa devagar e acelera por aqui, porque isso esta rampa esta 00:07:07.730 --> 00:07:11.400 tipo de inclinação aqui significa que está indo bem rápido. 00:07:11.630 --> 00:07:15.170 Está mudando o valor rapidamente em um curto período de tempo. 00:07:15.170 --> 00:07:15.870 ESTÁ BEM. 00:07:15.890 --> 00:07:21.470 E estes são conceitos que você só precisa começar a se sentir confortável com a compreensão de ver movimento 00:07:21.500 --> 00:07:23.550 representado em forma de gráfico. 00:07:23.630 --> 00:07:24.280 ESTÁ BEM. 00:07:24.410 --> 00:07:26.980 Então nós temos que ir rápido aqui. 00:07:27.020 --> 00:07:28.490 E então começa a desacelerar. 00:07:28.490 --> 00:07:30.680 Veja como este tipo de plano fica aqui. 00:07:30.710 --> 00:07:34.700 Se isso fosse totalmente plano, a bola não se moveria. 00:07:34.820 --> 00:07:35.280 ESTÁ BEM. 00:07:35.440 --> 00:07:39.320 E podemos ver que nesses dois primeiros keyframes vemos como é totalmente plano. 00:07:39.440 --> 00:07:46.000 A bola está se movendo, mas não na ação mais ampla, permanecendo totalmente mesmo na ação mais ampla. 00:07:46.010 --> 00:07:49.300 Então, se isso é plano, sabemos que não vai a lugar algum. 00:07:49.310 --> 00:07:52.490 Então, se é muito íngreme, sabemos que está indo a algum lugar muito rápido. 00:07:52.490 --> 00:07:58.760 E no nosso caso é a tradução Y, porque é a que isolamos aqui e estamos focando. 00:07:58.790 --> 00:08:02.650 Então, quando ele começa a se achatar, sabemos que está desacelerando aqui novamente. 00:08:02.780 --> 00:08:09.740 Então, precisamos manter essa velocidade até o quadro-chave, porque se você pensar sobre a física 00:08:09.800 --> 00:08:13.290 de um objeto caindo, o objeto não sabe que está caindo. 00:08:13.490 --> 00:08:19.580 OK, então quando ele está chegando perto do chão é o objeto vai abrandar ou vai continuar 00:08:19.580 --> 00:08:25.130 a mesma velocidade vai continuar a mesma velocidade, porque não sabe que está chegando perto 00:08:25.130 --> 00:08:26.720 para o chão então por que diminuiria a velocidade. 00:08:26.720 --> 00:08:30.230 Não tem cérebro para saber que está diminuindo. 00:08:30.230 --> 00:08:36.170 Então, mesmo que o computador esteja tentando nos ajudar aqui, por meio da interação entre esses dois quadros-chave 00:08:36.260 --> 00:08:37.580 não sabe o que estamos fazendo. 00:08:37.610 --> 00:08:37.880 Certo. 00:08:37.880 --> 00:08:43.160 Ele não sabe o que a coisa que estamos animando está no contexto, então é sempre para o animador 00:08:43.160 --> 00:08:46.480 para controlar todas essas coisas no final do dia. 00:08:46.500 --> 00:08:47.080 ESTÁ BEM. 00:08:47.150 --> 00:08:50.660 Se você está desenhando com lápis e papel ou está em um computador. 00:08:50.780 --> 00:08:53.210 Esta é sua responsabilidade como animador. 00:08:53.450 --> 00:08:58.700 O computador não vai fazer tudo isso para você de graça, que é um equívoco muito comum 00:08:59.150 --> 00:09:02.930 que você acabará por aprender dolorosamente não é verdade. 00:09:02.930 --> 00:09:06.520 Então, vamos corrigir isso sem adicionar mais quadros-chave. 00:09:06.590 --> 00:09:11.780 Vamos selecionar este quadro-chave e você pode ver que temos essas pequenas alças rosa aqui e nós podemos realmente 00:09:11.780 --> 00:09:12.920 mude a direção. 00:09:12.920 --> 00:09:19.940 Aqui vamos nós para um quadro-chave onde esta linha está passando, podemos ver que podemos realmente mudar 00:09:20.840 --> 00:09:25.530 o tipo de gráfico deste objeto. 00:09:25.580 --> 00:09:32.570 Então, como vamos fazer isso para ir direto que precisamos quebrar isso de alguma forma para que possamos manter esta linha 00:09:32.570 --> 00:09:38.850 para ir direto e ter o outro lado para ficar em linha reta, bem como voltar para este quadro-chave. 00:09:38.960 --> 00:09:43.770 Então, precisamos de uma pausa dessas tangentes e este é um pequeno botão aqui que parece um V. 00:09:43.850 --> 00:09:44.650 E nós podemos clicar nisso. 00:09:44.660 --> 00:09:50.080 Agora você pode ver isso muda para uma linha basicamente azul e amarela. 00:09:50.130 --> 00:09:57.530 Então, agora podemos isolar isso e traduzir isso para um homem do meio selecionado em um meio de arrastar o mouse 00:09:57.530 --> 00:09:57.970 isto. 00:09:58.250 --> 00:10:05.450 Então, vou colocá-lo em uma posição que faça sentido para o que um objeto vai viajar 00:10:05.450 --> 00:10:10.700 distância e queda e fazer a mesma coisa que vai ter uma espécie de recuo aqui e saltar de volta 00:10:11.010 --> 00:10:13.980 e eu posso ir em frente e fazer isso para esse outro lado também. 00:10:14.060 --> 00:10:15.860 Pode sair e quebrar essas tangentes. 00:10:15.860 --> 00:10:21.050 Estes são chamados de alças tangentes e obtêm isso para equilibrar corretamente. 00:10:21.050 --> 00:10:26.060 A outra coisa que podemos fazer bem rápido antes de chegarmos ao jogo é olhar para a tradução Z, podemos ver que 00:10:26.060 --> 00:10:29.110 tem um tipo inconsistente de velocidade. 00:10:29.120 --> 00:10:34.310 Mas se isso está indo por um caminho aqui, provavelmente não vai mudar a velocidade nessa direção 00:10:34.310 --> 00:10:34.860 certo. 00:10:34.870 --> 00:10:37.880 Ele vai continuar viajando nessa direção na mesma velocidade. 00:10:37.880 --> 00:10:47.310 Então, vamos nos livrar desses keyframes por enquanto e, então, vamos fazer essa tangente linear. 00:10:47.400 --> 00:10:49.410 e tente dar uma olhada e acertar. 00:10:49.440 --> 00:10:55.520 Ou podemos usar esses pequenos atalhos aqui para fazer isso ser linear. 00:10:55.530 --> 00:11:01.140 Então, agora o padrão é um significado auto-tangente que vai tentar fazer tudo liso, mas 00:11:01.140 --> 00:11:05.400 sabemos que queremos que isso seja uma linha reta e não queremos que ela diminua no final. 00:11:05.550 --> 00:11:11.740 Então, vamos apertar o botão tangente linear e isso vai endireitar isso para nós. 00:11:11.790 --> 00:11:15.170 Então, vamos voltar a essa visão e jogar 00:11:20.600 --> 00:11:26.480 então já temos uma bola quicando que parece muito mais realista. 00:11:26.510 --> 00:11:31.310 Não diminui quando chega perto do chão que aprendemos sobre o editor gráfico e 00:11:31.430 --> 00:11:37.430 Aprendemos mais sobre enquadramento de chaves e alças tangentes e muitas outras coisas neste pequeno vídeo. 00:11:37.430 --> 00:11:43.970 Então, na próxima lição, vamos continuar a refinar essa animação para que ela pareça melhor e aprenda 00:11:43.970 --> 00:11:46.490 mais alguns princípios de animação em geral. 00:11:46.700 --> 00:11:52.460 Então, eu encorajaria você a fazer mais alguns saldos aqui e vamos limpá-los na próxima 00:11:52.460 --> 00:11:53.090 lição. 00:11:53.090 --> 00:11:53.690 Obrigado por assistir.