Noções básicas em Adobe After Effects: do esboço à animação com a ferramenta caneta

1. Introdução: Você já quis dar vida aos seus esboços? É surpreendentemente fácil passar do esboço para ilustração animada no After Effects usando uma ferramenta simples. Oi, sou Taylor, sou ilustradora freelance e designer de movimento. Eu tive a oportunidade de trabalhar em muitos projetos legais nos últimos dois anos e estou muito animado para ajudá-lo a aprender a animar. Nesta aula, vou mostrar a vocês como trazer seus esboços para After Effects e rastreá-los com uma ferramenta para todos os fins chamada ferramenta caneta. A ferramenta de caneta nos permite traçar nossos esboços e transformá-los em ilustrações prontas para animar. Para o seu projeto de classe, estaremos criando um objeto e imaginando o que poderia estar dentro dele. Eu me considero um pouco intrometido, espero que mais sobre a pessoa do lado curioso. Sempre me pergunto o que é aquele velho teste na casa da minha avó? O que tem naquela mala de cor brilhante no aeroporto? O que eles embalaram? Onde é que eles estão a ir? Por que é tão brilhante? Todas essas coisas estranhas passam pela minha cabeça basicamente. Mas óculos de raio-X não existem provavelmente para melhor. Vamos animar o que seria se eles existissem usando a ferramenta de caneta e máscaras. As máscaras são frequentemente usadas para criar transições impressionantes, cortar clipes de vídeo ou fazer revelações de texto. Mas realmente o céu é o limite com esta ferramenta pessoal. A ferramenta de caneta e máscaras são essencialmente melhores amigos. Enquanto a ferramenta caneta é usada para delinear e criar formas, as máscaras são usadas para cobrir áreas selecionadas dessas formas. Juntos, você pode usar uma ferramenta de caneta e uma máscara para criar transições dinâmicas para qualquer uma das suas animações. Para os projetos de hoje, usaremos somente o After Effects como nosso software usando a ferramenta de caneta dentro do After Effects. Você só precisa ter um programa. Fora isso, tudo que você precisa é de um caderno de esboços ou um pedaço de papel, um lápis, e um pouco de curiosidade. Começaremos esboçando alguns projetos para o nosso projeto e digitalizando-os digitalmente. Em seguida, entraremos no After Effects para rastrear nosso esboço usando a ferramenta caneta. Para adicionar um pouco de diversão e dimensão à nossa ilustração, vamos adicionar alguns efeitos animados e texturas. Eu forneci algumas texturas animadas na seção de projetos e recursos para você usar. Uma vez feito isso, revelaremos o que está dentro de nosso objeto usando uma máscara personalizada. Esta aula é ótima para iniciantes que estão apenas começando a aprender a animar, bem como para todos os ilustradores que estão morrendo para transformar as ilustrações em animações. O que estamos esperando? Vamos em frente e começar a animar. 2. Descrição do projeto: Para este projeto de classe, estaremos criando um novo esboço. Mas uma vez que esta aula terminar, você terá o conhecimento para ser capaz de rastrear qualquer um de seus esboços que você criou ou já criou. Para o seu esboço, não tenha medo de pensar também fora da caixa, qualquer coisa pode ser o seu recipiente. No meu único exemplo, usei um fantasma. Não é um recipiente típico, mas contém algo, neste caso, um alienígena. Realmente, qualquer coisa que você possa pensar é um jogo justo. Vá em frente, vá em frente. O objetivo principal é que tenhamos um objeto que será revelado através de uma máscara. Enquanto você está desenhando para o seu projeto de classe, por favor, não tenha medo de usar referências. Não é esperado que os artistas saibam como é tudo no mundo, por isso, use o Pinterest, o Google, o Bing, se você for uma pessoa do Bing, o Yahoo, qualquer coisa para procurar imagens que possam ajudá-lo a se inspirar , bem como ajudam você a referenciar como objetos específicos se parecem. Assim que terminar o projeto da turma, vou procurar um arquivo MP4 e AVI. Se você não tem idéia do que eu acabei de dizer, não se preocupe, eu vou estar mostrando tudo sobre isso no vídeo de renderização rápida no final desta aula. Embora o objetivo principal desta aula seja pegar suas ilustrações e transformá-las em uma animação, eu realmente quero que você aproveite a oportunidade para analisar todos os efeitos que o After Effects oferece. Há uma razão para se chamar After Effects. Há tantos efeitos legais que você pode aplicar à sua ilustração que irá adicionar um pouco de oomph extra ao visual final que você não poderia fazer em um pedaço de papel. Incluí uma lista de recursos também. É um PDF inteiro que vai por cima de todas as coisas que eu passei na classe, bem como um pequeno slide bônus que tem alguns dos efeitos que eu usei e o que eles fazem. Você quer um olhar mais por trás das cenas, sob o capô de como eu abordo a ilustração em animação, incluí dois dos projetos de exemplo que fiz e coletei todos os arquivos para que você possa simplesmente abri-lo no After Effects e veja como criei minhas camadas, como organizei meus arquivos e o que afeta que usei. Vamos começar a esboçar a nossa ilustração. Eu não posso esperar para ver quais idéias você vem acima com para este prompt, então vamos. 3. Esboçando o seu desenho: Antes de abrirmos o After Effects, precisamos criar algumas ideias. Certifique-se de se divertir com isso e realmente vir acima com o que vem à mente. Eu pensei em algumas coisas que eu sempre quis ver dentro de imaginar o que estaria naquele objeto. Tem uma mala bonita, pode haver praia perto, e protetor solar lá dentro, mas também pode haver um alienígena. Quem sabe? Isso é com você. Você pode fazer isso tão sério ou tão tolo quanto você gostaria. Enquanto eu estou desenhando, eu vou estar desenhando bem escuro. Normalmente desenho bem leve, mas quero que todos possam ver. Além disso, quando formos digitalizar isso, vamos querer que as linhas fiquem escuras, então, seja lá como for que você digitalize ou tire uma foto dela, ela aparecerá melhor. A primeira coisa que mencionei foi um baú velho. Embora eu tenha uma boa idéia de como um baú se parece, eu vou realmente tirar meu telefone manny aqui e eu vou procurar o velho baú do tesouro. Vamos ver. Este é bom. Gosto desse ângulo. Eu vou para aqui e vou desenhar este pequeno baú. Eu vou engrossar minhas linhas, e novamente, sendo realmente livre, nada é permanente, é apenas um pedaço de papel. Não se preocupe com isso. Não preciso mais disso. Aqui está o meu pequeno peito estranho balançando com a minha fechadura sobre ele, eu vou colocar alguns coelhos porque eu poderia fazer pequenos eclipses como pequenos círculos e após efeitos para aqueles. Então eu vou desenhar uma pequena flecha. Posso esboçar algumas coisas que acho que estarão nisto. Já que estamos revelando isso depois dos efeitos, vou tentar fazer um pequeno esboço do meu peito, que eu possa encaixar tudo aqui. Se você já fez exercícios de desenho, é como um ajuste na caixa. Sinto que este baú teria um mapa do tesouro. Você tem que rolar. Talvez este pergaminho esteja desfeito. Podíamos ver como os ovos pequenos. Vou detalhá-lo primeiro, e quando o trouxermos para o After Effects, posso ver o que quero guardar. Este pequeno x e pontos pode ser um pouco detalhado demais para alinhá-lo no After Effects, mas podemos definitivamente fazer este marrom e adicionar um pouco de textura a ele e ásperá-lo para torná-lo mais parecido com um mapa sem ter que colocar os pequenos detalhes. Há o que pode estar no meu peito, e depois vamos fazer a mala de que falamos. Vou procurar uma mala. Novamente, eu sei como é uma mala, mas eu gosto de uma estranha, então eu vou procurar uma mala legal. Esses são fofos. Eu gosto dessas malas borbulhantes, essas são legais. Este não é super legal, mas aquele olhar que eu tinha em mente. Desenhe minha caixinha, pequeno círculo. Estamos simplificando tudo. Você vê que isso tem essas pequenas linhas nele, mas eu só vou fazer um pequeno círculo no meu e eu posso fazer isso uma certa cor, e então vamos ver a borda dessa mala aqui. Eu não vou fazer o zíper, mas tu ficas com o peito e depois fazemos a alça grande. Vamos fazer essas bolhas porque estes são os símbolos que eu preciso colocar no After Effects, apenas essas pequenas linhas para adicionar um pouco de textura. Nós podemos fazer aqueles olhando brilhante com algum brilho ou algo assim. Aí está a minha mala. Novamente, sendo muito duro, vamos delinear isso super limpo. Você pode ser esquisito, e depois que fizermos alguns esboços, faremos aqui um desenho de linha mais confiante. Eu acho que, desde que eu realmente quero ir para a praia eu faço este aqui, também porque você pode definitivamente fazer essas linhas rabiscadas no After Effects. Mas acho que quero algo um pouco mais simples que possa esconder mais coisas nele. Acho que vou aceitar este. O que eu vou fazer é desenhá-lo aqui, vou fazer o meu grande esboço. Agora, vamos fazer algumas linhas confiantes. Vou fazer linhas ousadas e confiantes. Temos nosso confiante atraído daqui até aqui, então isso é mais fácil de rastrear no After Effects porque tudo está realmente limpo, e marcado onde queríamos. Então só precisamos da parte da caixa. Vou esboçar isso melhor. Porque no meu, acho que não vou mostrar o contorno do objeto, mas você poderia. Eu só quero que seja como boom, como raio-x, você vê todo o caminho através dele. Agora, eu vou desenhar meu biquíni pequenino, pequenino, amarelo bolinhas. Agora, o que eu tenho que fazer é digitalizá-lo. Eu poderia levar isso para a minha impressora que tem um scanner em cima e digitalizar isso sobre, mas eu estou realmente indo para usar este aplicativo muito divertido chamado Adobe Scan. É grátis, tudo o que você faz é baixá-lo. Acho que você faz login na Adobe, mas não quer ter uma conta da Adobe para fazer isso. Eu só vou fazer um documento aqui. Deve abrir direto para a foto. Se você ver, está fazendo uma pequena dança, e vai colocar os pontos para fora. Posso ajustar os cantos. Quero trazer o meu esboço aqui, mas não tem que ser um quadrado perfeito. Se ele gosta de um documento simples, ele recebe raios nos cantos. Como você pode ver, você pode se mover para onde ele vai. Então eu só vou apertar “Continuar”, e então aperto este pequeno botão porque está feito. Vou mudar o nome do Sketch. Ele o salvou como uma digitalização, então agora é um PDF. Eu acho que você pode salvá-lo como um PNG bem e, em seguida mudar qualquer cor ou como limpar qualquer coisa, mas para nossos propósitos, isso é tudo o que precisamos. Salvar como PDF. Então boom, está lá dentro. Eu usei isso para outras obras de arte e esboços antes. Quando estiver pronto, tudo o que você faz é clicar em “Compartilhar” e você pode enviar um link por e-mail. Então vamos rastreá-lo com a ferramenta de caneta no After Effects na próxima lição. Te vejo lá. 4. Configurando After Effects: Antes de começarmos a traçar com um lápis, precisamos configurar um sistema de pastas para nos mantermos organizados e também configurar nossa composição e After Effects. Vou mostrar-te como fazer isso agora. Precisamos pegar nosso retrato falado. Se você usar o Adobe Scan, se você o enviar por e-mail para você mesmo, você receberá esse pequeno link. Quando você clicar nele, ele abrirá o PDF do esboço que você digitalizou e tudo que você precisa fazer é clicar em “Download File”. Depois disso, eu recomendo vivamente ir em frente e criar uma pasta para o seu projeto. Eu gosto de ter um monte de aulas em um só, então eu estou constantemente pulando por aí aprendendo. Muitas vezes nomeio minhas aulas o nome do professor e, em seguida, qualquer nome relevante da classe é. Você pode nomear o seu o que funciona melhor para o seu fluxo de trabalho e como você pode encontrá-lo no computador. Eu fui em frente e nomear meu ObjectReveal_Project e você verá que eu criei algumas subpastas. Eu sempre crio uma pasta do After Effects, e isso é só porque eu quero ter certeza de que After Effects é salvo em um lugar onde eu sei onde encontrá-lo e então ele sabe onde referenciar e encontrar todos os materiais de que precisa. Se você mover as coisas e está em toda sua área de trabalho e você colocá-lo em uma pasta mais tarde, After Effects vai realmente dizer que a mídia está faltando e você tem que vinculá-lo e é apenas um pesadelo. É melhor ir em frente e tirar isso do caminho e criar um sistema de pastas. Eu também tenho Referências. Então eu uso isso para paletas de cores e também para qualquer imagem. Eu poderia aparecer no After Effects para usar como referência. Então eu tenho minha pasta de esboços. Foi aí que coloquei meu PDF que acabei de baixar do Adobe Scan. Agora é hora de abrir o After Effects. Estou usando o After Effects 2020, mas qualquer coisa como 2017 e acima deve estar bem. Tudo deve estar no mesmo lugar. Antes de começarmos, vamos em frente e clicar em “Novos projetos”. Este é o nosso projeto de tela inicial, e então vamos criar uma nova composição. Eu vou em frente e nomear o meu. Eu o nomeei ObjectReveal_Animation e eu vou definir minha largura e alturas para 1920 por 1080, modo que o tamanho HD padrão. Sempre que você gosta de assistir TV, isso é uma proporção de 16 por 9. A menos que você tenha uma TV 4K, normalmente será de cerca de 1920 por resolução 1080. Então eu vou definir minha taxa de quadros para 24 quadros por segundo. A razão pela qual eu faço isso é porque a maioria das animações desenhadas à mão é definida em 24 quadros em vez do típico como 29 ou 30. Eu só gosto do olhar um pouco mais agitado, então é por isso que estou me preparando para o meu. Vou certificar-me de que a minha duração está definida em 15 segundos. Normalmente, com esse tipo de animações, eles normalmente duram apenas cerca de cinco a 10 segundos porque são pequenas coisas rápidas que podem ser transformadas em GIFs ou apenas coisas para pop nas redes sociais. Mas gosto de me dar um pouco de tempo extra para o caso de eu ficar louco com isso. Então eu vou manter minha cor de fundo como preto, só porque eu poderia torná-lo esta cor cinza escuro, que eu já vi algumas pessoas fazer, mas então você não pode ver onde a base de sua composição está. Eu acho que o branco é um pouco duro demais para os olhos. Só vou deixar aquele preto completo. Agora estamos prontos e temos nossa composição pronta. Mas é muito importante neste momento apertar “Control” ou “Command S”. O que isso vai fazer é salvar nosso projeto. Queremos ter certeza de que estamos fazendo isso durante todo o projeto. Essa é uma boa habilidade para se ter como artista digital de qualquer maneira. Controle ou comando S é como sua vida além de Controle ou Comando Z. Você pode estar se perguntando, bem, eu pensei que tínhamos acabado de criar uma composição. Então esse deve ser o nome ou que deve ser dito. Mas o After Effects pode conter várias composições, mas toda a unidade é o projeto. Vou nomear este objectanimation_project e se você notar que ele já vai ser salvo na minha pasta, na minha pasta After Effects. Eu vou apertar “Salvar” e agora você vai ver que diz ObjectAnimation_project e, em seguida, temos uma composição que chamou ObjectReveal_Animation. Eu vou ir em frente e sentar isso na minha tela fazendo este pequeno drop-down e só obter tamanho completo. Eu trabalho muito em RV, então eu tenho esse Editor de Composição de VR, mas você provavelmente não vai ter isso. Deixe-me fechar isso. Apenas no caso de este ser o espaço de trabalho padrão, então se você abrir o After Effects, tudo o que você precisa fazer é clicar no espaço de trabalho da janela e apenas se certificar de que ele está definido como padrão. Agora precisamos trazer nosso esboço, então eu vou abrir nossa pequena pasta, entrar em nossa pasta de esboços e, em seguida, soltar em nosso PDF. Nada aconteceu aqui porque o nosso PDF foi colocado na lixeira. Não foi colocado na nossa composição. Para colocar em nossa composição, tudo que você tem que fazer é arrastá-lo para baixo e soltá-lo. Muito provavelmente o seu vai ser girado no caminho que você não quer que ele seja girado. Enquanto seu objeto e seu PDF estão selecionados, você só vai pressionar “R” e isso vai abrir as propriedades de rotação. Eu só vou clicar neste pequeno zero duplo depois do plus e digite 90 e isso vai girá-lo da maneira que eu quero. Você também pode segurar e arrastar isso se o seu está em um lugar como realmente estranho e você precisa ver, eu nem sei o grau que é isso. Você pode definitivamente fazer isso. Vou manter o meu em 90. Então eu vou pressionar “S” novamente enquanto eu ainda estou selecionando sobre isso e isso vai abrir minha escala. Vou escalar isto para cerca de 300. Eu sou muito estranho, eu gosto que números sejam muito específicos às vezes. Não há necessidade para isso se tipo 286 é a escala perfeita e isso é bom para ir. Eu coloquei isso para 300. Com a minha ferramenta de seleção selecionada, vou arrastar isso para baixo. Estou feliz com isso. Se você clicar nesta pequena seta, como seta suspensa, ele irá fechar tudo isso. Agora que trouxemos nosso esboço, nossa configuração de composição e nosso projeto salvos, vamos revisar como escolher uma paleta de cores antes de começarmos a traçar com a ferramenta Caneta. Então, vemo-nos na próxima lição. 5. Selecionando uma paleta de cores: Criar uma paleta de cores pode parecer assustador porque leva anos de prática para aprender a teoria das cores e entender quais cores combinam com o que e, em seguida, até mesmo o que você gosta. Vou mostrar a vocês um site que eu uso para ajudar a tornar o processo um pouco mais fácil. Eu gosto de usar este site chamado coolors.co. Você pode realmente obtê-lo como uma extensão da Adobe por cerca de US $4 ou como um aplicativo. Mas eu só uso o site. Ainda é novo, é super fácil. Basta clicar em iniciar o gerador. Eu não vou aprofundar sobre como usar isso, porque se você nunca abriu antes, ele vai realmente dizer-lhe um pequeno tutorial. Mas basicamente, você apenas pressiona o espaço, ele percorrerá cores e esquemas de cores. Digamos que eu gosto deste azul, eu posso bloquear essa cor então ele vai me dar cores que vão com essa cor. Já criei algumas paletas e salvei-as na minha conta. Vou para a minha conta e normalmente gosto de fazer três paletas por projeto em que estou trabalhando. Então, para o projeto de praia, eu tenho todos esses tons verdes e o azul muito parecido com praia, mas mais sereno. Então eu realmente gosto deste amarelo para um biquíni. Mas eu não sei. Algo sobre isso ainda é um pouco perspicaz e não praia o suficiente para mim. Considerando que essa combinação de cores que eu inventei, eu realmente gosto de como isso é brilhante. Acho que isso seria bom e brilhante para a mala. Depois temos o biquíni e o caranguejo, e provavelmente o guarda-chuva e areia e conchas. Podemos colocar as conchas nesta cor azul também para que uma seja boa. Tudo o que eu tenho que fazer é clicar nesses pequenos pontos e exportar paleta e, em seguida, salvá-lo como uma imagem e apenas nomeá-lo cores da praia e, em seguida, exportar. Agora ele vai baixar e eu vou apenas arrastá-lo para cima, colocá-lo em uma pasta. Depois voltarei ao After Effects e depois deixarei no nosso caixote. Vamos trazer isso clicando e arrastando e colocando isso em nossa composição. Agora que escolhemos uma bela paleta de cores para nossa ilustração, vamos seguir em frente e começar a traçar nosso design usando a ferramenta de caneta, então nos vemos lá. 6. Desenhando com a ferramenta Caneta: Finalmente é hora de aprender a usar o lápis e traçar esse design e transformá-lo em uma ilustração no After Effects. Então vamos em frente e começar. Vou selecionar meu PDF clicando no espaço vazio da composição. Agora vamos usar a ferramenta caneta, então, para usar a ferramenta caneta, você pode ir até sua barra de ferramentas e pressionar a “Ferramenta Caneta”, ou você pode clicar em “G”. Então eu vou mudar para a ferramenta de caneta. Há algumas coisas diferentes que a ferramenta de caneta pode fazer e para chegar a todas as ferramentas que ela tem, você realmente apenas segurá-la, clique para baixo. Temos ferramenta caneta, adicionar ferramenta de vértice, excluir ferramenta de vértice, converter ferramenta de vértice, e ferramenta de pena máscara. Vamos principalmente usar a ferramenta de caneta e a ferramenta de conversão de vértice. Mas se você tiver G selecionado e bater duas vezes, ele irá alternar entre a ferramenta caneta e a ferramenta de difusão de máscara. Se você está trabalhando aqui e você vê isso uma pena pequena estranha, não é isso que você quer estar, você quer ter certeza de que é este pequeno ícone de ferramenta caneta. Para começar, vamos apenas fazer vértices ou vértice. Nós vamos apenas clicar e boom, nós temos este pequeno quadrado. Se você notar em nossa composição, ela diz “Camada de forma um Quando você está criando uma equipe com uma ferramenta de caneta, você está criando camadas de forma. A camada de forma é feita de vértices e caminhos. Então o caminho, os vértices compõem o caminho. Eu queria passar rapidamente sobre a anatomia de uma linha. Quando estamos criando uma linha ou um caminho, estamos criando pontos de vértice com a ferramenta caneta para dizer ao nosso caminho para onde ir. Quando você está criando um caminho, você vai estar criando linhas retas, e se você quiser curvar essas linhas, então você vai usar o que é chamado de um identificador de Bezier, e você vai fazer isso com o vértice convertido ferramenta. Então, para mostrar o que quero dizer, aqui está a nossa primeira vertice. Se eu for até aqui e definir outro ponto. Agora temos um caminho com dois vértices. Ele não cria uma nova camada de forma porque ainda estamos na mesma, não fechamos a forma. Agora você não precisa fechar a forma como se eu clicar fora, então essa é a forma feita. Podemos colocar uma linha ou um derrame, mas vamos continuar. Então, se você notar que não estamos perto disso mais, e para voltar a ele, tudo o que temos que fazer é ter certeza de que uma ferramenta de caneta selecionada e clicar no último ponto em que estávamos, e boom, estamos de volta e você verá que na parte inferior é selecionado novamente. Tudo o que vamos fazer é esboçar com linhas retas. Você vai vê-lo começando a preencher esta cor azul, e nós não queremos isso. Queremos ser capazes de ver onde estamos caindo nossas linhas. Então, se o colocarmos aqui, então ele vai começar a bloquear as coisas e não é útil. Você vai passar para este pequeno preenchimento. Você verá que é azul e é o texto real e você clica na caixa, ele vai realmente mostrar as cores e você pode mudar a cor, mas isso não é o que queremos agora. Queremos acertar o “Preencher” e não acertar nenhum. Aperte “Ok” e novamente vamos atingir o nosso último ponto para começar o criador de caminhos tudo de novo. Clique e feche a forma. Agora você pode estar se perguntando, bem, esse não é o esboço. Se eu aumentar o zoom usando a roda de rolagem e pressionar “H” para usar uma ferramenta manual que não está alinhada. Não é isso que queremos. Então podemos voltar e encaixar isso. Nós vamos realmente usar a ferramenta de conversão de vértice agora, e para chegar a isso, você tem que clicar e segurar a ferramenta de caneta em sua barra de ferramentas e deixá-lo ir, e agora você vai ver que nós temos esse pequeno triângulo aberto estranho. Se você segurá-los, clique em um vértice e puxe, ele vai começar a criar algumas curvas. Agora, se você vê que a maneira que eu estou puxando é realmente criar um loop, nós não queremos isso porque ele não está delineando nossa forma. Às vezes, quando estou puxando, eu pensei que tinha que puxar essa direção, mas eu estava errado, então eu vou puxá-lo de volta. Você pode ver que está acabando muito bem então nós vamos apenas fazer isso em toda a forma. Se eu quiser que uma linha seja um pouco mais longa. Então, se você ver aqui em baixo, se eu puxá-lo ainda não completamente obtê-lo todo o caminho onde eu quero, mas eu gosto desta curva. Então vou largar e depois puxar este cabo de Bezier. Puxe isso para baixo e, em seguida, boom, está tudo lá dentro. Mas você quer ter cuidado. Então, quando você puxa os dois ao mesmo tempo, ele cria uma curva mais suave. Considerando que se mover este para cima, agora vamos ter uma curva afiada lá. Portanto, apenas esteja ciente disso. Como se você quiser bordas afiadas ou se você quiser bordas lisas, então esteja ciente de que maneira suas alças Bezier estão indo. Eu só vou controlar ou comandar sementes, retira isso de volta. H para usar minha ferramenta de mão, G para voltar para a ferramenta de caneta, depois puxando. Isso deve ser bom para ir e está delineado. Então, antes de continuarmos, eu vou descer aqui, você é a camada de forma e selecioná-lo, e então pressione “Enter” para renomeá-lo. Então eu estou nomeando Suitcase_Base e “Enter” novamente para confirmar que renomear. Agora vou trabalhar nas outras partes. Se eu subir aqui e verificar se minha ferramenta caneta está selecionada e eu estou usando a ferramenta caneta, eu vou começar a delinear a alça. Se eu segurar o shift eu vou realmente obter uma linha reta de cada ponto de vértice. Deixe-me ir em frente e mudar este preenchimento para ser mais como um preto macio, eu acho. Aperte “Ok”. Em vez de começar uma nova camada de forma, eu vou ir em frente e ter certeza de que estes dois estão na mesma só porque eu sei que eu não vou animá-los separadamente e eles vão ser da mesma cor. Então, se eu clicar, você verá que ela não cria uma nova camada de forma porque eu já estou selecionado na atual. Shift, você começa uma linha reta, e boom nós temos nossas alças, aperte “Enter” para renomeá-los, e agora eu vou selecionar fora. Use uma ferramenta de caneta novamente. Eu não estou feliz com onde este incorrer ponto, esta vertice é, eu posso usar a ferramenta de seleção para segurar e arrastá-lo para fora. É muito útil, então você não precisa se preocupar muito com qualquer coisa no lugar certo, e eu quero que isso seja curvo. Então eu vou voltar para a nossa ferramenta de conversão de vértice. Puxe para cima. Vá em frente e mude esse preenchimento, eu queria ser da mesma cor que a nossa mala. Você percebe que essas alças estão sobrepostas, então eu vou selecionar as duas e colocá-las sob a base para que elas fiquem escondidas lá embaixo. Isso é realmente o básico da ferramenta de caneta. Eu vou seguir em frente e delinear mais formas, e então eu vou voltar para mostrar alguns toques finais com a ferramenta caneta. Mas, na verdade, uma vez que você entra em um fluxo, é muito rápido e fácil de descer. Se você notar, eu não estou usando as ferramentas do Ellipse para criar esses círculos, e isso é porque eu quero que eles sejam um pouco desiguais e funky. Vai com o meu desenho. Se você segurar Shift enquanto estiver puxando, ele bloqueará as alças do painel completamente uniformemente. Agora é hora de fazer um pequeno detalhe na frente da mala porque eu sei que há mais algumas linhas lá que eu preciso pegar. Para fazer isso, vou usar esta ferramenta para os olhos. Clique nisso para aumentar a base da mala. Certifique-se de que não estou selecionado em nenhuma camada. Então use G para selecionar nosso lápis, e eu vou criar nosso zíper e nossas linhas. Eu vou ir em frente e desligar as rodas também, para que eles não fiquem no nosso caminho. Novamente, usando os mesmos princípios que acabamos de aprender. Agora, se você notar, quando eu cliquei no meio, ele realmente criou outros vértices. Se você vê-lo, virou para a ferramenta caneta um pouco mais de sinal, e isso significa que ele vai adicionar outros vértices. Não preciso de um lá, então vou para o Controle ou o Comando Z. Agora temos o zíper. Quero que nosso zíper e nossas linhas em nossa mala sejam como uma esbranquiçada, então vou fazê-las na mesma camada de forma, exceto pelas linhas. Em vez de desenhar uma forma de tipo de retângulo grosso, eu estou realmente indo apenas para usar traçado. Para fazer isso, vou me certificar de que minha ferramenta de caneta está selecionada, vou clicar e, em vez de fazer uma linha reta, vou seguir em frente, e puxar quando eu soltar minha linha. O que isso vai fazer é ir em frente e criar a alça da moldura para mim. Quando eu descer aqui, já está começando a ter uma curva, e acabamos com essa linha. Agora que descrevemos tudo, vamos clicar em nossa Camada de Forma. Percorra nossa lista suspensa e clique em “Forma 1" já que o zíper é a primeira forma que desenhamos. Vou apertar Preencher, ligar o preenchimento de novo. Agora, vamos configurá-lo para um off-white. O que eu estou fazendo é clicar em Forma 2 a 5 e apenas segurando Shift para selecionar todos eles. Vou tocar “Stroke” desta vez. Cor sólida. Está bem. Já deveria estar no nosso branco, porque era para isso que o outro estava definido, que é para ter certeza. Pegue sua ferramenta conta-gotas, aperte “Ok”. Como sempre, vamos nomear a nossa camada. Se eu desligar o esboço, você vai notar que nosso zíper e linhas estão realmente pendentes. Eu fiz isso de propósito quando eu estava rastreando porque nós vamos realmente ir em frente e usar uma máscara para garantir que eles cabem perfeitamente em nossa mala. Se eu tiver zíper e linha selecionados, vou clicar com o botão direito do mouse em “Máscara”, “Nova Máscara”. Você verá esta caixa amarela aparecer, então esta é a nossa máscara, e eu vou aprofundar isso quando criarmos nossa máscara personalizada, mas esta é uma visão geral básica rápida. Se você ver enquanto eu movo a máscara para cima, ela esconde a cor da camada que está mascarando. Eu vou mover isso de volta para baixo, e uma máscara é essencialmente os mesmos passos que usar a ferramenta caneta. Eu vou entrar com a ferramenta caneta com minha máscara ligada, e eu vou adicionar alguns pontos, e entrar na minha seleção e mover esses pontos ao redor. Não temos que delinear perfeitamente a mala, mas só queremos cortar onde a mala termina. Novamente, estes são os mesmos passos exatos que usar a ferramenta caneta ou apenas usá-lo em uma massa agora. Vá para a ferramenta Converter Vertex, e está tudo bem se isso é um pouco desleixado. Gosto das discrepâncias. Isso combina mais com o meu estilo, especialmente onde eu trabalho muito tradicionalmente. Nada nunca vai ser perfeito e eu sinto que quando você trabalha digitalmente, às vezes você pode pensar demais e tentar ir para a perfeição porque você constantemente pode começar de novo, você pode obter pixel perfeito. Mas isso não é o que eu estou metido, então eu não me preocupo muito com isso. Especialmente quando você está aprendendo, não é grande coisa. Apenas fique feliz que você está fazendo algo e aproveite o processo. Nossa mala está pronta agora. Estou muito feliz com isso. É muito simples. Você pode notar que as linhas são realmente, muito limpas, o que é bom se você quiser ir para um olhar vetorial, que é realmente nítido. Mas eu quero um pouco mais de diversão e imperfeição, então na próxima lição, eu vou rever como podemos adicionar efeitos e texturas para que ele possa trazer mais à vida e torná-lo um pouco mais orgânico e lento, em vez de tão duro e limpo. Eu vou seguir em frente e delinear meus objetos, e para fazer isso, eu vou apenas abrir meu esboço e ter a ferramenta de seleção selecionada. Vamos apenas mover o meu esboço para cima e escalá-lo para que ele caia na mala, todas as minhas coisas. Agora que eu tenho o esboço onde eu quero para que todos os meus objetos se encaixem na mala, antes de meus objetos se encaixem na mala, começar a rastreá-lo, eu vou ir em frente e selecionar o de baixo, segurar “Shift”, e selecionar o de cima. Então vamos clicar com o botão direito do mouse e clicar em “Pré-compor”. Vamos pegar essa caixinha que vai aparecer e vamos dar o nome àquela mala. Boom tudo junto, para que possamos desligá-lo e ligá-lo apenas com a mala. Uma pré-composição só faz outra composição, então se você ver em nossa caixa, é só a mala. Ainda podemos acessar tudo isso e fazer ajustes se precisarmos. Mas na nossa composição principal, é tudo empacotado juntos para que possamos adicionar efeitos a toda a coisa e movê-lo como quisermos. Agora temos uma compreensão de como os conceitos básicos da ferramenta de caneta funcionam e como criar formas maiores usando ela. Agora vou repassar algumas dicas e truques que irão ajudá-lo a delinear esses pequenos detalhes. Vejo-te na próxima lição. 7. Detalhes com a ferramenta Caneta: Agora que você sabe como usar a ferramenta Caneta para criar formas maiores, eu vou mostrar como eu faço para desenhar minhas áreas menores e detalhadas do meu esboço. Para o top do biquíni, há algumas coisas diferentes acontecendo, então o que eu realmente vou fazer é usar um traço e eu vou criar vários caminhos na mesma camada. Para fazer isso, você só vai clicar fora do caminho uma vez que você criá-lo, mas certificando-se de que você está na mesma camada, e apenas desenhar continuamente as linhas onde você quer que elas. Apenas esteja ciente de onde você está desenhando seus endpoints. Bem, isso vai ser um golpe bem grosso. Eu não estou muito preocupado com você ser capaz de ver que são vários caminhos, mas isso é algo para ter em mente. Uma vez que você terminar você vai definir o derrame. No entanto, se você tiver vários traçados na mesma camada, você precisará abrir a camada e selecionar todos os caminhos e , em seguida, definir o traçado dessa maneira. Como sempre, não se esqueça de nomear suas camadas que você possa acompanhar tudo e manter tudo organizado. Para o tecido real do biquíni, eu realmente vou estar criando formas realmente ásperas em cima de nossas tiras de biquíni, e então eu vou refiná-lo de lá, novamente, mantendo-o acima da nossa camada de cinta. Então, uma vez que eu terminar e eu estou feliz com as formas, eu vou deixá-lo abaixo da camada de cinta para que pareça que é parte do biquíni. Se você tem um objeto que é o mesmo, então eu tenho a concha, mas eu tenho outra concha aqui em cima e eu estou bem com eles sendo as mesmas formas gerais, então eu vou apenas para o Comando C ou Controle mais C, ou Comando e Control mais V e isso vai copiá-lo. Então você verá esse pouco, quase parece uma mira, esse é o ponto do objeto no grupo. Eu preciso girar este objeto, mas à medida que eu rodar, ele vai girar em torno do ponto de ancoragem não no meio. Para corrigir isso, eu vou usar a ferramenta Pan Atrás que você pode obter usando Y. Então eu arrasto isso para baixo até que ele está mais ou menos no centro. Você pode clicar em “Snapping” para ativá-lo e ele vai encaixá-lo no centro para você, o que quer que ele considere o centro. Então agora podemos girá-lo da maneira que queremos, e eu vou reduzir este um pouco, porque eu quero que ele do mesmo tamanho. Para fazer os pequenos pontos para a areia, em vez de criar um monte de elipses porque então essas serão todas camadas de forma separadas, eu estou realmente indo para ampliar e usar minha ferramenta Caneta e fazer pequenas linhas, e eles vai criar pequenos pontos com o golpe ligado. Eu meio que quero que eles sejam este tom amarelo. Eu só vou continuar fazendo isso e, em seguida, selecione V, basta clicar fora da forma. Você vai notar que eu estou me certificando de selecionar fora do lado porque se eu selecionar aqui, há uma boa chance de que eu poderia realmente bater em uma das minhas outras camadas de forma e então eu vou confundir a coisa toda. Agora temos um pouco de areia acontecendo, pequenos blocos. Parecem confete, são fofos. Para fazer bolinhas no biquíni, vou fazer o mesmo que fiz com a areia. Eles vão ser mais como pequenas linhas, mas eu gosto do jeito que isso está olhando com todas as bordas afiadas, especialmente porque na próxima lição, nós vamos estar áspero algumas dessas bordas. Acho que vai ficar bom no final. Claro que esta pode ser a nossa interpretação divertida no biquíni de bolinhas amarelas, pode ser o itsy bitsy pequenino-weeny amarelo, ponto quadrado, biquíni de ponto retângulo. Agora terminamos com todos os nossos contornos, então vamos fazer uma pré-composição em todos os nossos objetos como fizemos para a mala. Vamos para Pre compor depois de clicar com o botão direito do mouse e clicar em “Objetos”. Agora temos uma mala que vai colocar em cima com nossos objetos dentro. Agora que temos nosso design final rastreado e efeitos secundários com a ferramenta Caneta, vamos adicionar algumas texturas e efeitos animados divertidos para realmente trazê-lo à vida, por isso não é um corte tão limpo. Vejo-te na próxima lição. 8. Adicionando efeitos e texturas: Antes de trabalharmos na vitela do cliente, vamos adicionar alguns efeitos animados e texturas. Nos recursos do projeto, adicionei algumas texturas que criei, pequenos loops de vídeo que você pode usar em sua animação e mostrarei como usá-los. Agora que temos nosso design rastreado, temos nosso exterior, então seja qual for o nosso objeto, e então o que está dentro do traço também, vamos começar a adicionar alguns efeitos e texturas. Mas antes de começarmos, vou criar um fundo. Para fazer isso, clique com o botão direito do mouse em nosso painel, selecione Novo e, em seguida, Sólido. Pretende certificar-se de que clica em Make Comp Size. Este já é 1920 por 1080. Vou chamá-lo de Fundo. Vou deixar o branco por enquanto porque podemos mudar a cor mais tarde. Aperte Ok, e ele vai trazê-lo até o topo para que você apenas arrastá-lo para baixo para baixo. Agora temos um passado. Vamos fazer o mesmo processo novamente. Vamos clicar com o botão direito do mouse em Novo, mas este vamos selecionar a camada de ajuste. O que isso vai fazer é nos permitir adicionar alguns efeitos aos nossos objetos sem colocá-los diretamente no objeto. Aperte Enter, vai dar o nome de Efeitos. Eu vou para o nosso painel de efeitos e predefinições, e eu vou digitar o ruído. Há alguns tipos diferentes de ruído, mas o que vamos usar é apenas ruído plano. Se clicarmos nisso, podemos arrastá-lo e soltá-lo em nossos efeitos ou você pode clicar duas vezes quando tiver a camada selecionada, e ela a soltará nessa camada. Neste momento não temos barulho. Se você ver se eu puxar isso para cima, nós temos muito barulho. Eu não gosto de usar ruído de cor, então eu sempre desclique ruído de cor porque eu não quero adicionar nenhuma cor às minhas cores já selecionadas, eu só queria adicionar um pouco de granulação. Obviamente 100 é um pouco demais, então eu vou definir o meu para cerca de 10. Eu vou voltar para efeitos e presets e desta vez eu vou digitar turbulento. Você verá que há monitores turbulentos e ruídos turbulentos. O que vamos usar são exibições turbulentas. Eu vou clicar nisso e você verá que ele vai deformar o que quer que esteja debaixo dele. Se eu desligar a mala, você verá que os objetos embaixo dela também estão deformados. Isto é demasiado, por isso vou recusar isto. Quero que o tamanho dos ecrãs seja de cerca de 10. Nós temos um pouco menos, ainda mal humorado, mas nós vamos baixar este valor. Vamos tentar 10 na quantidade também. O guarda-chuva é um pouco confuso, então eu poderia reduzir o tamanho para um oito. Isso parece bom. Este efeito não vai se mover, mas o que ele vai fazer é apenas adicionar estas pequenas bordas acidentadas para torná-lo mais áspero, olhar artesanal, que eu pessoalmente estou em. Agora vamos aplicar alguns efeitos diretamente aos nossos objetos. Eu queria colocar esses efeitos em suas próprias camadas para que eu possa desligá-los e ligar desde que eu quero que eles afetem toda a composição, mas há certos efeitos que eu quero aplicar apenas para a mala e os objetos. Vou clicar na mala e vamos começar com essa, voltar para o nosso painel. Desta vez vou a uma sombra de pesquisa. Vou adicionar uma sombra a isso, mas insira preto. Acho que vou usar uma marinha mais escura. Desde preto como eu tenho essa cor mais escura, mas eu não tenho nenhum preto verdadeiro na minha cena. Eu estou ficando longe de preto realmente áspero porque eu não quero esse contraste intenso, bater Ok. Então eu vou trazer a distância para cerca de 10, ver como isso parece. Eu quero um pouco mais suave, e depois 20. Vamos reduzir a opacidade para cerca de 40. A razão pela qual fiz isto é que quero que o meu objecto pareça ter sido cortado. Com as telas turbulentas que lhe dá esta sensação de corte mão mão mão mão e, em seguida, com a sombra sobre ele, parece que ele é cortado e colocado sobre o pequeno pedaço de papel ou fundo branco que eu tenho configuração. Para empurrar isso ainda mais para torná-lo ainda mais parecido com ele foi cortado, eu vou olhar para cima em relevo e eu vou bater Color Emboss e aplicar isso. Isso foi um pouco intenso. Você vê desligando e ligando usando este pequeno botão FX. É um pouco demais para mim, então eu vou tirá-lo, obter um contraste de 50, ver como isso funciona. Ótimo, estou feliz com isso. Eu vou trazer para cima para misturar original pode ser cerca de 10 por cento, um pouco mais. É bastante sutil, mas você vai notar que está adicionando um pouco de relevo nesta borda, então é nisso que eu estou prestando atenção enquanto eu estou olhando e, em seguida, todas essas bordas. Vamos ver. Estou feliz com a quantidade disso. O legal é que gosto da aparência e está tudo cortado. Vou apenas clicar em ambos e, em seguida, segurar Shift para cortar o outro, apertar Command ou Control C, e, em seguida, bater em nossos objetos e, em seguida, Command ou Control V, e você verá que ele solta eles aqui desligando a mala. Boom, eles têm os mesmos efeitos. Quando você copia e coloca efeitos, eu recomendo que você realmente olhar para suas outras camadas se você é apenas efeitos de ritmo, apenas para garantir que ele vai bem com os outros objetos. A gravação pode ser um pouco forte demais para este, então eu vou pegar a gravação e trazer o contraste para baixo talvez 10 pontos. Sim, parece um pouco melhor. Agora vamos brincar com o fundo. Agora, se você vai notar, no entanto, onde os efeitos de monitores turbulentos estão acima de toda a camada, ele está realmente deslocando o sólido em segundo plano. Para lidar com isso tudo o que eu vou fazer é apenas puxar o fundo um pouco, que você não seja visto como um arestas ásperas. Então eu vou passar por aqui e digitar o preenchimento, e eu vou apenas deixar um preenchimento no fundo. Esta é apenas uma maneira fácil de mudar seus sólidos. Acho que vou usar uma dessas cores. Eu realmente gosto dessa laranja, mas eu não quero que ela se misture muito, então vamos ver. Sim, está misturando um pouco demais de nossos objetos, mas parece com a mala. Vou abrir a nossa cor de novo, e vou escolher um tom diferente de laranja. Lá estou eu muito feliz com essa. Isso é como um amarelo alaranjado e não é diretamente da nossa paleta de cores que eu criei, mas é muito próximo porque é da mesma família e mantém toda a composição quente. Agora estamos quase terminando, mas há algo que eu super amo fazer quando estou animando, é adicionar alguma textura animada. Eu já tenho essas texturas aqui, e eu vou em frente e deixá-los tocar acima da composição, então veja o que eles estão fazendo. Tudo isso é um arquivo do Photoshop que eu disse para animar e então eu apenas coloquei diferentes texturas de spray para baixo. Vamos em frente e mudar o modo para tela, e então eu vou apertar T uma vez selecionado em uma textura e trazer a opacidade para, provavelmente, 10. Então, jogue com isso. Estou vendo, mas é um pouco sutil demais, então traga para cima. Só para manter a linha do tempo em loop uma vez que esta será uma animação curta, eu vou pegar esta pequena linha aqui, este é o fundo. Ele vai editar sua área de trabalho e eu vou apenas segurar e deslizar para dentro até o final disso. Nossa animação vai durar cerca de quatro segundos. Colocamos a barra de espaço para jogar. Eu não estou super feliz com o barulho, então eu fui em frente e desliguei-o. Para chegar a ele se você estiver no painel do projeto, se você apenas clicar no Efeito e, em seguida, se você clicar duas vezes, ele vai abrir toda a camada. Se vires isto, não te assustes. Tudo que você tem que fazer é clicar neste x, ele vai levá-lo de volta para o seu comp principal. Se eu clicar aqui, você verá controles de efeitos aqui em cima, e então você pode voltar para ele. Apertei este botão de efeitos para desligar o ruído. Eu sempre posso adicioná-lo novamente mais tarde, então não há sentido em excluí-lo, aqui realmente não vai ocupar tanto tempo de renderização. Vá em frente e desligue isso e passe. Muito feliz com isso. Então, eu gosto do jeito que ele fica nos objetos, mas a única coisa que eu não estou super amando agora é que a mala está apenas flutuando. Eu vou movê-los um pouco para cima, e então eu vou realmente fazer uma sombra. Vou clicar e segurar para abrir minha ferramenta de elipse e ter certeza de que você não está selecionado em uma camada, porque se você estiver, você estará criando uma máscara, então nada é destacado. Eu vou estar fazendo uma forma e eu puxar, e então eu vou apertar V para minha seleção e puxar isso para cima, e então soltar isso sob todos os meus objetos. Então eu vou pressionar Enter para renomear. Agora temos uma sombra, embora eu não ache que uma sombra branca faça sentido. Vou abrir as cores da praia de novo, clicar duas vezes e depois deixo cair esta laranja. Desta vez eu vou usar essa cor laranja e desligar minhas cores. Parece muito bom. Novamente, eu vou ajustá-lo um pouco eu quero que ele seja mais escuro, então ele se destaca um pouco melhor. Isso parece super legal, mas com tudo estranho, é um pouco perfeito demais para mim. Vamos adicionar um efeito a isso também. Vamos passar por cima e digitar warp de onda, e então eu solto isso. Agora, se você vai ver, isso é super ondulado. Eu vou puxá-lo. Vamos ver, adicione um, eu não acho que vai fazer muito. Vamos definir como três. Estou feliz com dois. Quando estabelecemos isso, trabalhamos em dois. Agora temos uma pequena sombra e nossa textura animada. Isso é tudo o que vamos fazer para adicionar alguns efeitos animados e texturas, mas vou incluir uma lição bônus onde mostrarei como criei as animações de textura reais, bem como colocá-las no painel do projeto, para que você possa têm acesso a eles no caso de você apenas querer ir em frente e adicioná-los ao seu arquivo. Pense em como você gostaria que seu objeto revelasse o que está dentro para a próxima lição. Te vejo lá. 9. Criando texturas animadas: Queria mostrar-lhes rapidamente como criei esses efeitos animados e texturas para que vocês possam criá-los. No entanto, se você não sente vontade de criá-los e você está apenas tentando se animar, então sinta-se livre para baixar os gratuitos que eu enviei para todos os recursos do projeto. Vá em frente e abra o Photoshop, e então você só vai apertar “Criar Novo”, e nós vamos estar fazendo um 1920 por 1080 porque esse é o nosso tamanho de composição. Você acabou de configurá-lo para pixels, 1920 por 1080 horizontal, 300 dpi é bom, cor RGB é bom porque estamos usando digital, então seria na tela. Podemos manter o fundo branco e depois vou dar um nome a esta Textura Animada. Carregue em “Criar”. A partir daqui, é bem simples. Você vai para a janela. Então você vai para baixo para a linha do tempo. Vai aparecer uma pequena linha do tempo aqui em baixo. Se ele não aparecer lá, você sempre pode encaixá-lo arrastando-o até ver um pouco de azul e deixá-lo ir. Vamos soltar e clicar em “Criar animação de quadro”. O que isso vai fazer é, ele vai criar quadros baseados em suas camadas. Selecione uma nova camada e clique em “Criar animação de quadro”. Com a minha nova camada, cada camada depois disso será um novo quadro. Para criar a textura, eu vou ir e pressionar B. Ele vai trazer o meu painel de pincel. Eu acabei de selecionar um pincel que eu gostei, e eu vou ter certeza de que minha cor está definida em preto. Aperte “Ok”. Em seguida, apenas coloque em alguma textura. Assim que eu estiver feliz com isso, eu vou descer aqui e clicar em “New Layer”. Em seguida, clique em “Novo quadro”. Certifique-se de que apenas a minha nova camada está ativada, então desligue essa e verá no painel que temos um quadro claro. Vou fazer a mesma coisa que fiz. Você percebe que ele ainda não está aparecendo aqui em baixo e isso é porque ele está na camada errada. Queremos apenas ter certeza de que está no Photoshop. Animação é um pouco irritante. Ambos estão ligados, então vou desligar um deles. Lá, eles vão jogar para frente e para trás. É tão rápido assim. Você vai clicar aqui e então eu vou mudá-lo para a cada dois segundos. Agora, se nós reproduzirmos, é um pouco mais lento. Foi assim que criei essas texturas. É super simples e você pode usar qualquer pincel que quiser. Você pode fazer quantas camadas quiser. Eu vou fazer mais um e, em seguida, aperte Play e ele vai jogar através deles. Você sempre pode ajustar o quão lento ou rápido você quer. Vou me preparar para um segundo. Você pode fazer quantos quadros quiser. Eu costumo fazer cerca de quatro. Quando você está feliz com ele, apenas uma boa variação de textura. Vá para Arquivo, Exportar e renderizar vídeo. A partir daqui, ele já será chamado de Textura Animada. Você pode selecionar em que pasta ele vai entrar. Então vamos exportar como um arquivo H.264, que é apenas um arquivo MP4, de alta qualidade, e você apenas clica em “Render”. Em seguida, você terá um vídeo renderizado desta textura que você pode então fazer loop e aplicar às suas animações no After Effects. É assim que crio uma textura animada. Você pode trazer isso para o After Effects e, em seguida, sequenciá-lo e mudar o quão rápido ele joga , quanto ele joga, todas essas coisas divertidas. Você pode usar qualquer pincel com ele como eu disse. Sinta-se livre para fazer suas próprias texturas ou você pode usar as que eu forneci nos recursos do projeto. Espero que isso tenha sido super útil e eu vou vê-lo na próxima lição em que vamos voltar para o After Effects, e vamos animar nosso véu personalizado usando máscaras. Vejo-te na próxima lição. 10. Criando máscaras customizadas: Agora que nosso design tem um pouco mais divertido e está começando a ficar ótimo com todas as nossas texturas, vamos revelar o que está dentro de nosso objeto usando uma máscara personalizada, então vamos em frente e começar. Agora que temos nossos efeitos e texturas configurados, precisamos fazer a grande revelação do que está dentro do objeto e vamos realmente fazer isso criando uma máscara personalizada. Há algumas maneiras de criar a aparência da máscara Vou usar a ferramenta Caneta para criar uma máscara personalizada, mas vou mostrar como você pode fazê-lo usando o recurso de forma no After Effects. Você quer ter certeza que a mala está selecionada e nós vamos passar por cima, e eu vou segurar minha ferramenta e clicar, “Ferramenta de elipse”. Se eu puxar uma elipse enquanto eu for selecionado em nossa camada de mala, ele vai criar uma máscara. Máscara simplesmente bloqueie ou revele o que você gostaria que ele mostrasse. Para este, o círculo está apenas nos mostrando o que está dentro do círculo, então está bloqueando tudo ao redor do círculo. Você pode imaginar como este é completamente bloqueado e, em seguida, apenas o círculo, por isso é como uma janela. Se eu clicar em “Invertido”, então é como se você estivesse na casa e então você pode ver através da janela. Você pode criar uma máscara personalizada usando um círculo e animar que seria da mesma maneira que eu vou mostrar como animar a máscara personalizada. Mas você só vai clicar em “Caminho da máscara” mover para cima e, em seguida, pressionar V para nossa ferramenta de seleção e, em seguida, você pode mover a máscara. Você pode colocar seu círculo onde quiser fazer uma revelação, mas é assim que você o anima usando quadros-chave. Vou mostrar-lhe como criar uma máscara personalizada usando a ferramenta Caneta. Vou certificar-me de que a nossa mala está seleccionada. Vamos pegar nossa ferramenta pin clicando na barra de ferramentas ou selecionando-a com G, então vamos desenhar nossa máscara. O que vou fazer, é desenhar o ponto central. Eu quero que isso derreta como um picolé, uma vez que é roupas de praia dentro e isso me lembra como ensolarado, é insinuar ou prefigurar para o que está dentro da mala. Vou puxar uma linha suave, como aprendemos a fazer na lição da ferramenta Caneta, e depois fechar o caminho. Boom, já está começando a revelar. Antes de começarmos a animar nossa máscara personalizada, eu queria passar rapidamente por quadros-chave. Uma chave é um local em uma linha de tempo que marca o início ou o fim de uma transição. Para criar um quadro-chave, você abrirá qualquer propriedade que deseja animar e aperte o, cronômetro. O que isso vai fazer, vai criar um quadro-chave linear. Isso significa apenas que não há atenuação envolvida, ele só vai criar um movimento muito mecânico de um ponto que você definiu para o ponto final que você definiu. Agora, quando você é selecionado em um quadro-chave linear e você aperta “F9", ele criará um quadro-chave de Bezier. O que isso vai fazer é criar um movimento rápido e lento no início e no fim da sua animação. Vamos continuar e mergulhar novamente na animação ou na máscara personalizada, que você possa ver como esses quadros-chave funcionam em tempo real. Para animar esse caminho, vamos soltar nosso menu de máscaras, bater nosso cronômetro, eu vou arrastar isso um pouco porque este é o nosso ponto médio. Tudo o que você aprendeu na lição da ferramenta Caneta será aplicado diretamente aqui. Eu vou bater, “V” então eu vou selecionar meus pontos e eu vou arrastar isso para que a máscara está escondendo completamente o objeto inteiro. Então eu vou passar um pouco e eu vou puxar para baixo para que a máscara agora está revelando o objeto. Agora o nosso caminho está animado. Se eu pressionar a barra de espaço para tocar, vai revelar o que está dentro. Você pode fazer isso oposto para que ele mostre a mala primeiro, mas eu vou te mostrar por que fez isso assim. Quero que isto volte e volte, por isso está a mostrar toda a mala e, em seguida, o que está dentro, e vai fazer um loop infinitamente dessa forma. Vou ajustar nossos quadros-chave e apertar, “F9", jogar isso. Se você notar que é um pouco agitado, alguns eu realmente vou excluir este quadro-chave do meio. Usei-o para começarmos, por isso sabia que forma iria ficar, mas o After Effects faz uma coisa chamada interpolação. Vai adivinhar os quadros no meio. Eu já tenho essa forma ondulada, então ele vai continuar essa forma ondulada como ele termina a animação. Vou apagar este do meio, você vai ver, é muito rápido, mas muito mais suave. Vou mudar isto. Boom, temos nossa revelação. Então eu vou selecionar ambos clicando e arrastando, apertando “Command” ou “Control Z” mover aqui, aperte “Command” ou “Control V” e então eu vou mover estes opostos um ao outro. O que isso vai fazer é fazer em loop as animações. Eu vou jogar agora, ele vai encobrir e então ele vai revelar, cobri-lo e então revelar. Você pode jogar com o tempo disso. Vou mostrar-lhe como é o meu tempo final, mas novamente, usando F9 para quadros-chave fáceis e fáceis e, em seguida, apenas colocando-os opostos um do outro para que ele faça loop continuamente. Esta é a animação de máscara final que eu criei, eu troco em torno de modo que ele começa como uma mala cheia, revela o que está dentro e, em seguida, revela uma mala cheia novamente. Agora, se você notar, eu também fiz nossa sombra desaparecer porque não fazia muito sentido para a sombra estar lá quando nosso objeto não estava lá. Para fazer isso, tudo o que fiz foi ir para a nossa sombra, usei o Pan Atrás, Anchor Point Tool, você pode apertar “Y” para chegar lá. Eu mudei o ponto de ancoragem para bem abaixo da mala, você vê bem aqui? É aí que está o ponto de ancoragem. Então tudo o que eu fiz foi escalar o círculo para porcentagem total, 100% depois para zero, depois de volta para completo e depois zero novamente. Então ele faz loops com a nossa animação e faz com que ela desapareça. Mas eu achei isso muito legal, então nós não tínhamos apenas um círculo flutuante no fundo. Agora que temos a nossa animação de revelação personalizada usando máscaras, vou mostrar-lhe como adicionar alguns pequenos toques finais, como alguma animação dentro do seu objeto, bem como apenas um par de pouco ilustrativo extras que você pode adicionar para dar vida a todo o seu projeto. Vejo-te na próxima lição. 11. Toques finais: Porque você está quase terminando, então parabéns por ter chegado tão longe. Vou mostrar-lhe algumas dicas extras divertidas para ajudar a trazer sua animação ainda mais para a vida. Se você notar na minha animação, quando revela o que está dentro, o caranguejo fecha suas mãozinhas e então a areia se move e as conchas se voltam. Vou mostrar-te como fiz esses efeitos. Super fácil. Para começar, você vai abrir seu pré comp que tem todos os seus objetos dentro. Você vai notar que está em um fundo preto e isso é porque não há fundo. Isso é basicamente como um PNG, que significa que o fundo é apenas transparente. Para animar isso, tudo o que fiz foi olhar para todos os objetos que eu sabia que queria animar. A primeira coisa com que começo é a concha. Eu tenho o contorno do shell, bem como os detalhes do shell, e esses são camadas de forma separadas. O que eu fiz para ter certeza de que eles se moveram juntos é que eu usei essa ferramenta chamada pick whip, que vai criar os outros objetos para outro. Se eu estou puxando a partir deste e soltando no shell, isso significa que os detalhes do shell agora são parentados para shell_2. Você verá aqui, pai ou link, ele vai dizer, você pode usar este menu suspenso também. Eu só gosto de fazer um pequeno chicote porque se você não colocar em nada ele realmente rola backup, é bonito. Eu tenho aqueles pais e, em seguida, eu usei Y para selecionar o pino atrás da ferramenta ancorada. Eu defini o ponto de ancoragem para a parte média da concha. Então eu apenas apertei R para definir quadros de chave de rotação no shell. Mais uma vez, super simples, tudo o que eu fiz foi girá-lo ligeiramente e, em seguida, de volta e de volta novamente. Isso só vai criar uma animação sutil e então eu usei F9 para fazer esses quadros-chave super suave. Eu fiz a mesma coisa com shell_1. Agora, para o caranguejo, eu realmente separei suas mãozinhas, eu as chamo de beliscas. Se você notar, estas são apenas camadas de forma. Passamos por cima de como criei isto. Estes estão apenas usando a ferramenta caneta no After Effects. O que isso significa é que podemos realmente animar o caminho. Se eu abrir a máscara, há duas formas aqui. Eu tenho a forma 3, que é este pincher, e depois moldado 2, que é este pincher. Se for mais fácil para você, você pode clicar em “Enter” e renomear isso. Você pode nomeá-lo como beliscado esquerdo. Eu só vou deixá-lo como formas porque eu tenho o objeto principal rotulado e quando você clicar sobre eles, ele vai realmente destacá-lo, então eu sabia qual deles era qual. Então tudo o que fiz daqui foi animar o caminho. Isso levou um pouco mais de brincar. Este é o padrão onde ele fica aberto. Então, quando encosto, é isso que está fechando. Para fazer isso, tudo o que eu fiz foi definir este quadro chave pressionando o cronômetro, movê-lo para onde eu queria que ele fechasse, então eu selecionei V para selecionar minha ferramenta de seleção, e eu cliquei no caminho e eu o movi. Isso é super simples porque eu só precisava dele para abrir e fechar. Uma vez que fiz esta animação próxima, tudo o que eu tinha que fazer era copiar quadros-chave. Selecionei e copiei o quadro de chave aberto, selecionei e copiei o quadro de chave de fechamento e, em seguida, abri novamente. Isso é tudo o que há para ele, ele está apenas movendo o caminho, então as pequenas beliscas de caranguejo vão abrir e fechar. Então, por último, eu peguei a areia, estava tudo em uma camada. O que fiz foi ir ao Effects. Acabei de adicionar um trabalho de onda simples para o som e ajustou a altura e a largura para dar-lhe apenas um pouco de animação. Então, quando eu voltar para a nossa comp principal, você vai notar que você vê tudo se movendo. Ele só adiciona um pouco de fofura e alguma animação secundária para trazer seus espectadores para que eles fiquem um pouco mais interessados no que está dentro do objeto, para que você não esteja apenas revelando uma imagem estática. Por último, mas não menos importante, criei estas pequenas estrelas. Criar as estrelas é usar os mesmos princípios que eu usei para a máscara. Tudo o que eles são é que eles estão prontos para começar e então eles estão prontos para terminar, e é apenas copiado e colado, e então eu apenas toquei com a posição deles. É super simples. Vou mostrar-te rápido como os fiz. Para criar uma estrela, você selecionará a ferramenta de elipse e certifique-se de que não está selecionado em nenhuma camada. Você vai puxar uma pequena estrela, e então nós vamos para Add, Pucker e Bloat. Então, a partir deste menu suspenso, vamos apenas alterar o valor. Se você olhar, isso cria uma pequena estrela fofa. Então tudo o que eu fiz foi usar o cronômetro, e F9 para facilitar a facilidade, para criar a pequena estrela em movimento. Minhas pequenas estrelas se movem um pouco mais rápido e novamente, apenas brincar com ele, experimentar e se divertir. O último elemento que eu sabia que tinha que jogar eram os caminhos de corte. Isso é apenas criar linhas, assim como fizemos na lição da ferramenta de caneta. Eu criei pequenas linhas aqui. Se você não fez minha outra classe de compartilhamento de habilidades, aparar caminhos estão simplesmente animando o início e o fim de uma linha. Se eu abrir isso, você verá que está pronto para terminar, e tudo o que está fazendo é trazer as linhas para o ponto final, e parece que elas desaparecem, e depois animá-las de volta. Tudo o que você tem que fazer para obter o efeito caminho de corte de um pouco de brilho estourando ou linhas de excitação. Eu as chamo de linhas gays porque é muito yay. Você vai coletar G para abrir a ferramenta de caneta. Vamos criar uma linha e certificar-nos de que está definida como traçado e não preenchimento. Em seguida, você vai entrar para a forma da linha, como aprendemos na lição da ferramenta caneta, você pode criar várias linhas ou formas na mesma camada. Eu só vou descer e eu vou apertar “Adicionar” e depois “ Cortar caminhos” Neste menu suspenso, eu posso animar o ponto inicial e final. O início ou o fim dependerá do primeiro vértice definido. Se você ver quando eu for selecionado aqui, há esse pequeno círculo, e é difícil de ver, mas isso é definido como o primeiro vértice. Você pode apenas jogar com a forma como ele começa e termina para ver onde está o primeiro vértice. É como o Pucker e o Bloat. Você só vai apertar “Quadro chave” trazer o quadro chave para baixo, e então puxar, e então você está apenas indo para copiar e colar isso. F9 fácil, facilidade, e lá está você usando caminhos de corte. Sinta-se livre para compartilhar seu progresso ao longo do caminho, se você precisar de ajuda ou se você apenas gosta de algum feedback. Estou muito animado para ver o que você criou. Agora é hora de renderizá-lo para que possamos compartilhá-lo com o mundo. Vejo-te na próxima lição. 12. Renderização rápida: Parabéns. Você fez isso. Você criou uma animação de objeto. Estou tão animada para ver isso. Vamos ir em frente e ver como renderizá-lo. Agora que você está pronto para renderizar, você vai apenas certificar-se de que você selecionou na composição que deseja renderizar e que definiu sua área de trabalho para o comprimento que deseja renderizar. O meu é em quatro segundos. Vou para Arquivo, Exportar, Adicionar à Fila do Adobe Media Encoder. Se, por algum motivo, você não tiver o Adobe Media Encoder, tudo bem. Vou mostrar a você como renderizar rapidamente no After Effects, mas ele deve ser baixado com o After Se não estiver, Effects.Se não estiver, você poderá abrir seu aplicativo da Creative Cloud e baixá-lo se pagaram pelo After Effects. Ele vai abrir seu pequeno painel de projeto, então nós vamos clicar no primeiro pequeno ícone que está realçado em azul, e ele vai abrir isso. Deve dizer, Faixa de Origem, Área de Trabalho. Vou formatar o meu para um H.264, e o que é, é apenas um arquivo MP4, que é um arquivo padrão. Você verá que vai say.mp4 e se você clicar em “Nome de saída”, ele vai criar esta pasta. Vai ser o nome do seu projeto e depois AME, que significa apenas Adobe Media Encoder. Eu vou manter o meu lá dentro, aperte “Salvar”. Isso não tem nenhum áudio, então eu vou desmarcar o áudio, então ele não está nem tentando renderizar nenhum. Então tudo o que vou fazer é clicar em “Usar qualidade máxima de renderização”. Então você só tem que apertar o pequeno botão “Play” e você vai vê-lo renderizar para fora. Por algum motivo você não tem Adobe Media Encoder ou só quer renderizar o After Effects [inaudível], tudo o que você precisa fazer é ir para Arquivo, Exportar, Adicionar à Fila de renderização. Assim que abrir este pequeno painel, você só vai apertar “Output Module Lossless”. Vá em frente e clique nisso. Essas serão todas as suas configurações que acabamos de ter no Adobe Media Encoder. After Effects não pode processar um arquivo MP4. A razão pela qual eu gosto de arquivos MP4, é que eles são mais compactados, então eles funcionam melhor para postar em mídias sociais ou se você precisa enviá-lo para um e-mail ou colocá-lo em um site. AVI vai funcionar muito bem, ele só vai ser um tipo de arquivo maior. Tudo isso está correto, deve estar correto, você não deveria ter que clicar em nada aqui, mas só para o caso, é assim que o meu se parece, e então você só vai apertar “Ok”. Em seguida, onde ele diz Saída 2, você vai clicar e certificar-se que este não vai criar uma pasta para você. Você quer se certificar de que você está no seu projeto e, em seguida, você pode até mesmo criar uma pequena pasta, nomeá-la Renders e salvá-la lá. Então tudo que você tem que fazer é apertar “Render”. Agora que você tem um vídeo renderizado, vá em frente e coloque-o na galeria do projeto para mim e outros alunos vê-lo. Estou tão animada para ver o que você inventou. 13. Considerações finais: Parabéns por terminar seu projeto. Certifique-se de compartilhá-lo na Galeria de Projetos para que eu e todos os outros possam vê-lo. Durante essa aula, aprendemos como esboçar um design e digitalizá-lo digitalmente, rastrear um design usando a ferramenta “Caneta” no After Effects, adicionar e criar efeitos animados e texturas, criar uma máscara personalizada e renderizar fora do vídeo. Agora você sabe como é fácil passar do esboço para ilustração animada digitalmente no After Effects. Espero que você seja capaz de aplicar as habilidades que você aprendeu nesta aula em seus próximos projetos de animação. Existem infinitas maneiras de usar a ferramenta “Caneta” e as máscaras. Certifique-se de que você está se divertindo ao experimentar todas as novas animações que você criar. Se há uma coisa que eu espero que você tenha tirado desta aula, é que você pode transformar qualquer um de seus esboços em uma animação digital usando a ferramenta “Caneta”. Estou tão feliz por mostrar que a animação não tem que ser intimidante. Mal posso esperar para ver o que você criou. Certifique-se de compartilhar na galeria do projeto. Se acontecer de você postar no Instagram, eu adoraria que você me rotulasse para que eu possa compartilhá-lo. Se você gosta da aula, eu adoraria que você deixasse um comentário e me seguisse para mais. Vemo-nos na próxima aula. Tchau.