Anime um vídeo explicativo no Adobe After Effects CC usando arte em movimento

1. Teaser do curso: Oi. Meu nome é Lucas Ridley, e sou um animador premiado. Este é o meu curso sobre como animar um vídeo explicativo no After Effects. Neste curso, vou mostrar-lhe as dicas e as ferramentas que eu uso para criar um terço da minha renda freelance no último ano. Vou rever os ingredientes do que faz um bom vídeo explicador, e então você pode usá-los em sua própria receita para fazer seu próprio vídeo explicador. Este curso é para qualquer pessoa que queira criar seu próprio vídeo explicativo para sua empresa, produto ou serviço. É mais foco para alguém que é relativamente novo no After Effects. Obrigado por se juntar a mim. 2. Fase de planejamento: Olá e bem-vindos à primeira classe. Antes de começarmos a aprender a animar, vamos passar pelo primeiro passo do processo, que é o planejamento. Precisamos de saber o que estamos a fazer antes de o fazermos. Há algumas maneiras diferentes de fazer isso. Algumas das formas mais populares são através de uma história. Podemos ter um personagem e colocá-los em um ambiente e uma configuração que explique a situação relativa ao produto ou serviço que você está tentando explicar. Outra maneira que também pode ser usado em conjunto com a história é problema e sua solução. Você ilustraria um problema e mostraria como seu produto ou serviço resolve esse problema. Precisamos ter uma compreensão de como vamos explicar o produto ou serviço. Então, uma vez que sabemos como vamos fazer isso, precisamos ir para a fase de áudio, o que significa que precisamos escrever um script e gravar voice-over para ele. Uma grande parte da animação é ter a voz bloqueada porque animar é tudo sobre timing. Se não tivermos o áudio e o script de antemão, vamos fazer um monte de reescrever e reanimar para cronometrar as coisas apropriadamente. Isso vai junto com a música, bem como efeitos sonoros. Só para preencher as coisas e manter o ritmo adiante, queremos ter certeza de que o áudio é gravado e estamos certos exatamente o que o script quer dizer depois que decidimos como vamos dizer. Sobre o que a maior parte deste curso vai ser sobre a criação de visuais. O visual para começar, precisamos reunir referência e pesquisa, o olhar que queremos seguir. Podemos obter inspiração de outras fontes, então comece a olhar para outros vídeos explicativos e veja o que eles fizeram certo e errado, e comece a ter uma idéia para o estilo que você deseja. A cor é muito importante. Isso é algo que você pode fazer em tempo real mas não faz mal fazer uma pequena pesquisa de antemão. Especialmente, se você já tem um logotipo ou uma identidade de marca, você vai querer usar essas cores e incorporar isso em todo o vídeo para criar o tema e a gravata do logotipo com a sensação do vídeo. Finalmente é storyboard e transições. Isso é muito, muito importante e realmente é uma das maiores idéias que vamos abordar aqui. Para o storyboard e transições, estas podem ser ideias ásperas. Comece a pensar e imaginar como você pode conectar as coisas do seu script à identidade visual? Pense em metáforas de forma a representar o que você escreveu de forma visual e como você vai ser capaz de conectar linha por linha e transições suaves entre o áudio. Obrigado por assistir isso. Agora, vamos entrar na animação real. 3. Introdução aos tópicos de animação: Rapidamente, eu quero falar sobre como o curso é definido e por que ele é definido dessa maneira. Primeiro vamos começar com transições e veremos como usar nulos e máscaras animadas para nos ajudar a pensar em transições criativas. Então vamos continuar a florescer. Estes são pequenos brilhos, e dicas, e brilhos, e enfeites que podemos usar repetidamente depois de fazê-los uma vez. Então vamos ver como criar personagens, como construí-los e como animá-los. Então, finalmente, haverá algumas seções bônus para revisar aspectos mais específicos como como criar uma fita e, em seguida, como fazer o efeito muito popular quadro branco. A razão pela qual estes são os principais tópicos é porque cada vídeo explicativo tem estes incluídos neles. Estou usando a analogia de novo. Estes são os ingredientes que serão usados para o seu vídeo explicativo específico. Você só precisa criar seu próprio conteúdo baseado especificamente no produto ou serviço que você está tentando explicar e, em seguida, usar esses elementos. Obrigado por assistir e estou ansioso para vê-lo na próxima lição. 4. Introdução ao AE (somente para iniciantes): Olá, e bem-vindos à aula para iniciantes e depois dos efeitos. Vamos apenas fazer uma introdução rápida ao programa em si. Eu só vou descer aqui e começar do zero, clicar no programa e abri-lo. Estou executando a versão do After Effects Creative Cloud 2014. Você pode receber esse aviso sobre a placa gráfica, não é grande coisa. Só aperte “OK”. Aqui está uma tela de boas-vindas, você pode desativar o padrão e esse show aqui. Eu vou fechar fora disso. Este é o nosso espaço de trabalho. Se não for assim para você, vá para o Window Workspace e pressione Padrão ou Redefinir padrão. Você pode realmente ajustar coisas diferentes, e às vezes você pode acidentalmente puxar abas e mover as coisas de uma maneira que você não previu. Basta voltar aqui para redefinir o padrão do espaço de trabalho e estamos prontos para ir. Para começar com você a composição, precisamos de um espaço vazio para basicamente começar a fazer coisas. Assim, podemos ter várias composições em um projeto. Agora estamos em um projeto. Esta é a interface geral After Effects é um projeto para salvar arquivo. Estamos montando um projeto. Mas quando descemos aqui e dizemos : “Crie uma nova composição.” É como um mini vídeo dentro do nosso projeto. Você precisa resolver os atributos aqui, eu estou indo para ir com HD, 24 quadros por segundo é muito comum para animação e assim 48 quadros, isso é dois segundos, eu apertei “OK”. Agora temos uma boa tela em branco, podemos começar a fazer as coisas. Aqui à esquerda temos o nosso projecto. É aí que se trouxermos uma imagem, clicar com o botão direito do mouse e importar um arquivo, tudo isso estará aqui. [ inaudível] nós temos algo lá dentro. Todos esses ativos serão listados na janela do projeto aqui. Então nós temos nossa composição em branco aqui, e nós não temos nada em nossa janela Camadas aqui em baixo. Então, para fazer isso, podemos clicar com o botão direito do mouse em qualquer lugar e dizer, “Novo texto”. Por exemplo. Vamos começar com mensagens. Então podemos apenas digitar qualquer coisa, temos que selecionar o texto para ser capaz de mudar a cor. Podemos mudar para qualquer coisa. Podemos mudar a fonte e o tamanho, e começamos a escrever mais, poderíamos mudar o espaçamento ou configurá-lo para auto, tudo divertido com texto. A próxima coisa, vamos precisar de um fundo. Vamos criar um fundo de uma cor diferente e clicar em “OK”. Poderíamos nomear isso aqui, se quiséssemos. Ou uma vez que é criado, podemos ir clicar na janela Camada e pressionar enter, e então podemos começar a digitar e chamar este plano de fundo. Agora também podemos alterar a visão disso na composição da camada para que tenhamos uma cor diferente que a representa. Isso é um par de criar alguns objetos aqui, nós não estaremos usando luzes ou câmeras muito que é para 3D, mas objetos nulos são muito importantes. Por exemplo, poderíamos criar o pai do texto para esse objeto nulo. Deixe-me desligar o fundo porque nenhum objeto é igual a este quadrado vermelho. Ele é apenas representado, ele não vai realmente renderizar quando você renderizar qualquer coisa. Mas agora você pode notar que quando eu mover o nulo ao redor, ele está movendo o texto. Portanto, é uma maneira de criar novos pontos dinâmicos. Você pode mover grupos de coisas ao redor. Se eu remover isso e movê-los para cá, agora eu tenho um ponto de pivô na esquina. Você também pode mover os pontos de pivô das coisas com este cursor aqui com bastante facilidade. Este é o ponto de pivô das coisas e ele vai escalar e girar a partir disso, possamos movê-lo até lá e ele vai escalar e girar a partir dessa posição. Essa é a maioria das coisas que vamos fazer. Vamos ter algumas camadas de forma. Vamos falar disso mais tarde. Se você tiver alguma dúvida, pergunte em discussão, se você alguma vez ficar preso em qualquer coisa, por exemplo, vamos voltar ao fundo e se clicar duas vezes nele, chegamos à visão isolada do fundo. Às vezes isso confunde as pessoas porque agora perdemos nossas mensagens. Se estivéssemos trabalhando no nosso texto agora, para onde foi? Como voltamos a isso? Então, se isso acontecer, não se preocupe com isso. Você pode encontrar isso no canto superior esquerdo aqui na composição, estamos apenas em uma aba diferente e esta visão isolada. Então, se você ficar preso nisso, olhe aqui e volte com a exibição da composição. Vamos nomear a introdução de composição aqui. Então nós apenas apertamos Enter para ser capaz de fazer isso de novo aqui. Uma coisa importante que queremos cobrir é que vamos para as preferências em geral. Eu quero ter certeza de que ele está definido para interpolação espacial padrão para linear. O que isso significa é que as coisas se comportarão como esperamos. Há alguns casos em que, se você não tiver isso marcado, algumas coisas patetas acontecerão com animação. Uma vez que acessamos todos esses atributos diferentes aqui, podemos animá-los clicando nesses pequenos cronômetros à esquerda. Então nós definimos um quadro chave para a posição. Então, se nos movermos e o tempo e depois arrastá-lo, agora podemos ver que é animada essa distância. Esta é apenas uma visão geral muito rápida para aqueles de vocês que se sentem sobrecarregados por efeitos secundários, é basicamente Photoshop para vídeo. Então, não fique muito sobrecarregado com isso, nós vamos estar fazendo muito nessas camadas e nesta janela. Isso é sobre isso. Se você seguir junto com todos os ingredientes que estaremos cobrindo, você pode juntar tudo em sua própria receita. A maioria dessas coisas você não precisa se preocupar ainda. Todos esses pequenos botões não te afetarão de forma alguma. A maior coisa que você precisa saber é como criar coisas, como empilhar coisas e camadas, clicar e arrastá-las, renomear coisas, mantê-las organizadas e como animá-las. Siga junto e essas lições, e você vai notar diferentes atalhos que eu uso enquanto estou animando. Ele irá acelerar o seu fluxo de trabalho e familiarizá-lo com o processo. Obrigado por assistir e ansioso para vê-lo na próxima lição. 5. Ilustre um megafone com máscara: Nesta lição, vamos abrandar um pouco e responder a uma pergunta que um dos meus alunos teve. Este é um vídeo atualizado. Vou adicioná-lo um ano ou dois após este curso ter sido lançado. Se você tiver uma pergunta ou quiser algo para eu abordar, uma pergunta e talvez eu faça um vídeo sobre isso também e atualize o curso assim como este vídeo. A questão era sobre máscaras e criação de um ícone de megafone. Vamos criar uma nova composição clicando no botão “nova composição” aqui, e eu vou chamar esse megafone. Queremos escolher uma predefinição que vai ser útil para nós em nosso projeto. Eu vou escolher 1920 por 1080, 24 quadros por segundo, e a cor de fundo realmente não importa. Vou clicar neste menu suspenso que diz 'Ajustar' para que vejamos a tela inteira aqui. Vou começar criando um sólido. Vou clicar com o botão direito do mouse aqui e dizer Novo, sólido. Este vai ser o fundo principal, e vamos apenas fazer isso como uma cor clara de azul-petróleo. Então vamos fazer um plano de fundo para o ícone, adicionar um novo sólido. Mesmo processo clicando com o botão direito lá em baixo. Vou fazer isso ser um pouco alaranjado, e podemos sempre mudar essas cores mais tarde se não gostarmos delas indo, digamos que não gostamos disso, como mudamos isso? Podemos selecionar a camada e clique com o botão direito do mouse no painel de efeitos aqui, podemos ver Controles de efeitos. Descemos para gerar, preencher, e agora temos uma nova cor. Agora podemos mudar a cor para onde quisermos. Essa é uma maneira de atualizar um sólido. Vamos criar este fundo. Vou apertar 'enter' para renomeá-lo. Vou dizer megafone BG_. Eu vou selecionar uma ferramenta de forma aqui, e eu não quero o quadrado, eu quero o círculo. Eu vou clicar e segurar e eu vou ter a ferramenta de elipse aqui, se eu mudar clique, então eu posso obter um círculo perfeito. Se eu largar um turno, vai estar onde meu mouse estiver, mas se eu segurar o turno, ele vai ficar um círculo. Agora eu posso clicar duas vezes nisso e ir para alinhar, e eu posso apenas alinhá-lo ao centro com esses botões alinhados a esta horizontal e alinhar ao centro vertical. Agora podemos começar a fazer o megafone dentro deste pequeno ícone aqui. Basicamente vamos fazer um monte de formas como fizemos com o círculo, mas precisamos combiná-las de forma a criar uma grande forma. Eu vou começar com a extremidade traseira do megafone, e eu vou fazer isso ser como uma luz amarelada, talvez ainda menos saturação. Se eu quiser mudar para saturação aqui, eu posso apenas clicar nesses botões de rádio e então eu tenho essa opção. [ inaudível] Eu vou dizer o 'Voltar'. Agora eu posso voltar para este conjunto de ferramentas clicando com o botão esquerdo e mantendo pressionado. Eu vou para a ferramenta de retângulo arredondado e clique em qualquer lugar, e segurando para cima e para baixo, eu posso realmente mudar o raio desses cantos. Vou segurá-lo até que seja algo que eu gosto, e tudo bem. Eu vou apertar V no meu teclado, puxar a ferramenta de cursor aqui, e eu vou centralizar isso também com a ferramenta de alinhamento aqui. Temos o nosso primeiro pedacinho. Vamos criar uma peça que vá em cima dela. É a seção do meio. Vou clicar com o botão direito do mouse Novo sólido, e criar um tipo cinza de material. Vamos apenas ir a saturação todo o caminho para baixo. Para o brilho, vamos apenas para algum lugar no meio. Poderíamos apenas dizer 50% aqui, e eu vou chamar isso de “meio”. Eu vou usar a mesma ferramenta e eu vou desenhar isso para fora exceto que eu quero que os cantos disso para ser um pouco mais apertado. Vou segurar a seta para baixo e esperar até que as bordas se aproximem um pouco mais. Vou colocar isso em algum lugar, talvez assim, e podemos usar as ferramentas de alinhamento novamente para alinhar isso. Vamos mover a parte de trás um pouco. Vou usar as minhas flechas e mudar para derrubar isto um pouco. Vamos fazer algo como um [inaudível]. Agora vou fazer a peça real do megafone. Eu vou criar um novo sólido, novamente, e eu vou fazer este ser um cinza muito mais brilhante. Vamos subir aqui em algum lugar, digamos 90%. Não queremos que seja totalmente branco. Vamos chamar isso de Funil. Vamos criar um retângulo, e mesmo que seja um funil, podemos começar com essa ferramenta de retângulo e então podemos torná-la um funil mais tarde. Vamos clicar e arrastar isso para fora. Vou apenas manter a tecla Shift pressionada para torná-lo um quadrado, quadrado perfeito, então podemos usar as ferramentas de alinhamento aqui para chegar ao meio. Agora podemos realmente entrar aqui e eu vou ampliar um pouco, mantendo a barra de espaço pressionada e clicando para se mover. Vou selecionar apenas estes dois pontos finais aqui. Eu selecionei essa, role aqui, mantenha pressionada a tecla shift e clique nela. Agora tenho estes dois selecionados. Quando eu clica duas vezes, eu entendo a coisa da transformação, mas porque eles são tão estreitos, é difícil de ver, mas ele está lá. Agora posso arrastar isto para baixo. Se eu apertar “shift” ele vai ficar alinhado, e se eu apertar 'command' e segurar isso também, eu estou segurando Shift e Comando, então ele vai trazê-lo para dentro. Estou basicamente a tentar fazer com que isto se alinhe exactamente com esta vantagem. Eu vou apertar 'enter' e eu vou ampliar muito perto e ver se esta coisa está realmente na borda, parece que é. Eu vou descer aqui, parece que está bem no limite. Legal. Agora posso diminuir o zoom, pegar isso e trazer isso aqui. Eu só fiz a mesma coisa, mudar de lado. Vou fazer com que o megafone seja algo assim. Parece que preciso mudar tudo agora. Eu vou pegar todos esses, bater P, e simplesmente deslizá-los para X. Cool. Agora temos que deslizar. Eu também vou trazer isso de volta para a direita um pouco. Quero que a parte do meio seja um pouco maior. Eu também vou pegar estes e puxá-los para fora um pouco mais. Em seguida, faça a mesma coisa e mova todas as camadas sobre apenas um pouco. Nós também podemos puxar o título Action Safe aqui clicando neste, e podemos ver onde o meio exato está aqui na composição. Isso nos dá uma idéia de quão longe estamos. Vamos fazer mais uma camada aqui, e ela vai se tornar a borda do megafone. Eu vou ser novo, sólido, e em vez de ser 90%, vamos fazer 75. Estamos dividindo a diferença entre esse cinza e aquele cinza ali. Vou chamar isso de Rim. Agora vou pegar a ferramenta de retângulo arredondado novamente. Vamos até a borda e clique em “arrastar”. Vamos fazer com que seja como uma borda estreita aqui. Algo assim. Eu vou deixar ir, e depois alinhá-lo verticalmente porque sabemos que todas essas camadas até agora estão alinhadas verticalmente. Legal, então agora vamos fazer o cabo bem rápido. Vou clicar com o botão direito, e também podemos clicar com o botão direito aqui. Vou clicar com o botão direito do mouse e dizer novo sólido. Vamos fazer com que isto seja um pouco negro. Eu geralmente não gosto de ir todo o caminho totalmente negro porque então nós não nos deixamos para onde ir. Eu vou dizer lidar, e agora eu vou criar a alça com a mesma ferramenta aqui, e mesmo que eu vou ter a alça ser um pouco angular, que vai deixar isso para cima e para baixo por enquanto, e então nós podemos clicar duas vezes isso e girá-lo. Se passarmos o cursor aqui na borda, teremos essa ferramenta de rotação. Agora posso girá-lo um pouco. Se eu segurar o turno, ele vai em 90 e 45 graus. Eu não quero que seja em 45 graus, então eu vou deixar ir mudar e fazer isso sozinho apenas pelos meus olhos, e vamos fazer isso ser um pouco menor e recomeçar isso. Talvez girá-lo apenas para tocar. Também podemos mover o ponto de pivô aqui e podemos colocá-lo de cima. Vamos fazer algo assim e apertar Enter. Agora vamos colocar isso no fundo, então está por trás de tudo isso. Eu vou descer aqui e colocá-lo na parte inferior e apenas clicar arrastando para baixo. Vou minimizar tudo isso para que possamos ver o que criamos até agora, e basicamente temos um megafone. Isso é muito legal. vamos realmente pegar estes e dar-lhe um pouco mais de espaço porque podemos ver esta distância desta borda para aquela borda é muito maior desta borda para aquela borda. Vamos tentar colocá-lo de volta no meio um pouco. Shift selecione tudo, pressione P, e então basta arrastar estes sobre e manter um olho nesta distância aqui e tentar combinar isso um pouco melhor. Legal. Agora vamos dar a isso alguma dimensionalidade, adicionando uma sombra ao próprio microfone e, em seguida, também adicionando uma longa sombra aqui. Primeiro, vamos começar com a longa sombra. Vou criar uma camada de ajuste na verdade e dizer nova camada de ajuste, e nada realmente acontece porque as camadas de ajuste estão em branco. Precisamos adicionar efeitos a eles para que possamos vê-los. Vou desligar o título seguro aqui para vermos o que estamos fazendo, e chamarei isso de sombra longa. Para esta camada de ajuste, e eu vou apenas dizer ajuste de sublinhado, que possamos dizer que é uma camada de ajuste, não um sólido, nós vamos realmente apenas criar um ajuste aqui sob a correção de cor. Vou descer para algo como curvas. Você também pode ir para níveis. Realmente não importa qual você escolher porque ambos podem ter um efeito semelhante. Queríamos colocar isto abaixo de todas as coisas do megafone, só queríamos no fundo. Quando ligamos e desligamos isso do olho, podemos ver que ele está mudando a cor real abaixo dele. Só estou movendo a gama aqui, que é o ponto médio. Você pode ver esta pequena flecha aqui se movendo, esse é o ponto médio do histograma. Eu só vou deixar isso para baixo um pouco, e agora vamos mascarar este ajuste para fingir que é a sombra. Vou clicar nisso e com esta camada selecionada, vou clicar e arrastar uma máscara de camada de ajuste. Você pode ver que ele criou uma máscara aqui chamada máscara 1. Então vamos duplicar isso. Agora temos a máscara 2, eles estão bem em cima um do outro. Vamos mover isto para cá. A razão pela qual eu estou fazendo eles juntos é porque eu quero girá-los para estar no mesmo ângulo. Eu vou apertar enter e então eu vou clicar arrastar para que nós pegamos os dois, e eu vou clicar duas vezes em um deles. Agora você pode ver que podemos girar os dois. Só queremos ter certeza de que nossa sombra tem um ângulo consistente. Podemos fazer algo como isto e eu basicamente estou olhando para esta borda aqui, e eu vou alinhar isso para que ele saia disso. Eu fiz duas dessas máscaras porque precisamos de uma para esta borda e outra para esta borda do punho. Temos um para a barra aqui, a parte traseira dele, a parte de trás do megafone e depois temos a alça aqui em baixo. Eu vou apertar Enter, e agora eles estão no mesmo ângulo. Mas temos que separar máscaras que possamos mover. Só vou alinhar esta. Eu vou ampliar e segurar na barra de espaço e eu estou apertando o comando e mais para ampliar. Eu só vou mover isso para a borda da alça aqui, e então eu vou apertar Enter, e eu vou pegar esses quatro pontos finais, e eu vou arrastá-los para a ponta do megafone aqui. Agora temos a sombra a sair disto. Podemos ver que temos um pequeno canto aqui, isso não é grande coisa. O que podemos fazer é clicar e arrastar isso para que ele não passe por aquela borda lá, legal. Vamos fazer a mesma coisa para a parte traseira aqui. Deixe-me ampliar. Parece que talvez não esteja exatamente lá, então em vez de clicar nesse ponto, você pode selecionar uma das linhas longas ou em qualquer lugar da linha e eu selecionarei os dois pontos que estão entre ela. Eu sei que eu quero que essa borda seja o mesmo ângulo, então eu vou selecionar essa borda e então apenas mantenha pressionada a tecla Shift e pressione para cima até que eu tenha direito nessa borda. Posso diminuir o zoom agora, e vamos dar uma olhada nisso. Parece bem legal. Precisamos consertar essa parte da máscara aqui. Eu só vou arrastar isso para baixo, não precisamos nos preocupar com mais nada sobre isso. Agora temos essa longa sombra. A razão pela qual é importante fazer um ajuste é porque se mais tarde decidimos que queremos mudar a cor deste fundo, então não vai importar porque acabamos uma camada de ajuste para que possamos mudar esta cor todos nós quer, e vamos apenas ir em frente e fazer isso para mostrar-lhe um exemplo. Eu vou para “gerar-fill”, e podemos ver que à medida que eu mudo a cor, a sombra fica lá, desde que não fique super brilhante, porque estamos mudando a gama. Esse foi o ajuste que fizemos lá, então se ficarmos super brilhantes então não há gama para ajustar porque é tudo branco. É por isso que quando você fica muito escuro ou muito brilhante, você não vai ver esse ajuste. Mas sim, podemos mudar a cor e ainda temos essa sombra. É por isso que usamos uma camada de ajuste para criar a sombra em vez de outra forma. Podemos deixar que seja roxo, seja lá o que for, funciona para mim e vamos pegar esta máscara aqui e cortar esta com essa máscara. Temos este círculo de megafone aqui, temos isso como uma máscara. Podemos copiar isso, comando C, e depois clicar na camada de ajuste, comando V. Nós mudamos a camada de ajuste, o megafone, então parece que a máscara não está exatamente no lugar certo, então não é grande coisa. Podemos mover isso de volta para estar onde quisermos, vou apertar Enter. A única coisa que temos a fazer é apenas mudar este círculo uma máscara para cruzar. Sim, então onde ele se cruza com essas outras máscaras, vai subtraí-la. Agora, se selecionarmos isso, podemos ver que, de fato, essa longa sombra existe, e se é um pouco instável e não exatamente onde queremos que ela esteja, deixe-me apenas ampliar aqui e usar as ferramentas de seta aqui para ter certeza que é bem na borda dessa coisa. Agora criamos isso, vamos criar uma sombra para o próprio megafone. Certo, então vamos pré-compor todas essas máscaras. Vou deixar cair estes. Eu vou para camada pré-compor, e eu vou dizer megafone. Agora temos o megafone, podemos duplicar isso, e vamos fazer a mesma coisa, a mesma ideia. Vamos fazer um ajuste para isso, uma correção de cor em vez dessa versão duplicada. Podemos dizer, vamos fazer algo diferente. Vamos fazer exposição. Vamos deixar a exposição, essa coisa para baixo, e agora vamos usar uma máscara para aquela sombra, aquela versão mais escura. Eu só vou pegar o retângulo e ir a meio caminho. Eu posso manter pressionada barra de espaço para movê-lo enquanto eu ainda tenho esquerdo do mouse clicado, e agora eu vou apertar V e clique aqui, e você pode ver que nós criamos uma sombra para o megafone. O megafone agora está sombreado lá, e nós temos essa longa sombra para isso. Fizemos tudo isso com máscaras. Não precisávamos entrar no Illustrator, e agora temos esse recurso que poderíamos usar, e poderíamos chamar esse megafone ou o que seja. Nós poderíamos realmente desligar o fundo e vamos ver isso com a transparência para que saibamos que não há realmente nenhum fundo lá. Bem, primeiro, chamei duas composições de megafones, então temos dois megafones aqui. Eu só vou dizer pré-comp para este. Podemos ver que este tem o fundo. Digamos que este é o principal e queremos usá-lo em uma nova composição, vamos apenas clicar e arrastá-lo para lá. Agora temos esse ícone inteiro, que é apenas uma camada. Agora podemos animar tudo como quisermos. Aí está você. É assim que você usa máscaras para criar e ilustrar dentro do After Effects, para usar ícones diferentes que você revisitará sempre que estiver fazendo vídeos explicativos, especialmente porque você precisa de representações visuais para idéias e objetos e diferentes partes do script. Este é um exemplo de usar e criar um megafone com uma sombra longa e ser auto-sombreado tudo com máscaras de camada e sólidos. Obrigado por assistir. 6. Transições — parte 1: Vamos começar a animar algumas transições. Vamos começar com nulos. nulos são muito chatos, apenas os nomes nulos, mas eles são incrivelmente poderosos o que podemos fazer com eles. Começarei do zero e criaremos uma nova composição. Clique com o botão direito aqui, nova composição. Também podemos clicar neste pequeno ícone aqui em baixo e criar uma nova composição. Continuaremos com a convenção de nomes que criei aqui e chamaremos de transições e diremos, “Ok”. Nós vamos voltar para [inaudível] essas coisas dentro e editá-lo, nós podemos apertar “Command K” ou “Control K”. Também podemos ir para Configurações de composição e composição. Então temos nossa nova composição, vamos criar uma transição entre as duas imagens que você já viu. Temos o planejamento, e temos a introdução. O que eu estou fazendo agora, é que eu posso apenas clicar e arrastar outras composições para uma nova composição. Quando eu clicar duas vezes neste topo, chegamos à nova aba que abre essa composição, que ela colete tudo e agrupe tudo dentro de uma camada. Então, em vez de ter todas essas camadas dentro desta nova composição, podemos ter apenas uma camada. Isso também é bom porque se quisermos mover as coisas como um grupo, agora temos um valor de transformação, podemos mover a coisa toda ao redor. Neste caso, sabemos que os fundos são os mesmos, ambos são desta cor azul. Vamos criar um fundo que seja essa cor azul. Então, vamos clicar com o botão direito, dizer “Novo” “Sólido”, e vamos colorir escolher esse plano de fundo. Vamos chamá-lo de BG para o fundo. Agora temos nosso plano de fundo, e podemos clicar e arrastar isso para baixo. Agora, se movermos qualquer um destes, pelo menos temos o passado feito. Alternativamente, o que podemos fazer se estivermos preocupados com esse canto obscurecendo isso ou algo assim, você poderia entrar nesta composição individual, e desligar a camada de fundo nessas composições. Para que agora onde estamos na composição principal, possamos ver através dela. Agora é uma grande massa confusa, mas essa é apenas uma opção que temos. Digamos que queremos ir da esquerda para a direita, como as pessoas lêem. Vamos deslizar este apenas para fora do quadro.. Você pode pressionar p para baixo aqui para obter posição, ou você pode alternar para baixo valores transformados, e agora temos o valor da posição. Podemos clicar e arrastá-lo, também podemos movê-lo para aqui, mas é um pouco mais fácil clicar e arrastar para que saibamos que estamos isolando apenas a tradução x. o que poderíamos fazer é, poderíamos pegar ambos, nós apertamos p, nós podemos quadro-chave que, e então nós podemos ir para baixo um pouco, e então, com ambos selecionados, nós poderíamos mover isso para cima. Isso funciona. Vamos de um para o outro. único problema aqui é, se quisermos mudar algo mais tarde, temos duas camadas diferentes com animação nele. Em vez disso, vamos usar um nulo. Um nulo simplificará as coisas, ou clique com o botão direito “Novo” “Nulo”. Eu gosto de colorir estes para que uma vez que temos uma volta de camadas, podemos ver o que um nulo é apenas a partir disso. Vamos direcionar essas duas camadas para o nulo. Vamos usar o chicote, e vamos clicar e arrastá-lo para cima. Agora você também pode ver que esses menus suspensos foram alterados. Podemos ver que há uma pequena marca de carrapato ao lado da transição nula. Essa é outra maneira que você pode fazer isso é usar esses menus suspensos. Agora, quando vamos para nulo, e apertamos “P”, ele move os dois juntos. Podemos ver que a pequena caixa amarela aqui representa o nulo. Nunca é renderizado, então não se preocupe com isso na tela. Mas agora, em vez de ter dois valores animados, só temos um. Podemos clicar em um quadro-chave lá, descer, e vamos animar isso fora do caminho. Se você pressionar “Shift”, ele irá mover as coisas mais rápido à medida que você rolar os valores. Alternativamente, você pode pressionar “Command” ou “Control”, e eu vou mover as coisas muito menores. Agora temos essa transição. Isso funciona para rotação. Vamos fazer algo um pouco mais interessante. Vamos tirar a animação pressionando o cronômetro, e vamos desfazer isso, e vamos fazer nulo. Traga o nulo aqui em algum lugar, vamos fazer isso aqui. Assim, quando girarmos, ele irá girá-lo para fora do quadro. Vamos pará-lo, vamos parar de assistir, vamos descer, nulo girá-lo para fora do caminho 90 graus. Agora eu tenho isso, mas ainda precisamos nossa outra composição para entrar e substituí-la. Como faríamos isso? Nós o temos no lugar, e agora tudo o que temos que fazer é cuidar dele. Já temos a animação feita no nulo, então já está feita para nós. Vai girá-lo para nós. É muito duro e mecânico agora, então vamos consertar isso. Vai selecionar os quadros-chave, vai clicar com o botão direito, ir para baixo para sistema de quadros-chave. Deixe-me mover isso para que você possa ver. Vamos clicar com o botão direito do mouse em “Assistente de quadro-chave”, facilidade fácil, e você também verá que esse é o comando “F9". Podemos ver as marcas alteradas, e isso significa que é fácil. O que isso significa é vai suavizar a facilidade de entrada e aliviar os pontos, por isso é um pouco mais suave. Agora está indo mais suave, olhe para isso. Também podemos ver isso no gráfico. Você pode ir para o “Editor de gráficos”, e podemos clicar na função aqui. Podemos ver que está arredondado no início e no fim. Isso é o que isso significa. Podemos mudar isso ainda mais. Podemos torná-lo suave muito, e ir muito devagar no início, e então aumentar a velocidade. Vamos ver qual é a diferença, mais devagar do que rápido. Então começa abruptamente. Vamos falar sobre outro princípio de animação chamado overshoot. Vamos descer, criar outro quadro-chave e, em seguida, voltaremos para o quadro-chave final original. Vou apertar o comando, clicar e arrastar, então vamos apenas obter um pouco de rotação. Lembrem-se agora que atingimos este keyframes, havia os 90 que tínhamos. Então, agora, quando jogamos, ele vai saltar, ele vai pooh, e saltar no quadro. Vamos discar de volta essa facilidade fácil, ou podemos apenas dizer facilidade fácil novamente para obter o padrão de volta, “Keyframe assistant” facilidade fácil. Então temos uma transição mais agradável para ele ser introduzido em. Se quiséssemos ir ainda mais longe, poderíamos fazer outra superação. Vamos fazer outra superação e ver como isso se parece. Vamos clicar 90 graus novamente, então apertei o botão “Adicionar quadro-chave” aqui embaixo. Agora vamos voltar ao mesmo quadro-chave, e vamos descer um pouquinho. Então vamos jogar isso, bum. Estes são chamados de overshoots. Isso aumenta a transição e torna-a um pouco mais atraente. Quando somam isso, são os 10 por cento finais, isso faz com que pareça bom. Então parece muito melhor do que apenas usar o linear do ponto A ao ponto b, que tivemos o início que foi muito rígido. Agora temos uma transição suave e agradável. Se quisermos arrastar isso para fora se estiver indo muito rápido, podemos clicar e arrastá-lo para baixo, e agora vai tudo mais lento, e é uma transição agradável e suave. É assim que se usa um nulo. Vamos fazer um zoom bem rápido, e te vejo na próxima lição. 7. Transições — parte 2: Vamos fazer um zoom bem rápido. Estamos desemparelhando os dois de novo. Quando terminar, vamos excluir os quadros-chave. Outra dica rápida é clicar em “U” se você não souber o que você tinha quadros-chave. Você pode simplesmente selecionar uma camada e clicar em “U” e ele vai puxar para cima o atributo que tinha quadros-chave nele. Também precisamos colocar isso de volta na posição padrão. Vamos puxar as posições aqui e ver o que é. São 960, 540 e a rotação é zero. Agora estamos de volta ao padrão. Vamos ampliar para um desses. Vamos nos livrar disso. Vamos ampliar em um. Vamos ampliar. O próximo tópico sobre o qual vamos falar é como ampliar, digamos que poderíamos ampliar o azul aqui. Digamos que queríamos um fundo diferente sobre a transição em que estamos entrando. Queremos que seja amarelo. Vamos para a porção amarela disso. Nós vamos fazer isso para o none null, e nós vamos escalar e posicionar isso onde queremos que ele seja. Tínhamos um quadro-chave em ambos. Vamos para o quadro 15. Vamos diminuir o zoom aqui para vermos a coisa toda e vamos aumentar isso agora. Agora podemos ir até o fim. Veja o que está acontecendo também. Quando falamos sobre escalabilidade, veja como tudo isso está ficando confuso, e por que isso é, é porque não está sendo constantemente rasterizado. Para fazer isso, batemos nesta caixinha aqui. Olha o que isso faz. Isto é como magia. É incrível. Agora que estamos aumentando, vamos movê-lo para baixo, meio que para o centro, bem como zoom nele. Agora deixe-me ampliar. Aqui vamos nós. Agora temos um fundo amarelo. Agora podemos criar um novo fundo sólido que é amarelo e vamos dizer, fundo amarelo. Para iniciar um fim, podemos clicar e arrastar aqui para trocá-lo sobre um quadro. A transição vai acontecer aqui mesmo neste quadro. Uma vez que chegamos a esse ponto, veja como ele amplia rápido também porque é uma distância tão grande. Vamos fazer uma facilidade fácil novamente. Vamos começar um pouco mais devagar e agora está diminuindo e agora mudamos para isso. Nós podemos dizer porque isso não é mais sobre isso. Isso é apenas o nulo, isso não é grande coisa, mas é bom manter tudo organizado. Sabemos que o nulo que controla que estes dois estão juntos, e assim termina aí. Agora temos um novo histórico. A partir deste ponto, fazemos qualquer coisa nova e isso é texto amarelo. Deixe-me ir até aqui e mudar a cor do texto para azul, e nós só precisamos movê-lo para cima. Um pequeno atalho é Option+Alt, Bracket lá para fazer isso ou podemos clicar e arrastá-lo para o lugar. Vamos centralizar isso usando o parágrafo aqui. Nós também poderíamos usar as opções de alinhamento se tivéssemos vários objetos que precisávamos para distribuir juntos e torná-los uniformemente espaçados. É assim que a transição de uma cor de fundo para outra cor de fundo. Nós fizemos isso usando o nulo, lembre-se, e nós apenas cobrimos rasterizar constante. Estamos cobrindo um monte de tópicos muito rapidamente, então sinta-se livre para voltar e rever algumas dessas coisas. Alguns desses podem parecer simples, estamos apenas fazendo movimentos simples, mas quando você combina todos esses ingredientes em cima um do outro, ele realmente cria uma animação atraente. Enquanto estamos no texto, se chegássemos a esse fundo amarelo e não quiséssemos que apenas texto aparecesse aqui, queremos que ele siga um caminho para a tela, então anime de fora da tela. Basta pegar a ferramenta de caneta e começaremos a clicar em um caminho. Clique e arraste, clique e arraste, clique e arraste, clique e arraste. Se você clicar e arrastar e você cometeu um erro, você pode pressionar Barra de espaço e, em seguida, ele irá movê-lo desde que você tenha um mouse ainda para baixo. Digamos que acertei um aqui e digo : “Oh, não, eu tenho que clicar e arrastar. Não é onde eu queria.” Acerte a barra e podemos tirar isso do caminho. Tudo bem. Como vamos colocar esse texto nesse caminho? Vamos para “Texto”, “ Opções de caminho”, “Caminho” e escolheremos Máscara 1. O que acabamos de fazer é aquela máscara. É assim que se chama, a Máscara 1, e podemos ver isso aqui em baixo com máscaras. Tem essa cor, podemos mudar a cor. No caso de isso vir em amarelo ou algo que não possamos ver no fundo, vamos mudá-lo para algo que possamos ver por enquanto. Agora temos o nosso texto no gráfico. Tudo o que temos que fazer é quadrá-lo. Tiramos isso do quadro aqui, quadro-chave, e então vamos para baixo um pouco. Vamos para aqui. Vamos deixá-lo à deriva um pouco e então ele vai voar. Isso é tão fácil. Vamos fazer fácil facilidade. Clique e arraste todos os quadros-chave. Vou sair da tela aqui. Só vou ajudar o quadro-chave. Fácil facilidade, muda tudo e olha para isso. Boom boom. Voa para dentro, voa para fora. É assim que se anima textos dentro e fora. Estamos cobrindo uma tonelada de coisas nisso. Isso é ótimo. Vamos excluir essa máscara e vamos cobrir um dos meus favoritos. Vamos fazer um pouco de animação 3D. Para fazer 3D, clique nesta caixa. Agora esta é uma camada 3D. O que isso significa é que temos outra opção de transformação. posição aqui tem X, Y, e agora temos um Z. A mesma coisa com rotação. Temos rotações X, Y e Z. Enquanto antes, se desligarmos isto , temos apenas uma rotação. Temos X e y. acertamos esta caixa, agora podemos fazer movimentos 3D. Isso é bastante incrível. Uma das minhas coisas favoritas a fazer é girar texto e você vê esse efeito o tempo todo. Vamos escolher a ferramenta Pan Atrás e clicar e arrastar o ponto de pivô até a parte superior do texto. Podemos ampliar se quisermos, sem mouse, mover para cima e colocar isso bem ali e, em seguida, diminuir o zoom de volta. Nós vamos para, não é a rotação Z, não é a rotação Y ou nós poderíamos fazer isso também, vamos para a rotação X. Olhe para isso. Podemos quadrá-lo a 90 graus. Vamos para o começo aqui, onde fazemos a transição para fora do como para isso. Vamos fazer a rotação X. Vou dar alguns quadros para começar. Então vamos para 20. Vamos para zero e eu vou girar. Boom, boom. Quase parece que está escalando agora porque realmente não parece que está girando. Como consertamos isso? Primeiro, vamos precisar fazer a mesma coisa que fizemos antes, aquela superação. Lembra-se de overshoots? Isso funciona com rotação também. Vamos definir um quadro-chave alguns quadros após o último. Vamos voltar e depois vamos clicar e arrastar isso um pouco para trás. Vamos nos certificar de que estamos indo na direção certa também. Vamos passar um pouco, digamos 10. Agora vamos tentar. É muito bom. Não, poderia ser melhor, então vamos continuar. Agora parece que está girando, mas tem aquele sentimento linear, meio ruim. Eu só vou selecionar esses dois. Vai começar linear, mas agora estes foram criados para ser fácil. Ainda não me parece certo. Por que é isso? É um pouco duro. Bum, bate muito forte. Podemos clicar e arrastar estes para baixo. Nós também podemos adicionar mais overshoots. Vamos descer quatro quadros, adicionar outra superação. Agora estamos no zero lá. Lembre-se de ter certeza de que você está indo na direção certa aqui e você não quer ir além do valor que você fez antes. Deve estar sempre a cair. Passamos por aqui para 23 negativos. Agora voltamos para 10 positivos, e depois vamos para zero. Então vamos clicar e arrastar isso para fora e torná-lo um pouco mais suave. Estamos cobrindo tanto. É incrível. Lembre-se no editor de gráficos aqui, que apenas representa cada um desses ticks é um tick aqui. Estamos vendo esse valor ao longo do tempo. Isto é 50 graus ao longo do tempo. O eixo x é o tempo. O eixo y é o valor. Agora olhe para isso. Isso parece muito melhor e podemos ver que está girando. O outro pequeno truque que podemos fazer é adicionar o borrão de movimento. Vamos fazer isso bem rápido. É este botãozinho aqui. Usaremos o borrão de movimento, mas de novo, não podemos vê-lo. Por que não podemos vê-lo aqui? Porque não estamos vendo. Não clicamos em “Ativar desfoque de movimento” na visualização. Vamos clicar nisso, agora temos. Vê como isso se desfoca agora sem rotação? Boom. Tudo bem. É assim que você vai fazer um movimento 3D com texto. Já cobrimos muita coisa. Olhe para a transição que já criamos agora. São algumas transições. Você tem que ser criativo. Combine essas coisas e crie seus próprios tipos de transições. Obrigado por assistir e te vejo na próxima lição. 8. Decomposição — exemplo 1: Vamos tirar um minuto agora e analisar alguns exemplos do mundo real de algum trabalho que eu fiz. Vamos ver a coisa toda para ter uma idéia do que foi criado e eu vou aqui para caber. Legal. Vamos quebrar isso. Começamos com um branco radial e isso é simplesmente um deslocamento do fundo branco para o círculo azul. Podemos ver isso aqui. Estes são apenas quadros chave em um efeito de limpeza radial. Você pode chegar ao painel afeta clicando duas vezes se ele ainda não estiver mostrado aqui. Você clica duas vezes, ele aparece. Esses mesmos atributos estão disponíveis no painel de camadas aqui embaixo. Temos o fundo, temos o círculo azul. Então, o que acontece a seguir? Levamos a cadeira para cima e a sombra sai. A cadeira em si é apenas o sólido. Se batermos em mim, podemos ver todas as máscaras e também vê-las aqui. Apenas um monte de máscaras, desenhando para fora. Se você não quiser ir para ilustrar ou você pode fazer toda essa criação de ativos dentro de efeitos secundários usando máscaras. Esta é uma subtração. Você pode ver que para criá-lo um serviço de nível plano na parte inferior, essa é apenas a opção de subtração aqui. Subtrair. Está fora da tela. Deixe-me rolar para baixo. Subtrair. Você pode ter diferentes tipos de máscaras, você as anima. Nesse caso, toda a camada foi ampliada. Você também pode ver que eu tinha uma limpeza radial nisso, mas eu desliguei-o. Há um interruptor de visibilidade bem aqui e você pode ver que também parece que está desligado. Essa é apenas uma decisão que tomei mais tarde que tinha lenços radiais suficientes com os que já estamos fazendo. Eu não fiz isso para limpar radial também. Podemos ver que a escala começa aqui. Aqui está a primeira escala de quadros chave e isso é apenas ampliado. Com isso, como também escalado para cima é a sombra. Aqui está o atributo de escala, apenas ampliado. Em seguida, as máscaras são animadas, ou a máscara, há um é apenas animado para fora para expandir para fora. Aqui podemos ver os quadros chave aqui. Isso é muito legal. Podemos ver que usamos essa subtração desta máscara aqui. Você pode copiar e colar máscaras. O que eu fiz foi apertar o Controle C. Então nós podemos ver que há duas máscaras aqui, e eu apertei o controle V e eu uso um modo de mistura intersect para essas máscaras. para que ele cortasse a sombra do círculo. Se mudarmos isso para algo como adicionar, podemos ver que não funciona. Você pode usar esses modos de mesclagem para realmente criar qualquer coisa que você quiser. Agora a coisa toda se move. Você tem várias camadas que se movem juntas. Como falamos nas transições que poderíamos passar e selecionar todos esses e apertar P e animar isso, mas teríamos três camadas diferentes animando. Teríamos que animar juntos e acompanhar. É muito mais fácil como podemos ver que usei uma cadeira de diretor nula nula. Podemos rolar para cima e ver, aqui está a cadeira de diretor nula. Isso é o que tem a animação sobre ele posição. Podemos ver isso aqui. Boom, ele vai para lá. Como isso acontece, estamos apenas ampliando algumas mensagens. 150. Podemos ver que isso acontece aqui mesmo. Não só isso, mas tem uma superação, lembre-se overshoots. Passamos 100 por cento e depois voltamos a isso. Este quadro chave no meio é 110 por cento. Então caímos para 100. Isso lhe dá um pouco de interesse e chama a atenção quando aumenta a escala. Agora você pode se lembrar disso do último vídeo também. Se selecionarmos o diretor e acertarmos U, podemos ver que fizemos um monte de overshooting aqui, passamos 90 graus e depois de 90 graus e depois resolvemos isso. Então o que é ótimo sobre isso é, uma vez que você faz isso uma vez, nós podemos selecionar e copiar esses quadros-chave e adicioná-lo a um novo texto. Foi o que eu fiz ali mesmo. São os mesmos quadros-chave copiados e colados lá. Como eles não estão acontecendo ao mesmo tempo, parece um pouco diferente. Estão rolando como um após o outro. Boom, boom. Agora eu tenho um floreio que vamos entrar mais tarde. Mas só para manter as coisas, queremos manter os interesses visuais. Não queremos aguentar isso para o próximo tempo e não ter acontecido nada. Floresce como nossa maneira de manter as coisas rolando, manter o ritmo. Fizemos uma transição lá só de escalar as coisas para cima e para baixo. Então fizemos outro florescimento. Agora pegamos a coisa toda para fazer a transição para uma nova cena. Nós apenas reduzimos. Nós reduzimos tudo até agora parece um pequeno cartão de voto e podemos chegar a isso. Podemos ver que há uma camada BallotCardNull 174. Podemos rolar até 174 e há cerca de cartão nulo. Hit U você vai ver essa animação. Escalando para baixo, girando e traduzindo para cima. O interessante sobre este aqui é que o nulo que estava controlando a cadeira do diretor é parenteado a este boletim de voto nulo. Temos uma hierarquia aqui que a cadeira do diretor está seguindo o nulo. O nulo está seguindo outro nulo. Tudo vai se mover junto. Esta urna aqui acaba de ser criada com um monte de quadrados, um monte de quadrados com máscaras sobre eles. É isso. Criar uma sombra, subtraí-la e, em seguida, ter cores ligeiramente diferentes para cada uma para dar uma indicação de forma. É isso. O cartão é animado para baixo na urna. Como isso é feito é neste momento, eu mudei para um pré-comp. Peguei-as todas estas camadas, copiei-as e enviei-as para um pré-composto. Isso agora será capaz de se mover juntos e eu poderia fazer um matta faixa, o conceito de mattas pista é que você pode tomar uma forma e subtraí-la por outro. Tudo que eu fiz foi pegar um sólido, um sólido preto, criar uma máscara em torno da área que eu queria e então eu apenas escolhi Alpha invertido Matt. Desligamos isso e desligamos o matta em si. Isso só passa. Não queremos que passe, queremos parecer que vai entrar. Eu criei esta pré-composição de todas as camadas para que tudo esteja na mesma pré-composição juntos, apenas copiado e colado em. Então agora podemos ter um matta faixa afetada. Acabei de criar um sólido, crio uma máscara ao redor da área que eu não quero que ele mostre. Em seguida, quando você selecionar isso, ele irá ocultar automaticamente o matta faixa. Vamos Alpha invertido, e lá está ele. Agora temos que desaparecer nesse ponto. Isso é complicado ou você tem perguntas criar uma discussão na classe. Estamos cobrindo um monte de tópicos que podem parecer complexos no início, mas uma vez que você mesmo os experimente, você verá que eles não são muito complicados. Essas coisas onduladas à mão são apenas ativos que crio no Photoshop. Esses dedos dos fãs são pré-comps de outras animações. Podemos ver quando atingimos U, nada aparece. Sabemos que a animação está escondida dentro da pré-composição. Fazemos duplo clique em uma das pré-comps. Vamos saltar para dentro dele. Podemos ver que é apenas um monte de camadas diferentes e todos eles têm sua própria animação nele. O interessante é que tudo isto está a aparecer vermelho e porquê? Vamos ampliar aqui e ver os quadros-chave. Podemos recriar um destes. Vamos pressionar “Comando D” para duplicar a camada. Vamos bater em U e vamos apagar os quadros-chave. Isso é bom. Está nos dizendo que temos um erro porque há uma expressão que vamos fazer aqui em um segundo. Vamos retirar todas as transformações. Vamos puxar este para o lado. Podemos ver que é uma camada 3D. Eu não sei por que eu fiz isso, porque nós não estamos realmente animando nenhum dos atributos 3D. Podemos desligar isso para torná-lo um pouco mais simples para nossos propósitos. Nós também podemos ver que eu separei as dimensões aqui, clicando com o botão direito sobre elas, você pode ver que está marcada. Se você desmarcar isso e vai juntá-los novamente. Dimensões separadas. Podemos criar uma animação em loop com bastante facilidade. Vamos fazê-lo subir. Então podemos copiar este quadro chave e colá-lo aqui. Vai voltar para baixo. Isso é fácil, o assistente de quadro chave é fácil eas ou F9? Agora sobe e desce uma vez. Se todos clicarmos no cronômetro, agora temos mais algumas opções. Vamos clicar nesta pequena seta aqui e temos uma tonelada de opções que parecem muito complicadas e não são realmente. Deixe-me rolar para baixo para que possamos vê-los um pouco. Clique na seta, vamos descer na propriedade e escolher Loop Out type cycle. Vamos alternar a animação. Dá-nos o guião. Podemos desmarcá-la e agora podemos ver que ela volta para cima e para baixo uma vez que chega aos quadros-chave, que fazem isso antes. Uma vez que ele chega aos quadros-chave, agora ele só vai continuar andando de bicicleta. Tudo o que tínhamos que fazer era apenas três quadros-chave. Agora temos isso indo para cima e para baixo para o infinito. Agora, para fazer isso para rotação. Vamos copiar e colar. Basta copiar e colar os valores de rotação. Fizemos a mesma coisa. Ficou vermelho porque podemos ver que já fizemos. Quando você copiá-lo e colá-lo, ele também levará o script. Já fizemos isso. Não precisamos fazer isso de novo. Você pode ver uma vez que ele chega lá, ele vai para cima e para baixo e da esquerda para a direita. Acabamos de criar uma animação de ciclo. Muito legal e é basicamente isso. Vamos passar para o próximo. Obrigado por assistir. 9. Decomposição — exemplo 2: Certo, vamos quebrar outra transição. Vamos ver a coisa toda para ter uma ideia do que foi criado. Eu tenho um relógio e depois um cara, e então ele muda para a boca dele, pegando chicletes e band-aids e então um símbolo de hortelã. Então uma coisa que é importante sobre isso, é que isso é sincronizar com áudio. Estou apertando comando e rolando e você vai ouvir o áudio. Quando você está cronometrando as coisas use o comando e esfregue para aqui onde o áudio está. Você pode simplesmente trazer áudio como qualquer outra camada importando-o no projeto. Você pode simplesmente clicar com o botão direito em um espaço vazio aqui e dizer importar arquivo, e apenas trazer um clipe de áudio. Você pode simplesmente jogá-lo como uma camada aqui em baixo. É provavelmente no fundo que gosto de mantê-los no fundo. Podemos ver a voz dele aqui. É o único clipe de áudio que aparece. Se você clicar em LL você pode ver a forma de onda dele. Se você quiser pré-visualizar o áudio em tempo real, você pode usar o botão de pré-visualização aqui em cima. Vamos pegar todos os efeitos. Se você ver apenas essa pequena barra, clique e arraste isso para baixo, eu vou certificar-me de que Da Hora Atual está ativada, caso contrário, ele renderizará a visualização desde o início de todo o projeto. Nós não queremos isso. Se quisermos uma visualização RAM do áudio, podemos clicar nisso e ele começará de onde quer que o marcador de scrub esteja, vamos ver se é RAM pré-visualizando-o. Se apenas clicarmos novamente, podemos ver que ele vai ser pré-visualizado em tempo real. Você pode limpar, comandar, clicar ou usar a visualização de RAM para ouvir onde o áudio está. Tudo o que temos é uma transição quadrada para um círculo, então reduzimos o quadrado para um ponto que podemos fazer a transição para o círculo. Se atingirmos U, você pode ver os quadros-chave e ele faz a transição para um círculo. Podemos ver que temos máscaras que são animadas, então nós apenas escalamos a máscara em si, nós realmente não escalamos toda a forma, que acontece mais tarde aqui para a direita. Podemos ver aqui é onde a máscara é animada. Transições de um para outro. O quadrado é reduzido à medida que a máscara de círculo aumenta, então estamos apenas animando duas máscaras ao quadrado para um círculo. Em seguida, os ponteiros do relógio são apenas jogadores separados que são dimensionados para cima. Em seguida, mudamos o ponto de pivô usando a ferramenta Pan Atrás aqui para levá-los mais ou menos onde eles precisam estar, então, quando girarmos os ponteiros do relógio, eles girarão apropriadamente. Podemos ver que estas são camadas 3-D e as mãos são parentadas para a boca do relógio. A boca do relógio está apenas sendo girada em torno de seu eixo y. Podemos ver aquelas animações emolduradas por chave lá. Como isso acontece, tudo o que estamos fazendo para nos livrar dos ponteiros do relógio, é que acabamos com essas camadas bem aqui. Vê isso? Eles só terminam onde precisam terminar sobre um quadro, puf eles se foram. Então o que as transições são um princomp de um cara. Temos um mapa do relógio. Tudo o que fizemos foi copiar e colar a máscara do relógio lá. Podemos tirá-lo de lá. Se não tivéssemos isso, podemos alternar os switches para chegar a essa opção. Dizemos sem mapa, podemos ver que ele não está mais no círculo. Nós criamos um mapa alfa, e ele vive em um princomp porque ele tem um monte de camadas que não queremos ver seu braço, sua mão, sua cabeça, seu cabelo. Nós não queremos ver todas essas camadas aqui, então isso foi enviado para um princomp chamado verificador de respiração, e nós vamos entrar na criação de personagens mais tarde. Então temos um floreio chamado círculo redondo. Podemos ver a camada de forma junto à estrela. É uma camada de forma. Aqui estão os porta-chaves. Ele apenas gira, que revela o personagem que está em um princomp, ele faz sua animação nós vamos chegar a mais tarde ele e outro. Em seguida, ele faz a transição com a cor desse círculo muda. Você pode até animar cores, então temos um efeito, temos um efeito de preenchimento, vamos clicar duas vezes nele para obtê-lo aqui, tudo o que está indo para aqui para preencher. Ao clicar e arrastar isso aqui ou em cima da própria camada. Não queremos dois, não queremos preenchê-lo de novo, tudo o que fazemos é animar a cor. Eu queria que fosse daquele fundo branco para preto. Para ser o interior da boca dele. Acabamos de fazer uma animação de rotação, ao mesmo tempo em que estamos mudando a cor e, estamos fazendo a transição para a cor da pele dele, animando outra máscara de uma cor de fundo para outra. Podemos ver que aqui, tudo o que estamos fazendo é animar uma máscara para conseguir isso. Estamos indo de uma cor de fundo para outra, e o que cria interesses é fazer todas essas coisas muito simples, animar uma máscara é muito simples. Quando você coloca as coisas em camadas e faz as coisas ao mesmo tempo, você pode criar transições realmente interessantes como esta. Só leva um pouco de tempo e criatividade para pensar como fazer isso. A língua em si é apenas uma máscara, uma máscara animada novamente. Podemos ver esse contorno verde e podemos ver os quadros-chave aqui. Tudo o que é é uma máscara animada. É isso. Então o chiclete e o Tic-Tacs aqui, são apenas bens imprimíveis porque não queríamos cada camada, o chiclete, o chiclete escuro, são apenas máscaras. Isso é tudo o que é. A mesma coisa com os Tic-Tacs. Esses são apenas princomped para que não tenhamos que ter todas as camadas aqui. Você pode ver que cada um tem um mapa de pista acima dele. Você pode ver os ícones indicam que, este mapas de pista são para mais tarde que quando ele entra, ele será escondido. Como se estivesse entrando na boca. Caso contrário, se não tivéssemos esses mapas, vamos desligar um. Podemos ver que ele simplesmente sai. Então temos que criar esses mapas para esconder as coisas que queremos. Essa é outra razão pela qual princomp coisas, para que você possa rastrear camadas de mapa completamente. Então isso só diminui e então um novo ativo aparece, e então temos essas balas de menta subir um após o outro. É a mesma animação que se repete. Vamos pular em como isso é criado. Temos essas hortelã no princomp, então vamos pular em um. Nós fizemos um princomp e nós podemos ver que nós apenas copiamos e, em seguida, inverte-lo. Você pode virar algo dimensionando-o no negativo. Você pode ver que eu desmarquei o elo da corrente para que eu pudesse fazer isso separadamente, e então tudo que eu fiz foi apenas girar um pouco e escalá-lo na luz para virar para o outro lado, então é o mesmo princomp duas vezes. Vamos entrar, temos quatro camadas de um ativo que eu fiz em, aconteceu de fazer isso um Illustrator só porque ele tinha um par de cores extras e coisas que são apenas um pouco mais rápido de fazer no ilustrador. Você pode ver que eu movi o ponto de pivô, para baixo para a base, aqui está o ponto de pivô e eu vou mover isso aqui para baixo e tudo o que é feito sobre eles, é a mesma animação para cada um. É apenas compensado por dois quadros. Vamos ver. É apenas deslocado por um quadro, por isso é a mesma animação repetida, mas depois apenas deslocado. Então, aumentando com uma superação e lembre-se de overshoots , aumentando com uma superação. Eles são girados permanentemente em ângulos diferentes. Podemos ver 91, 69, ângulos diferentes, 49, e isso é um ativo repetido, uma animação repetida, e então repetimos tudo princomp novamente para obter lados espelhados. Foi assim que todas essas transições foram criadas. Obrigado por assistir, use-o como inspiração para criar sua própria abordagem em camadas para criar transições com muito apelo. Obrigado por assistir. Vejo você no próximo vídeo. 10. Enfeites — parte 1: Ok, a próxima lição é sobre floreios. Um floreio é importante em um vídeo explicativo porque ajuda a manter o interesse visual em andamento. O que quero dizer é que acrescenta animação quando há uma calmaria. Então vamos olhar para um exemplo bem rápido. Você viu aquela linha que passou por baixo do projeto, ajudou a enfatizar essa palavra e adicionou um pouco de animação extra onde uma vez que todo o texto é feito de animação, permitiu que mais algum movimento estivesse acontecendo na tela. Ok, então isso é um exemplo de um floreio. Vamos continuar assistindo. Ok, nós pegamos isso? Há aquele pequeno brilho lá no final do designer quando o texto foi feito, meio que ajudou a destacar isso. Assim, os floreios podem ajudar a destacar seções. Pode ajudar a manter o ritmo do movimento em frente. Acabamos de ver um em todas as lâmpadas. Também é repetível para que possamos criar um floreio e usá-lo repetidamente durante todo o projeto. Então agora vamos aprender sobre floreios e como fazê-los com camadas de Forma. Podemos clicar com o botão direito aqui e dizer nova camada de forma, ou contanto que não tenhamos mais nada selecionado com F_2 ou selecionando em qualquer outro lugar. Sempre que usamos criar ferramenta de forma, clicamos e segure isso, temos um par de opções aqui. Ou se quisermos desenhar um com a ferramenta de caneta. Então o que vamos fazer é fazer um círculo. Podemos desenhá-lo em qualquer lugar. Só precisamos ter certeza que é um pouco maior do que o existente, porque vai dar a volta pelo lado de fora. Vamos usar os recursos de alinhamento aqui para obter isso no centro e formas têm dois atributos principais, o preenchimento e o traçado e agora podemos ver que o preenchimento é colorido verde aqui no topo e quando você ver que não há um traçado, então não queremos preencher para que possamos realmente clicar na palavra “preencher” para obter outra caixa de opção e nesta caixa de opção, você pode selecionar esta Cruz Vermelha e nós escolheremos “nenhum”. Ok? Em seguida, podemos escolher a cor do traçado clicando na caixa ao lado da palavra traçado e vamos escolher cor amarela. Na verdade, vamos pegar a mesma tonalidade e mudar o mesmo brilho de saturação, apenas mudar para que estejamos no mesmo estádio. Está bem. Agora é muito fino e eu quero torná-lo mais espesso. Podemos usar a largura de traçado pixels ao lado desta opção de traçado aqui. Dependendo do tipo de floreio que você deseja ter que irá afetar a largura do traçado e como você fazê-lo. Então agora temos o círculo. Agora, como vamos animar isso vamos descer a camada de forma e chamar esse círculo florescente e ao lado de adicionar, há um botão que podemos clicar e escolher diferentes tipos de efeitos animados. Ok, deixe-me rolar isso bem rápido para que você possa ver. Vamos querer escolher caminhos de corte. Este é um que vamos usar um pouco. Está bem. Então, vamos clicar nisso e você pode ver que ele foi adicionado aqui na camada. Vamos começar com isso, não ligado, e vamos para um 100%. Nós também podemos ir zero dependendo de qual direção você quer que o floreio venha. Vamos enquadrar ambos e, em seguida, vamos avançar na linha do tempo e vamos expandir isso. É tão simples assim. Mas também queremos que isto exploda. Tudo bem, então vamos verificar isso, mover para baixo outros oito quadros. Anime isso para 100. Agora jogamos de volta, é um pouco florescente, mas é meio estática de novo. Temos estes quadros-chave lineares aqui, então vamos ver o que conseguimos. Quando adicionamos a facilidade fácil. Ou vamos assistente quadro-chave aqui, clicando com o botão direito do mouse e dizer, facilidade fácil aperte F_9. Isso é legal. Mas é como um, dois, está ligado e depois está desligado. E se começássemos o off antes que o on terminasse? Vamos mover os quadros-chave fora para baixo. É um pouco melhor. Chama a atenção para o círculo. Mas ele pára. Vemos que ele começa aqui e isso está na mesma posição durante toda a coisa e então ele atinge isso no topo. Ele só fica lá para o resto do floreio. O que podemos fazer para quebrar isso é animar o deslocamento, então vamos clicar no cronômetro no deslocamento. Desça no tempo até onde ainda podemos ter uma lasca esquerda para que possamos ver o quanto estamos movendo-a e depois deslize isto para baixo. Vamos fazer um movimento de 90 graus. Vou deixar isso no linear por agora. Vamos ver como isso se parece. Isso é muito mais interessante com esse movimento sutil para que não tenhamos nenhum pedaço deste floreio permanecendo na mesma posição. A outra coisa que poderíamos fazer é animar quaisquer outros aspectos do derrame em si. Reanimar a cor, a opacidade, a largura do traçado. Vamos fazer as tampas redondas para que seja um pouco mais suave. Agora podemos ver que passamos de uma tampa plana para uma tampa redonda. Chamam-lhe um tampão para um boné redondo. Adiciona um pouco a suavidade. Vamos animar a largura do traçado também. Veja como isso se parece. Ele vai para cima e depois para baixo. Estou tendo que apertar a função no meu teclado só por causa da forma como ele está configurado, mas você deve ser capaz de apertar F_9 se não no seu. A animação da largura do traçado também adiciona mais um pouco de interesse visual. Outra coisa que podemos fazer é duplicar isso e mudar a cor um pouco, talvez para branco. Neste momento, é a mesma largura do traçado. Vamos puxar a animação pressionando U e podemos ver a largura do traçado é a mesma, claro que tivemos. Algo que podemos fazer para compensar que um pouco é selecionar quadros-chave aqui e clicar e arrastá-los para baixo pressionando “shift” irá mantê-los no momento certo na linha do tempo. Podemos deixar ir e parece que ele voltou para o mesmo ponto, mas o que este editor de gráficos faz é normalizar a exibição. Se eu rolar isso para baixo, ele vai encaixar de volta para uma exibição normalizada para que ele mantenha uma visão máxima do que você está fazendo, mesmo que os valores permaneçam indo para baixo, ele vai parecer semelhante no editor de gráficos. Você quer sair dos números aqui. arrastá-lo para baixo. Você pode ver que temos arrastá-lo para baixo. Agora estamos reduzidos a cinco unidades em vez do que estamos quando eram dez unidades. Agora o branco está aparecendo por dentro. Isso é interessante. O que mais poderíamos fazer é compensar isso um pouco. E se compensarmos alguns quadros? Então isso acrescenta um pouco mais de interesse. Nós também poderíamos escalar isso ao longo do tempo para que ele se expandisse. Há outra coisa interessante sobre os nulos. Agora que temos dois floreios de círculo, podemos criar esses dois para o nulo e dimensionar isso ao longo do tempo. Eu provavelmente vou manter isso linear também. Então é meio interessante. Também podemos trocar os quadros-chave. Veja como isso parece. É meio legal. Essa é uma maneira de atrair interesse e manter as coisas avançando. Agora nós temos um ativo, especialmente com eles parentados para este nulo nós poderíamos duplicar esta estrutura novamente, arrastá-los para baixo e, em seguida, para que eles estejam juntos e então, agora que temos este nulo, nós poderíamos mover este efeito ao redor. Também podemos precompor isso. Adicionamos outro círculo aqui. O que seria interessante é se precompôssemos isso, porque se precisarmos escalar isso mais tarde, vamos mantê-lo no meio. Normalmente, quando você precompõe algo, você quer mantê-lo no meio da composição. Vamos selecionar todas as três camadas e dizer camada precompor. Agora temos um ativo que podemos duplicar muitas vezes e podemos nos mover. Podemos animar todos esses atributos de transformação agora sem estragar nenhuma das animações que temos, como esta escala. Agora podemos escalar isto para cima e para baixo. Podemos girar isso e agora temos tudo juntos e esse é um ativo repetível que criamos agora e podemos usar da maneira que quisermos. Então isso é um floreio. Vamos falar sobre outros. Junte-se a mim na próxima lição. 11. Enfeites — parte 2: Nesta aula, nós vamos aprender como criar um florescimento de brilho. É algo que vamos usar várias vezes e é muito útil apenas para adicionar um pouco mais de interesse em louros de animação. Eu fui em frente e criei para nós um pouco de animação de texto simplesmente usando o atributo de escala e overshoot. Então eu criei uma caixa florescendo com as mesmas ferramentas que aprendemos na última lição. Ok? Quando fazemos textos como este em um vídeo explicativo, é chato para a segunda parte. Não há muito mais acontecendo, é apenas uma palavra em uma tela. Há algumas outras coisas que podemos fazer, e isso inclui adicionar um pouco de florescimento de brilho; é o que eu chamo. Vamos criar uma nova camada de forma desmarcando tudo e vamos usar a ferramenta Caneta. Vamos a um ponto no tempo em que temos uma ideia de onde será a nossa palavra. Vou adicionar um pouco de brilho ao fim disto aqui em baixo. Agora temos uma linha. Vamos desmarcar isso clicando em “Camada”. Agora nós fizemos a linha. Se continuássemos clicando, continuaríamos fazendo uma forma, então precisamos desmarcar isso. Podemos continuar usando esta camada de forma para animar várias linhas e eu vou mostrar-lhe como fazer isso. Vamos fazer outro aqui. Talvez outro ângulo. Vamos clicar na camada novamente. Vamos inventar outro ângulo. Nenhum desses ângulos é reto, então é um pouco mais em forma de estrela. Vou dar um nome a isto bem rápido. Está bem. Agora temos nossas três linhas. Vou desligar a caixa por um segundo para nos concentrarmos nisto. Vamos rolar para baixo até a camada de florescimento de brilho. Parece o mesmo que a última lição, e agora temos três formas. Vamos para uma das formas. Selecione-o e clique em “Adicionar caminhos de corte”. Agora ele coloca dentro dessa forma. Se estamos no nível superior e fizemos conteúdo e não aparamos caminhos, ele vai adicioná-lo fora dessas três formas. Então vai controlar todos eles e não é isso que queremos que aconteça. Queremos ser capazes de controlá-los de forma independente. Então, podemos excluir isso e certificar-se de que temos esses recortados quando estamos adicionando o atributo caminhos de corte. Vamos clicar em “Shape Tool” e vamos fazer a mesma coisa. “ Aparar caminhos” para que agora você veja que ele foi adicionado aqui. Forma número 1, adicione caminhos de corte. Agora vemos que está em cada um desses. Está bem. Eu vou rolar isso de volta para baixo e vamos começar com o primeiro. Vamos para os caminhos de corte, vamos encontrar um ponto no tempo em que queríamos começar. Vamos ficar no meio aqui, e podemos mover a animação mais tarde. Vamos baixar isso para zero e definir quadros chave. Vamos também fazer este golpe ter uma tampa redonda. Agora, em zero, precisamos animar isso e brilha bem rápido. Não queremos isso na tela por muito tempo. Eu só vou ir em frente e animar isso todo o caminho fora. Nada vai acontecer porque vai ficar o mesmo durante todo o tempo. O começo e o fim serão os mesmos, mas assim que compensarmos isso um pouco, vamos vê-lo. Essa é a maneira mais fácil de fazer isso. Outras maneiras de tornar estes desiguais agora que eles são a mesma quantidade de tempo, nós fizemos um que é um pouco mais curto ou mais longo do que o outro. Isso ajudará a ter uma seção mais longa e uma seção mais curta. Basicamente, o que estamos procurando quando fazemos isso é que o fim tenha um pouco mais de chance de ir e sair. Agora temos o nosso primeiro raio do brilho. Poderíamos facilmente aliviar isso se quiséssemos. Não vai fazer muito, porque não há muitos quadros entre eles, então não há grande diferença. Vamos apenas certificar-nos de que todos estes são talvez um pouco menores em contrastes com a outra espessura ao redor. O bom disto é que podemos copiar isto e colá-los nas outras formas. Precisamos ter certeza de lembrar de fazer essas tampas redondas também. Agora temos a mesma animação para todos os três. Poderíamos deixar assim, tudo bem. Mas eu acho que é um pouco mais interessante na animação quando as coisas não acontecem ao mesmo tempo. Vamos ver qual deles. É o que está no fundo? É o da esquerda? Vamos fazer com que este dure um pouco mais ao longo do meio. Deslocar isso. Agora eles não estão acontecendo tudo ao mesmo tempo. É um pouco mais interessante. A grande coisa sobre isso, assim como da última vez, podemos duplicar esta camada especialmente porque temos todas as formas em uma camada de forma como fizemos. Isso é quase como pré-compor dentro de uma camada. Nós realmente não temos que precompor isso porque é apenas uma camada e nós não fizemos nada para os atributos de transformação da própria camada real. Então, tudo isso está limpo e pronto para ser animado, se quisermos. Outra coisa a notar é que talvez queiramos mover o ponto de ancoragem disto. Se fôssemos animá-lo, quereríamos mais perto do ponto central, para que possamos clicar na ferramenta “Pin atrás” e colocá-la lá. Dessa forma, se por exemplo, vamos duplicar isso e colocá-lo do outro lado também. Se vamos fazer isso, vamos querer girá-lo porque se movê-lo para cá, digamos que fomos para o canto inferior esquerdo, isso realmente não funciona. Agora movemos o ponto de ancoragem, é mais fácil reutilizar a rotação e agora gira a partir desse ponto de ancoragem. Tudo isso está acontecendo ao mesmo tempo, então vamos deslocar um quadro-chave apenas para torná-lo um pouco mais interessante. Talvez dois. Então isso é um florescimento de brilho. Agora que temos isso, podemos copiar e colar em outras composições. Podemos usá-lo durante todo o vídeo explicativo, e isso só ajudará a adicionar alguns interesses visuais ao longo de todo o projeto. Em vez de apenas ter texto pop on, e apenas ficar lá, esses floreios adicionar um pouco mais de interesse em apenas ter texto pop on. Uma dica final que eu gosto de fazer de vez em quando é adicionar um Nulo, e eu vou chamá-lo de Global porque eu vou fixar tudo menos o fundo para ele. Este nulo global é uma maneira interessante de manter as coisas em movimento. Poderíamos animar a escala e a posição se quiséssemos e manter as coisas em movimento durante toda a coisa. Ele escala de volta para baixo e então eu vou usar fácil facilidade aqui. Então é apenas uma maneira de manter tudo junto usando um Nulo. Agora que temos todos esses floreios e queremos que tudo se mova juntos e não precisamos animar cada camada separadamente, essa é uma ótima maneira de manter as coisas em movimento mesmo depois que os floreios são feitos. Isso ainda está se movendo enquanto os floreios e nulos estão todos se movendo juntos. O nulo novamente é uma ótima opção para manter as coisas em movimento. Isso é realmente grande nestes vídeos explicativos para não ter apenas texto na tela e, em seguida, apenas deixá-lo lá. Nós sempre queremos ter algum interesse visual, algo sempre acontecendo ou prestes a acontecer, e é aí que transições interessantes, salpicando nesses floreios quando apropriado. Obrigado por assistir. 12. Construção do corpo: Bem-vindo ao primeiro vídeo sobre a criação de um personagem. Nesta lição, nós vamos aprender sobre como criar o corpo. Acelerei esta captura de tela porque é bastante direta. É essencialmente várias camadas diferentes de cor e criar máscaras para criar a forma do personagem. Eu criei uma máscara para o corpo. Então eu dupliquei isso para que ele pudesse fazer as máscaras de subtração, para que as cores subseqüentes ficassem no mesmo círculo. Agora o que estou fazendo é criar cada uma das formas do fonema. Ou seja, você pode ver os nomes das camadas, o D, o F, o M. Há uma forma que sua boca faz para cada letra ou frase. Estou colocando cada boca em sua própria camada e criando várias camadas se tiver dentes ou língua, mas cada um vai ficar em um quadro e vamos aprender o porquê em um momento. Você terá acesso a este arquivo para que você possa passar e apenas usar as formas que eu tenho. O que eu estou fazendo lá é que você pode clicar e arrastar o controle deslizante, para onde você deseja que a composição para terminar e clicar com o botão direito do mouse no controle deslizante e dizer aparar comp para a área de trabalho. Em seguida, reduzirá o tempo e a linha do tempo para a composição. Nós criamos todas as bocas, e elas estão em sua própria composição. Agora só estamos fazendo o resto da cabeça e fazendo ajustes, que tudo se encaixe corretamente. Aqui, não se esqueça de mudar também o ponto de pivô. Você quer mover o ponto de pivô, onde quer que as partes do corpo vão girar de.. Portanto, a cabeça, estamos movendo o ponto de pivô para a base da cabeça onde o pescoço é onde queremos que a cabeça gire. O que também estamos fazendo é criar partes do corpo um para o outro. Vamos colocar a cabeça no corpo. Agora, para tornar a boca utilizável para que possamos animar entre as diferentes formas do mouse, vamos clicar com o botão direito do mouse e ir tempo congelar frame. Quando fazemos isso, vamos obter um quadro-chave quadrado na camada e se pudermos clicar e arrastar o número do valor aqui, podemos realmente chegar a diferentes pontos no tempo nessa pré-composição. É por isso que colocamos bocas diferentes em diferentes quadros e tempo e que pré-comp. Vamos criar uma maneira. É um pouco mais fácil de animar. Primeiro vamos adicionar um controle deslizante, está indo para controles de expressão, controle deslizante. Agora só temos um controle genérico que agora não está fazendo nada, porque não está conectado a nada. Alt clique no cronômetro para obter as diferentes opções para este atributo e podemos clicar e arrastá-lo para o controle deslizante. Isso vai construir a expressão para nós. Agora podemos clicar com o botão direito do mouse no lado da variável de controle e editar o valor para que ele se ajuste à escala com que estamos trabalhando, porque temos apenas tantas formas de mouse, não precisamos do controle deslizante para ir para 200 000 nós só precisávamos dele para ir e afetar um certo intervalo de quadros. Para descobrir isso, podemos ver quantos quadros os efeitos de controle deslizante e, em seguida, ir em e dizer editar que para afetar apenas esse intervalo. Neste caso, parece que é cerca de 0,36. Agora, o controle deslizante controla apenas esse intervalo de valor. Se tivéssemos mais bocas, talvez precisássemos dela para afetar maior valor. Agora ele pode ir de 0,36 e vai animar cada uma das bocas. É assim que você faz uma boca para um personagem, certifica-se de que são os pais na cabeça, é claro, para que ele o siga junto. Mas é basicamente isso. Você também quer ter certeza de que quando sua chave enquadrá-lo, que você chave-frame antes e depois. Caso contrário, ele mudará o valor entre cada um. Você pode ver aqui, eu copiei e passado esse mesmo valor, certo, até que ele mudou e esse é o quadro que eu quero mudar sobre um quadro. Caso contrário, ele passará por cada boca entre essa e a próxima chave-frame. Você quer ter certeza de que você tem duas chaves toda vez que você mudar a boca. Um todo o anterior e outro para mudar para o novo. Agora vamos apenas terminar o corpo adicionando olhos e pais aqueles na cabeça também. Claro, este é um trabalho de design de personagem muito básico. Sinta-se livre para fazer seus próprios personagens tão selvagens e zany ou detalhados como você gostaria. Isto sou apenas eu mostrando que com camadas muito simples você pode se safar com um monte de coisas. Obrigado por assistir. Na próxima aula de vídeo, discutiremos como criar os braços e as pernas para esse personagem. 13. Braços e pernas: Neste curso, vamos aprender a fazer os braços e as pernas deste personagem. Vamos começar criando uma forma. Nós vamos para a ferramenta de caneta, e nós vamos ir em frente e virar o enchimento, porque isso vai ser apenas um traço, nós podemos mudar a largura mais tarde também. Mas nós vamos clicar e arrastar neste primeiro para criar o ombro, e então todos nós vamos fazer uma outra vez para fazer a mão. Clique e arraste-o para fora, e esse é o nosso primeiro braço, basicamente. Vamos obter a largura do traço para algo apropriado. Normalmente eu gosto de ver os ombros trabalhando no corpo lá, e vamos chamar isso de braço direito. Antes de fazermos qualquer outra coisa, queremos colocar nossa ferramenta pan atrás e colocar a rotação no lugar certo, você mantém Comando ou Controle, ele deve aparecer em uma área que você quer que ele esteja, então se você apertar Comando, Ele vai se encaixar naquele canto. É de onde o ombro vai girar, o braço vai girar. Agora, se formos girar, podemos ver que está girando como esperávamos. Agora vamos duplicar o braço, e esta vai ser a nossa mão direita e esperamos para duplicar isso porque queremos ter certeza de que esse ponto de rotação está no mesmo ponto que o braço. Parece o mesmo agora porque acabamos de duplicá-lo, então vamos mudar o traçado para ser colorido de pele, e vamos mudar para uma tampa redonda, e vamos adicionar um caminho de corte a ele. Agora vamos desligá-lo e descer para 99 por cento, e agora temos a nossa mão. Podemos aumentar a largura do curso, modo que sua mão seja um pouco maior do que a nossa manga. Agora nós temos isso e nós vamos querer colocar isso no braço direito, modo que quando girarmos o braço direito, a mão vai seguir. Temos a camada da mão direita parentada para o braço direito, agora precisamos pai o caminho da mão direita para o caminho do braço direito, então vamos rolar para baixo para o caminho, e vemos que temos isso aqui, e então vamos abrir o caminho neste Então estaremos prontos assim que acertarmos o cronômetro aqui. Então vamos apertar Alt Cronômetro e obtemos essas opções, agora temos a opção de parentalidade, vamos clicar e arrastar isso sobre o caminho do braço. Agora, se pegarmos o caminho real, temos nossa ferramenta de caneta selecionada. Podemos selecionar o fim, ele vai seguir. Se não fizéssemos isso, o círculo estaria no mesmo ponto, a mão estaria no mesmo ponto, mas agora que temos ele parentado para a camada e o caminho, podemos girar isso e podemos afetar o caminho e ele irá sigam. Como não vamos animar a mão direita, uma característica útil é usar a camada tímida. Então não faz nada agora que clicamos nele. Temos que alternar essa opção para fazê-la desaparecer. Agora só temos o braço direito e está muito mais limpo. A única coisa a se preocupar com isso, é que se você começar a mover as coisas ao redor, dizer que se você quiser que os braços dele para trás cabeça dele e você mover o braço direito para baixo e, em seguida, girar o braço para cima, o braço dele vai para trás do cabeça, mas sua mão não vai e porque eles são da mesma cor, você não vai ser capaz de realmente dizer, mas agora passando por cima de seus olhos ou seu rosto, você pode ver isso. Sempre que você estiver usando uma camada tímida, você quer ter certeza de que se você estiver movendo camadas ao redor, que você destímido tudo, para que você pegue o braço e a mão e você possa movê-los ao redor. Você pode duplicar esse processo para o outro lado também, e uma maneira rápida de fazer isso, vamos desenvergonhar isso para que recuperemos a mão, vamos apenas duplicar essas camadas, arrastá-las para cima juntas, eu vou renomeá-las. Agora, uma maneira rápida de obtê-lo na posição certa é desmarcar as proporções restritas de link, e agora podemos dizer um negativo 100 para invertê-lo. Podemos acertar P para obter os dados da posição e mover a posição para cima. Ainda precisaremos ter certeza de que o caminho da forma seja pai para o caminho correto. Quando você duplicar as coisas, eles podem manter seus pais a partir da duplicata e não seguir como você gostaria que ele. Aqui podemos ver sua mãe no braço direito, e isso é errado. Queremos criar um pai para o braço esquerdo, então vamos clicar nisso e ir para o caminho. Agora é pai para o braço esquerdo. Essa é uma maneira muito rápida de duplicar seus apêndices, então faremos o mesmo com as pernas muito rapidamente. Agora que temos nosso caráter, o único problema é que, quando movemos o corpo, seus braços e pernas não seguem. Então, nós queremos lembrar de criar os braços e pernas para o corpo, e eu vou bater no Hide All Shy Layers, então será um pouco mais simples. Eu posso mudar, selecioná-los todos e dizer pai para o corpo. Agora, todos eles vão se mover com o corpo. Como nós realmente animamos os apêndices são por meio de enquadramento chave dos caminhos. No caminho, podemos acertar um quadro-chave e alternar todos eles para baixo, e uma vez que tivermos todos os caminhos chaveados, não teremos que voltar para todos esses menus depois do fato, podemos apenas apertar o atalho U e puxar os quadros de teclas. Você pode ver que fica confuso aqui quando você tem que passar por todos esses menus. Você pode fechar tudo e, em seguida, bater em U, e ele só vai puxar para cima o caminho. Agora temos um quadro-chave e tudo, temos nossa posição padrão, geralmente você quer salvar uma posição padrão apenas no caso de você precisar voltar para ele, você pode copiá-lo e colá-lo em outro lugar. Desculpe, mas você precisará fazer isso por cada camada, você não pode fazê-lo como um grupo. Rapidamente eu queria mencionar que esta não é uma configuração IK. Um IK significa cinemática inversa, e tudo o que significa é que, quando você move o corpo, tudo se move junto. Os pés não ficam no chão, e as mãos não ficam em sua posição mundial. Uma coisa que eu recomendaria talvez pensando em fazer, se você sabe que você vai fazer um monte de trabalho gráfico e você gostaria que essa funcionalidade, você poderia comprar um plugin chamado RubberHose, e quando você clica nele, você obtém o pouco e você pode criar um novo RubberHose, e esta é uma configuração de cinemática inversa e há tutoriais em seu site que mostra como isso funciona, mas eu só queria mencionar isso como outra opção. Se você quer que seus pés fiquem no chão enquanto ele caminha, ou se ele move seu corpo, apenas para cima e para baixo de alguma forma, você terá que enquadrar cada quadro que seu corpo está se movendo. Uma boa maneira de fazer isso é definir guias. Você acessa as guias pressionando Control R, você também pode obtê-lo no menu Exibir e dizer Mostrar guias e Mostrar réguas. O que isso vai fazer é quando você está animando, você pode ter que encaixar na mira desses dois guias, então se eu mover seu corpo para baixo, uma maneira fácil de colocar sua perna de volta no lugar é acertar esse guia e Claro que você vai dobrar o joelho para manter o mesmo volume. Mas é assim que você faria isso, e você teria certeza de que você é a chave enquadrando isso, cada quadro. O ajuste é feito a partir do menu de exibição, bem como, você pode ir para Exibir Ajustar às Guias. Para animar o personagem real, precisamos animar os caminhos e fazemos isso com a ferramenta caneta. Podemos ver com a ferramenta de seleção, não podemos selecioná-la, então precisamos da ferramenta caneta e agora podemos representar um personagem como precisamos que seja. Desde que nós parentei tudo corretamente, a mão deve seguir, e você pode fazer a mesma idéia com os caminhos de guarnição na mão para criar mangas curtas ou shorts. Basta adicionar outro caminho de corte, e pai a camada eo caminho para a perna principal, se você quiser fazer shorts ou camisa de manga curta, e é isso. Ao criar seus personagens antes de criá-los, você vai querer pensar sobre o que você está usando. Você não quer criar um personagem com um monte de formas de boca, se eles nunca falam. Você quer ser eficiente na forma como você cria seus personagens, e para que eles serão usados. Se você tiver algum problema com isso, poste uma mensagem na discussão, você também terá este arquivo do After Effects Project para ver como eu fiz tudo. Não se esqueça dessas camadas tímidas. 14. Renderizando no After Effects: Bem-vindo ao curso de renderização. Eu criei uma pequena animação usando o personagem da lição anterior. Você pode desconstruir minha animação quando você baixar e abrir um arquivo de projeto, mas eu basicamente fiz uma onda de ciclismo, e eu realmente adicionei uma pequena sombra aqui com uma camada de ajuste de curvas escurecidas, que você pode encontrar aqui em baixo. Vamos aprender a renderizar, agora que criamos nossa animação, eu quero que isso circule, então eu escolhi um ponto onde ele é feito com a animação, e uma vez que ele começa a tocar de novo, ele vai parecer que ele está pedalando, ele voltará a girar o back-end do personagem. Eu sei que este é o ponto no tempo que eu queria pedalar. Posso clicar e arrastar esta área de trabalho barrada até onde eu quiser. Então eu posso clicar com o botão direito do mouse e dizer “Trim Comp to Work Area”. Agora você pode ver isso encurtar minha linha do tempo. Agora, quando eu apertar “Play”, e este loop , ele vai, nós estamos recebendo muito pequenos picos de alta escala. Nós vamos realmente fazer um loop desde o início bem aqui. Vamos trazer isso de volta para baixo, dizer “Trip Comp to Work Area”. Agora vamos ver esse loop de volta. Agora que temos a composição definida, podemos comandar shift, barra para obter a fila de renderização, ou podemos ir para Composição, Adicionar à Fila de renderização. As duas coisas principais que precisamos definir são o nome do arquivo e as configurações do módulo de saída. Vamos clicar em “Lossless” e obtemos esta janela de configurações do módulo de saída. Primeiro você deseja selecionar o tipo de formato porque isso lhe dará diferentes opções de formato aqui. Eu costumo ir com QuickTime e para opções de formato, então você pode selecionar seu Codec. Há um monte de codecs, especialmente se você estiver em um Mac, há alguns extras. Basicamente tudo é convertido para H_264 na web. É um cofre bem seguro quando passarmos. Agora, se você quiser que sua animação seja um tamanho exato de arquivo, você pode começar a jogar com a taxa de dados limite e normalmente 12.000 é o mais alto que você vai precisar para estar na web antes de qualquer coisa acima que realmente não pode ver de qualquer maneira. Podemos definir as coisas que ajudarão a controlar o tamanho do arquivo. Vou apertar “Ok”. Podemos agora redimensioná-lo após o fato, se você quiser que isso seja 720p, por exemplo. Em seguida, você quer ter certeza de que seus áudios em se você tem áudio em seu arquivo. Isso é praticamente tudo. Você pode clicar em “Ok” e, em seguida, clicar em “Renderizar”. Fizemos a nossa animação. É assim que você renderiza no After Effects. Obrigado por assistir e continuar para as lições bônus para aprender alguns efeitos específicos para vídeos explicativos. Obrigado, tchau. 15. Efeito do quadro branco: Bem-vindo a uma lição bônus onde aprenderemos a criar o efeito quadro branco. Você provavelmente já viu isso com bastante frequência, e é basicamente onde uma caneta desenha em um quadro branco. Você pode fazer isso digitalmente para que eu criei um personagem apenas usando formas, você pode ver que é apenas uma camada de forma com um monte de formas diferentes. Uma coisa importante a observar sobre este efeito é que queremos ter certeza que as linhas de forma são arredondadas porque uma caneta é arredondada. Uma maneira fácil de fazer isso é baixar este plugin, que é de graça. Ele cria uma maneira muito fácil de acessar criando esses ButtCaps em tampas redondas. Porque sem este plugin, você tem que passar por cada camada de forma e encontrá-lo no traçado que está aqui em baixo. Então você pode imaginar o quão tedioso seria se tivéssemos que passar por cada uma dessas camadas de forma onde com este script vamos apenas para Window e ButtCapper, e você pode alterá-lo. Você pode pressionar ALT para fazer as conexões e apenas clique normal para fazer as extremidades, modo que é muito útil. Mergulhando, aqui está o nosso personagem e queremos fazer com que pareça que ele está sendo desenhado na tela. Então, como vamos fazer isso é com o efeito de traço, mas primeiro, precisamos, já que esta é uma camada de forma, precisamos pré-compor. Porque se eu começasse a usar a ferramenta de caneta nisso, você pensaria que estou desenhando outra forma e não uma máscara. Então eu preciso pré-compor esta camada, camada pré-compor. Então nós pré-compor essa camada de homem aqui. Antes de começarmos, precisamos aplicar o efeito de traçado, que eu procurei no painel de efeitos aqui à direita, gerar traçado, e podemos arrastar e soltar isso na camada ou no painel de efeitos sobre Aqui. Então ele está ligado e quando você escolhe o caminho é tudo máscaras, e nós vamos criar um caminho de máscara. Então nós vamos selecionar a ferramenta caneta no canto superior esquerdo aqui ou bater G. Eu vou começar no rosto, e eu estou indo para lapso de tempo para que você não tem que assistir a coisa toda, mas a idéia é ir no meio de cada uma dessas linhas e tentar não cruzar um prematuramente. Significa que isso tem que representar o caminho do pino, e se ele passar por cima de uma seção antes de seu tempo, então ele vai ter como tipo de seções pontilhadas, e vai fazer sentido uma vez que você começa que você quer ter certeza que você tem uma direção limpa do caminho e que você está praticamente alinhado no meio dele. De modo que, quando aumentarmos a largura do traçado , não vai sair ou ser torto em um lado do golpe. Começamos aqui e aceleraremos isso e pegamos vocês em um segundo. Agora que desenhamos as células da máscara, podemos brincar com o traço um pouco para que possamos ver que ele não está cobrindo completamente todo o desenho. Assim, podemos aumentar o tamanho do pincel até que ele esteja apenas começando a esconder tudo, e podemos entrar aqui e ajustar algumas das linhas para que você possa ver que estamos sendo precisos e desenhá-lo bem no meio da forma pode ser muito importante. Agora podemos mudar o estilo de pintura de não original para revelar a imagem original. Agora é, vemos que temos um começo e um fim, e isso está em 100%. Então nós podemos definir isso, e isso vai ser a animação. Então vamos descer para 0, e então vamos bater o cronômetro aqui para definir um quadro-chave, e podemos ver isso na camada pressionando U e selecionando camada em U. Agora vamos avançar no tempo, talvez 100 quadros, e, em seguida, vamos trazer isso para um 100 por cento. Se isso está distraindo agora, esse caminho, podemos sempre acertar essa pequena exibição de máscaras, mas lembre-se que isso está desligado. Não se esqueça disso, porque às vezes pode ficar confuso. Então vamos ver o que temos. Agora que temos o personagem sendo desenhado, há algumas áreas sujas onde o caminho é desenhado prematuramente. Bem aqui, parece que passei por cima da cara antes de começar naquela seção. Então eu vou ligar a máscara de volta, e então eu posso apenas arrastar isso para que ele não esteja mais fazendo isso. Então certifique-se de fazer essas pequenas correções, ele só ajuda a vender o efeito porque estamos fazendo isso digitalmente. Queremos ter certeza de que é o mais limpo possível e o mesmo para essas áreas aqui onde você encontra outras linhas. Você pode apenas querer limpar isso, apenas um toque e favorecer os lados do desenho que não tem esses. Então vamos fazer algumas correções lá. Agora limpámos um pouco mais. Então você só quer continuar fazendo isso como você está assistindo, mas parece que é muito bom. Temos esse efeito, mas não temos o cabo aqui. É revelador como se alguém invisível estivesse escrevendo. Vamos ver a caligrafia. Então você pode trazer uma imagem, eu tenho uma, você pode tirar uma foto de sua mão. Eu tenho um PNG, então isso significa que tem um alfa nele. Nem todos os PNGs têm alfas, mas este tem. JPEGs não podem ter um canal alfa, e canal alfa significa que é transparente. Então eu posso arrastar isso para dentro e podemos ver que a transparência está lá porque nós podemos ver tudo, menos a mão por trás disso. Então, a primeira coisa que vamos fazer quando trouxermos a foto da mão é mover o ponto de pivô com uma caneta atrás da ferramenta, mas pendurar o fio em um canto superior esquerdo, parece, como a ferramenta de linha da caneta, e então colocar o ponto de pivô bem na ponta da caneta, e obviamente, você vai se certificar de que você tem uma caneta preta e se você tem linhas pretas. Agora o que vamos fazer é ir até a máscara batendo nele. Vamos selecionar o caminho da máscara, pressionar Comando C ou Controle C, e então vamos para a posição da mão do marcador e colá-lo. Vamos selecionar a camada de forma do homem e bater U. Podemos ver que nós colamos na camada superior aqui, onde a mão está. Nós colamos na animação, parece com o caminho, mas eles não correspondem. Então é muito simples de fazer, combiná-los. Basta selecionar o último quadro-chave aqui e arrastá-lo para corresponder a este outro quadro-chave que tínhamos definido. Agora, quando assistimos, parece que a mão está desenhando nosso homem. Então eu percebi que quando comecei a desenhar esse caminho de máscara eu queria que a mão saísse no final então eu apenas estendi o caminho da máscara aqui no final, então eu sabia que a mão iria explodir. Então, para fazer isso para o início para obter selecionar os quadros-chave, deslize-os para baixo 10 quadros ou assim. Basta arrastar isso para fora, e então isso é apenas para o manipulador, você pode ver que há apenas um quadro-chave aqui para a mão e isso não está realmente relacionado com a linha animando dentro e fora, que está nesta camada. Para que possamos animar a mão. Está passando por todas essas linhas, mas isso é apenas a animação da imagem da mão, que não tem nada a ver com o caminho da máscara do homem que está revelando. Então esse é outro pequeno truque para trazê-lo. Outro pequeno truque para ajudar a vender isso é adicionar alguma animação de rotação. Então nossas mãos não se movem para cima e para baixo e de lado para lado, elas giram do cotovelo e do ombro. Então, para vender esse movimento um pouco, podemos definir quadros-chave e girar o braço para cima e para baixo para que pareça que há um pouco mais de movimento acontecendo na mão do que apenas subir e descer. Então, é difícil dizer agora, mas isso ajudará a vender o efeito um pouco. Você pode ser mais específico sobre isso se quiser, mas por enquanto, eu vou escolher alguns lugares e animar isso. Então vamos ver como isso parece agora. Então a mão entra, está girando. Você pode ver as rotações acontecendo. Só ajuda a vender o efeito de que é, na verdade, como a mão de alguém se movendo. Então essa é basicamente a idéia, e espero que você se divirta tentando por si mesmo também. Obrigado por assistir. 16. Animando uma fita bandeira: Bem-vindo à lição bônus sobre como fazer um banner animado. Banners são elementos muito comuns para explicar vídeos. Aqui está uma rápida que eu fiz. Então vemos que ele limpa, mas tem um efeito tridimensional que há o primeiro plano e as fitas de fundo. Você provavelmente poderia descobrir isso por conta própria, como fazer isso agora, se você já assistiu todos os vídeos tutoriais, mas eu quero passar e mostrar como fazê-lo passo a passo. De qualquer forma, então vamos clicar com o botão direito do mouse em “Novo”, “Sólido” e faremos um banner vermelho semelhante. Este, vamos chamar isso de Top. Vou clicar na máscara de retângulo e desenhar isso. Eu vou fazer isso aqui em baixo. Então vamos fingir o oposto do que acabamos de ver. Este está no topo, e então para falsificar a tridimensionalidade dele, colocamos as fitas da cauda na parte inferior. Então, neste, vamos virar isso só para misturar um pouco. Então vamos duplicar o que acabamos de fazer. Vou chamar isso de LeftBack. Vamos duplicar esta máscara para sabermos que tem a mesma altura. Só queremos que seja um pouco mais curto. Vamos deixar o primeiro lá como ponto de referência. Digamos, bem, quase dividimos a diferença aqui. Vamos dividir a diferença. Então é no quarto disso, é onde ele se cruza. Então vamos deixar isso e então vamos fazer um triângulo. Para fazer um triângulo, apertamos “Shift” e desenhamos um quadrado. Em seguida, vamos clicar duas vezes sobre isso e, em seguida, girá-lo. Segurando Shift, faremos girar em ângulos de 45 graus. Vamos trazer isto até onde os pontos permitirem. Agora, se você se lembrar dos anteriores, vamos subtrair esta área então agora temos a seção da cauda. Podemos ir em frente e zoom de volta aqui. Vamos caber isto. Então eu vou duplicar isso. Ops, eu cliquei duas vezes. Então, só para voltar, vamos até aqui para a Composição. Entrarei para renomeá-lo e direi RightBack. Ok. Agora eu vou apertar “Escala” e eu vou negativo 100 em X para fazê-lo virar para o outro lado. Agora eu posso excluir essas duas primeiras máscaras que estavam lá apenas como referência do topo. Eu preciso ter certeza, obviamente, que o topo está na ordem da camada superior aqui para que ele apareça em cima. Então estamos quase terminando. Agora, vamos duplicar esta outra vez. Vamos chamar isso de RightShadow. Gosto de deixar as cores no lugar certo. Eu gosto de fazer correções de cores para alterar o valor das coisas se eu estou querendo ficar na mesma faixa. O problema com Curves é que ele sobreatura-lo quando você faz isso. Então, alternativamente, em vez de Curvas, você poderia usar Matiz e Saturação, que na verdade tem uma barra de luminosidade aqui. Podemos reduzir um pouco a leveza. Então podemos colocar isso e onde ele precisa ir que está na frente da esquerda. Desligue a parte de cima aqui um segundo. Na frente da esquerda e acima das costas. Então eu vou ligar isso de volta para que possamos ver para onde estamos indo. Então eu levarei a sombra até lá, zoom para ver onde estamos indo. Parece que agora ligamos os pontos aqui. Então pegue isso, leve para a borda, e mova-o para a posição. Então só precisamos conectar os pontos à borda. Na verdade, selecionamos esse, então basta movê-lo para baixo. Então podemos apenas derrubar este canto. Apertei “Enter” para voltar à Composição. Quando animarmos isso, veremos isso para dois quadros. Então queremos ter certeza de que isso faz sentido baseado no que parece. Então agora podemos apenas duplicar esta camada. Porque sabemos que fizemos o outro lado quites, podemos fazer a mesma coisa de escala. Porque LeftShadow, a escala, desmarque o link, vá negativo 100. Vai virar para o outro lado. Então agora temos nossa fita e precisamos animá-la. É bem simples, só precisamos fazer mais máscaras. Então vamos entrar e começar a animar. Então vamos criar outra máscara e vamos direto para a borda de onde ela vai começar. Vamos girá-lo para baixo para que possamos obter o quadro-chave aqui e vamos animar o caminho da máscara. Mas eu queria começar em talvez dez quadros em. Então eu vou deslizar esse quadro-chave para baixo para dez. Tudo bem. Então vamos quatro, cinco quadros dentro, e então vamos animar este otário limpando. Vou apertar “Enter”. Mudaremos este modo para Intersect. Agora você pode ver que revela essa cauda. Então vamos para o quadro-chave Moderns, e então vamos para o LeftShadow. Vamos trazer isso para baixo onde for apropriado, e então vamos desenhar outro. Então vamos subtrair desta vez porque não temos aquela parte da cauda. Já é Subtrair, algo que nos fez escolher o Intersect. Então agora podemos usar um Subtrair direto. Vamos precisar de o quadro-chave novamente. Então vamos dois quadros para a frente, e então vamos limpar isso aqui, e então mudar isso para Subtrair. Então agora podemos ver que temos isso acontecendo. Parece que está vindo até nós. Certifique-se de que estamos no último quadro. Então vamos fazer a de cima. Vamos fazer a mesma coisa apenas Subtrair. Então vamos começar com a coisa toda e vamos enquadrar isso. Então vamos 1, 2, 3, 4, 5, 6, 7, 8, talvez quadros mais tarde, vamos limpar isso lá em baixo e isso irá mudá-lo para Subtrair. Agora podemos ver que ele limpa-o. Assim que aquele vier até nós, então esse começa. É pouco rápido em relação a como começamos a cauda. Então eu só vou puxar esses quadros-chave para fora um pouco. Ok. Então faça a mesma coisa para estes dois últimos. Vou acelerar isso. Então agora temos nossa fita animada como se fosse um objeto tridimensional. Se quiséssemos colocar texto na faixa de opções, tudo o que temos que fazer é digitar algum texto. Poderíamos limpá-lo com a fita só com outra máscara. Então agora temos o texto que parece estar lá. Então, mais tarde, se quiséssemos mover tudo, poderíamos criar um novo Nulo. Vou mover isto para baixo e mudar isto para um amarelo. Então podemos criar tudo para ele. Agora temos nossa faixa de opções que você pode copiar e colar isso em cada projeto e alterar o texto. É um grande trunfo para se ter. Faça uma vez e depois reutilize. Espero que tenha gostado disso e se divirta com ele. Obrigado por acompanhar e espero que gostem do curso. 17. Mesclando animação 3D com 2D: Oi alunos Skillshare. Obrigado por fazeres esta aula. Eu queria criar este vídeo de atualização apenas para ensinar mais um aspecto de vídeos explicativos que eu não toco, não toquei até agora. Não incorporando animação 3D, que eu faço muito em meus vídeos explicativos. Este não será um tutorial sobre como animar em 3D. Eu tenho um monte de outras aulas sobre Skillshare que você pode se inscrever, onde eu ensino animação 3D e Maya. Encorajo-o a fazer isso. Neste tutorial ou nesta lição, é sobre o fluxo de trabalho. Quais são os conceitos? Como faço para abordar a mudança de animação 2D para 3D e de volta para 2D? Então você pode acompanhar baixando a plataforma de livros. Adicionei aos arquivos do projeto na seção onde você pode baixar arquivos do projeto. Então você pode tentar seguir por si mesmo e tentar fazer isso também. Mas eu encorajo você a conferir minhas outras aulas onde eu ensino como animar em 3D e Maya. Mas isso lhe dará uma boa idéia de como você pode levar sua animação para o próximo nível, começando a incorporar animação 3D, que está em uma demanda tão alta como todos sabem. Obrigado por assistir e eu vou vê-lo na aula e continuar assistindo para ver como eu faço isso. Vamos entrar e ver o que vamos recriar. Isso é de um projeto de cliente real que eu enlouqueci, e isso é o que vamos recriar. Não esta animação. Então há essa animação que acontece, e que na verdade tem alguns elementos 3D lá. Mas o que vamos fazer é esta transição deste emblema olhar para este livro, que são estas linhas. Então temos esse tipo de rotação. Em seguida, o amarelo se expande para criar a capa do livro. Então nós temos este olhar arco-íris, mas o livro cobre os dois amarelos. Então, em um After Effects, isso era super simples. Quero dizer, essas são apenas máscaras sendo giradas e essas fitas que eu mostrei a você como fazer no curso, o curso explicativo que é apenas mais uma máscara. Então essas máscaras são expandidas e animadas e então ficamos com este quadro. Então, essencialmente, o fluxo de trabalho, este vídeo vai ser mais um tutorial de fluxo de trabalho, agora aqui está cada botão que você pressiona. Só quero desmistificar este processo para que você possa aplicá-lo com qualquer pacote 3D que você usar. Vou usar a Maya. Se você não está familiarizado com Maya, você quer aprender e eu dou um monte de outras aulas sobre isso. Você está livre para verificar isso. Basicamente, o fluxo de trabalho para esta transição, eu só vou reproduzi-lo de volta. Então vamos a partir desses crachás, temos essa transição e depois vamos para o livro. Então, é uma transição bem perfeita. Mas o único truque é que estamos trocando em um quadro. Então você pode ver onde as bordas, começamos a pegar a sombra da capa do livro bem aqui. Então entre esses dois quadros é onde o switch acontece. Mas quando você está jogando de volta, você não pode ver nem aquele pedacinho do interruptor. Acontece tão rápido sobre um quadro e combinamos tão bem que é meio invisível. É como um corte invisível. Então eu quero mostrar a vocês como eu fiz isso. Vamos recriá-lo um pouco. Vou passar pelo fluxo de trabalho e mostrar como foi feito. Então, digamos que este é o meu projeto After Effects. Eu fiz tudo até este ponto. Então essas são máscaras e sólidos do After Effects, e que vocês devem saber como fazer agora se estiverem assistindo ao curso de explicações. Então eu basicamente quero renderizar todo o caminho até aqui. Eu fui em frente e renderizei essa coisa toda só para que você possa ter e ver. Se você estiver em um aluno matriculado, você pode baixar esses arquivos e os arquivos do projeto junto com esta plataforma de livros 3D. Mas a ideia é renderizar imagens. Para o Maya especificamente, você deseja renderizar jpegs e usar esse formato. Se você pode ver aqui em baixo ele diz, “ponto de sequência de imagem “, e então ele tem o número. Então ele renderizará os números dos números dos quadros. Mas o importante aqui que Maya realmente gosta é o período antes do número do quadro. Se isso for um sublinhado, talvez seja necessário renomear isso e algo como Adobe Bridge e renomear um lote. Portanto, certifique-se de que você tenha um ponto antes do número do quadro quando estiver explorando isso fora do After Effects. Então Maya entende e pode pegá-lo. Então vamos falar com a Maya. Aqui está a plataforma de livros que eu fiz, que novamente, você pode baixar como parte dos arquivos do projeto se você é um estudante matriculado nesta classe. Então a idéia geral é agora que precisamos obter essas imagens que já temos, nós renderizamos fora de efeitos após, precisamos trazê-los para o Maya ou qualquer pacote 3D que você está usando. Então a maneira de fazer isso é precisamos de uma câmera da qual vamos renderizar. Então eu vou para Painéis, criar uma nova câmera e eu vou passar rápido por aqui porque novamente, isso não é como um tutorial passo a passo. Este é mais um tutorial de fluxo de trabalho. Então eu quero colocar a câmera alinhada aqui com seus atributos. Então é exatamente centrado no livro. Então a grande diferença entre ir de 2D para 3D é a distorção da lente de câmeras onde, você sabe, para um After Effects, isso é tudo muito plano e não estamos recebendo qualquer distorção ou perspectiva necessariamente porque é apenas o que nós criamos como uma forma. Enquanto que quando você está em 3D, você pode começar a ver esta linha preta aqui que é da perspectiva e do tipo de lente e distância focal que estamos usando. Então podemos controlar isso aqui em Maya, e para comprimir tudo isso, precisamos escolher uma distância focal muito maior, que também significa que precisamos ampliar a câmera de volta. Agora você pode ver que essa linha preta é muito mais magra aqui. Então, quanto maior a distância focal, eu fui para 200 milímetros. Isto é em milímetros. Isso é como se você tivesse um DSLR e você colocar uma lente de 200 milímetros sobre ele, ele vai comprimir a imagem um pouco para que tudo fique um pouco achatado. Quando estamos combinando 2D para 3D, às vezes precisamos fazer isso na câmera para que não tenhamos, você sabe, deixe-me voltar para 35 milímetros, que é o padrão. Nós não temos essa grande linha preta aqui que é apenas parte da perspectiva de um objeto 3D. Então queremos nivelar essa perspectiva um pouco fazendo uma distância focal maior. Então agora temos a câmera planejada e agora precisamos trazer a imagem. Então, em Maya, há algumas maneiras de fazer isso, mas a maneira mais óbvia e fácil é ir até o ambiente e criar um plano de imagem. Nós apertamos Criar, vamos ver este pequeno pop-up x amarelo e agora estamos sob a guia plano imagem. Eu só vou automaticamente criando um, ele nos coloca lá dentro. Está pedindo um nome de imagem. Queremos trazer a sequência de imagens que eu fiz. Então deixe-me pular para eles. Você pode selecionar qualquer um deles e deve trazê-los todos, contanto que você aperte este botão que diz usar sequência de imagem. A outra pequena advertência para isso é, eu só vou bater quatro, que possamos ver através do livro e para o plano de imagem. O único comentário a isto é, ele vai para o número, e aqui diz 947. Está tirando o número do quadro dos efeitos secundários. Vai alinhar com o número do quadro e com a Maya. Portanto, você pode precisar estender sua linha de tempo para que suas sequências de imagem estejam realmente lá. Você também pode compensá-lo com esse recurso aqui. Mas só para manter as coisas um-para-um, não é como se eu estivesse fazendo uma grande sequência, não há razão para ter que compensar as coisas e depois ficar confuso sobre o número do quadro. Então eu tento igualá-lo na Maya também. Então vamos para esse quadro. Agora temos a sequência, e agora podemos apenas corresponder ao quadro que queremos correspondê-lo, então podemos escolher qual quadro queremos corresponder. Então, talvez seja este quando terminar de fazer sua animação, e nós temos esse quadro ainda. Vou acertar cinco para trazer de volta, ou desculpe, seis com texturas. Eu só vou alternar isso. Parece que precisamos basicamente ajustar a câmera até que ela corresponda com o fundo. Vou alternar entre quatro e seis. A outra coisa que podemos usar, há um pequeno sistema de rede aqui em cima. Então podemos ver se desativamos isso, deixe-me desligar isso e ligar e desligar os polígonos porque estamos vendo o wireframe do livro. Eu poderia realmente dizer, seis e então usar isso para alternar tudo. Parece muito perto como. Isso foi super rápido. Isso levou alguns minutos, e agora já combinamos os arquivos, a sequência de imagens da imagem 2D com o objeto 3D. Então nós só precisamos combinar em que um quadro, então nós podemos animar este livro a partir deste ponto em diante de qualquer maneira que nós queremos que vai fazer sentido com a animação 2D. Em uma animação 2D, basicamente temos que girar e, em seguida, ele se afasta, modo que é como uma transição agradável e suave. Podemos continuar girando porque estamos indo da direita para a esquerda, então talvez possamos continuar girando. Mas tem uma pequena pausa aqui, então se casam. Seria um pequeno problema lá dentro, tem um pouco de acetil. Faz sentido que eu acabei fazendo um zoom out. Essa foi apenas a transição mais fácil lá. Quando saltarmos de volta em um Maia, não vou passar por todo o processo de animação, mas vou para uma vista só para te dar uma visão rápida de como isso pode ser, vou fazer duas pinturas lado a lado. Lado. Em seguida, escolha a perspectiva aqui. Você pode até ver o plano de imagem aqui atrás que estamos combinando, e é aqui que o livro está no espaço 3D. Eu me divirto com isso, tento recriá-lo. Eu manipulei o livro e é muito básico, mas você pode, na verdade, se você é um estudante matriculado, você pode baixar esses arquivos de projeto. Eu encorajo você a realmente tentar isso, tentar recriar isso para si mesmo. Basicamente o que você vai fazer é, quadro sete, sete, sete é o que estamos combinando. Você pode basicamente, a partir deste ponto em diante, ignorar o plano da imagem. Poderíamos até dizer mostrar e desligar o plano de imagem aqui, e eu vou desligar a grade e nós ligamos para tentar alinhá-lo e também vou desligar as curvas NURBS aqui, porque nós não vamos ver isso na renderização . Vou ligar os portões do filme, vermos o que é o portão do filme. Depois vou desligar a rede, para termos uma ideia. Só estou pressionando Alt B para mudar a cor de fundo. Também podemos trazer um avião de cor verde como este, se quiséssemos mesmo um por um. Mas quando eu criei isso, eu apenas renderizei um canal alfa, então eu apenas trouxe isso sem um fundo de Maya e usar o fundo e depois de efeitos porque era 2D, não é como se houvesse sombras ou qualquer coisa nele. Se quisesses, acho que não, podias fingir uma sombra aqui, é o que eu devia ter feito. Porque você não prevê que ele bata em nada aqui, esta é uma maneira que eu melhoraria isso é adicionar uma sombra de terra. Eu fingiria isso usando máscaras e efeitos secundários. A sombra seria maior aqui e então chega ao tamanho do livro aqui, só para dar algo para sentar aqui e fazer um pouco mais de sentido. Mas como seguir em frente a partir deste ponto em Maya, para chegar lá, é ir em frente por mais longe que você queira quase ir, agora que sabemos onde a animação vai estar, eu definitivamente vou trazer este caminho para baixo. Quando estou esfregando na linha do tempo, é muito mais fácil ver o que estamos fazendo. Vou começar a partir do primeiro quadro aqui, então vamos puxar isto para trás. Podemos começar a animar essa coisa do jeito que quisermos. Também podemos animar a câmera, em vez de animar o livro em si, podemos sempre animar a câmera, isso é mais fácil ou fazer ambos. Especialmente com a distância focal, que pode ser mais fácil animar a câmera só porque estamos ampliados tão longe, e com a distância focal em que temos a lente ligada, pode ser mais fácil puxar a câmera para trás e animar o câmera assim. Mas, de novo, não quero estragar minha câmera. Bem, acho que estou no quadro 826, então não importa. Só vamos nos certificar de que o quadro-chave, se vamos fazer isso, temos que começar com um quadro-chave, porque se eu começar a mover isso, não há quadro-chave aqui, então não posso voltar a isso. Colchetes de extremidade aberta é a maneira de ir e voltar entre quadros-chave no Maya, se você estiver tentando acompanhar as coisas do Maya. Isso também pode ser uma coisa a ter em mente. Se você não quiser animar sua câmera, convém bloquear esses atributos. Posso descer aqui e dizer “fechadura selecionada”. Agora eu não posso mudar acidentalmente aquela visão que nós definitivamente queríamos mantê-la trancada. Mas sim, aqui está o início dessa animação. É um pouco lento. Então você começa a entrar aqui, massageando a animação do jeito que quiser. É assim que você começa a incorporar 3D em seu trabalho 2D. Então eu queria incluir o fim disso, porque você pode ver como nós saímos disso também. Então eu acho que eu animei o livro aqui e que caiu, e então eu animei a câmera na segunda metade, e então o livro abriu para isso. Então eu só uso isso como um tapete para a imagem, e então nós ampliamos o livro basicamente. É assim que saímos do momento 3D e voltamos ao 2D aqui. Este era um híbrido 2D, coisa 3D, o emblema aqui no meio era 3D. Então eu uso 2D em todos os outros lugares até que esta mudança para o momento real sobre um quadro, e então nós voltamos para 3D, então nós ampliamos o livro aqui e estamos de volta para 2D completo. Foi assim que fiz para aquele projeto. Definitivamente, é um conceito muito simples. Troca por um quadro. Como fazer isso é renderizar a imagem, combinando-a em qualquer pacote 3D trazendo em um plano de imagem. Em seguida, animar no entanto o inferno que você quer animar, porque agora você está livre formando o material 3D. A outra coisa que eu vou dizer sobre 3D obter esse visual 2D é apenas manter o sombreador super simples. Você pode ver aqui que não há texturas ou qualquer coisa. É super básico porque eu estou tentando combinar o estilo do que eu já estava fazendo no tema dessas cores e tudo mais. Então é muito iluminado direcionalmente. Só há uma sombra lá. Não é como chumbo com várias, muitas luzes direcionais, mas era difícil. Eu queria uma sombra dura e faria sentido com o estilo das coisas 2D que eu estava fazendo. Então, basicamente, é assim que você começa. Eu poderia terminar isso, mas vou deixar vocês fazerem isso. Vemo-nos na próxima aula, no próximo curso. Espero que se você decidir se juntar a qualquer uma das minhas aulas Maya, você terá um olhar muito mais detalhado sobre como usar Maya e começar a incorporar isso em seu trabalho de gráficos de movimento. Mais uma vez, espero que gostem, e estou ansioso para ver vocês tentarem recriar isso para mesmos e aprender Maya comigo também. Espero vê-lo na aula e obrigado por assistir. Tchau.