Transcrições
1. Introdução: O que eu mais amo sobre animação, é como ele facilmente captura e transmite humor. Há tantas dimensões nele. Há uma maior chance de tocar um dos sentidos dos espectadores. Porque um humor não está apenas nas formas e na cor, mas é intensificado com o áudio e, claro, o movimento. Oi, eu sou Hannah, uma animadora freelance e designer gráfico com sede na Suécia. Esta classe é toda sobre animação e expressão. Vou mostrar-vos algumas ferramentas e
técnicas diferentes que uso para fazer esta animação de luz arrebatadora. Vou passar por todos os passos para fazer a sombra em movimento e
mostrar-lhe os efeitos que eu uso que dar-lhe um olhar mais textual. O que esta classe vai focar é como você pode animar a sombra em 2D, lançá-la por uma luz em movimento? Não há uma resposta certa para esta pergunta. Tudo depende de qual estilo você está indo para. Um método popular é adicionar uma máscara com uma terceira borda às suas camadas de forma e após efeitos. Mas se a forma que eu estou adicionando sombra é realmente complexa, eu às vezes muito tempo depois da liberdade que as ferramentas de desenho me dão. Onde você pode usar sua caneta para desenhar sua sombra de forma mais intuitiva. animação de camada de forma e, nesse caso, usar o After Effects é ótimo para algumas tarefas, e a animação quadro a quadro com Flash, Animate ou Photoshop é o caminho para outras tarefas. É por isso que esta classe irá levá-lo através de como combinar
essas ferramentas para que você possa trabalhar de forma mais fluente, não comprometendo o design, e finalmente cria uma animação expressiva. Esta classe é perfeita para quem já conhece um pouco do After Effects e que queira explorar alguma animação quadro a quadro. Além disso, para quem quer aprender um pouco de ambos os mundos, alguns quadro a quadro e alguns After Effects, e como produzir dois ofícios juntos. No final desta aula, você terá novos insights quando se trata de executar um determinado design, e você será capaz de criar animações 2D
únicas combinando diferentes técnicas. Vejo-te na aula.
2. Projeto de classe: Para começar esta aula, quero que você ilustre um personagem colocado em um cenário de sua escolha. Coisas a considerar ao fazer isso é, o que você quer que aconteça em sua cena e que história você quer contar? Animação é sempre um investimento de tempo, por isso certifique-se de
fazer algo em que você ficará feliz trabalhando por um tempo. Pense em qual é a sua fonte de luz. Será que vai estar na cena, vir de fora da sua cena e o que vai se mover? Isso tudo depende de você. O único requisito é que seu personagem tenha uma forma que irá lançar uma sombra desigual. Porque se o seu personagem é uma esfera simples, seria muito mais conveniente animar este straliant após efeitos. O objetivo desta classe é resolver o problema da sombra quando seu personagem tem alguns solavancos e defeitos, animando quadro a quadro para que você queira resolver o problema com o Animate ou qualquer software de animação 2D que tenha um desenho ferramenta. Para finalizar seu projeto de classe, você animará quadro a quadro a quadro a luz que varre seu personagem. Vou mostrar meu processo no Animate passo a passo para fazer essa animação. Em seguida, você importará essa animação para o After Effects e a colocará em sua cena. Se você tem um fundo, este é o momento de compor sobre os gráficos. Se ele se adequar à sua cena, você adicionará uma sombra abaixo do personagem e animará com os efeitos Roughen Edges. Em seguida, você vai adicionar um pouco de textura agradável para a sua sombra por trilha madding no efeito Scribble. Você dará mais profundidade ao plano de fundo com os Gradientes e o efeito Ação da bola CC. A última lição, você aprenderá como exportar sua animação em um bom formato para compartilhar em mídias sociais como Instagram, e certifique-se de enviar seu trabalho ou um trabalho em andamento para sua pasta de projetos estudantis aqui no Skillshare, onde eu e colegas podemos lhe dar feedback sobre o projeto. A tarefa principal é animar uma sombra agradável em seu personagem. Mas isso é pelo menos o que leva mais tempo a fazer. Mas se você preferir se concentrar na última parte da lição e ficar louco com alguns efeitos e After Effects, tudo bem também. Vejo-te na primeira lição.
3. Noções básicas no Animate: Nesta lição e na próxima, vou levá-los através de algumas coisas fundamentais que precisam saber e animar, para acompanhar o meu processo nesta aula. Você pode pular as duas primeiras lições se já estiver familiarizado com o software ou se estiver usando qualquer outro programa que permita animar quadro a quadro. Nesta lição, eu vou fazer uma animação simples e não vai ficar muito bonita. Eu encorajo você a se concentrar no como e não tanto em como meus desenhos se parecem. Agora, eu abri o Animate e vamos criar um projeto. As configurações de formato são boas. Se você quiser ter um formato diferente em sua renderização, você sempre pode alterar as dimensões posteriormente no processo. Full HD é um bom ponto de partida. A única configuração que vou alterar é a taxa de quadros. Vou mudar isso para 24, o que é comum para uma animação tradicional. Vou mostrar por que 24 quadros por segundo é uma boa taxa quando vemos a linha do tempo. Vou pressionar “Criar”. Aqui estamos nós. Esta é uma linha do tempo e esta é a barra de ferramentas, e aqui está o palco. Você pode ir aqui para ampliar ou usar o atalho Z e Clique para ampliar e Alt Click para diminuir o zoom. Este é um quadro e o resto da linha do tempo está vazio agora. Este quadro é o 24º de segundo,
então, para criar mais quadros, pressione “F5" no teclado, e aqui está a cabeça de reprodução. Vamos começar desenhando algo. Vou escolher a ferramenta de pincel, que se parece com isso. Eu tenho a pressão da caneta selecionada, mas eu não vou mexer com esses outros botões para esta aula, e você pode mudar o tamanho do pincel aqui, mas eu vou deixar isso em 12 por enquanto. Isso realmente não importa para este exercício. Vamos ver um dos valores e a animação em 24 quadros por segundo. Vamos ter um ponto que se move daqui rapidamente para aqui. Talvez não em linha reta, em vez disso com este arco. Vou controlar Z isto e continuar com o primeiro. Voltando à linha do tempo, usarei a chave de ponto para avançar dois quadros. A tecla vírgula volta e pressionarei “F7" no teclado para criar um novo quadro de teclas vazio. O ponto não está mais aparecendo porque está apenas no primeiro chave-frame. Se eu ligar a pele de cebola, posso ver o quadro de chave anterior com capacidade semelhante. Este é um recurso muito útil ao animar quadro a quadro. Vou começar a animação com este ponto recolhendo alguma energia. Vai voltar um pouco antes de disparar. Isso também é chamado de antecipação. Em seguida, vá para frente dois quadros. Pressione “F7" e alargue a pele de cebola para que possamos ver os dois quadros anteriores. Vou desenhar um arco para o caminho do movimento. Pressione o período “F7", e vamos fazer com que aterre aqui. Vá para a frente F7 e desenhe os pontos ligeiramente acima aliviando neste empurrão. Vá em frente, dois quadros, F7, Vou alargar a pele de cebola para que eu veja o primeiro ponto, e então eu posso desenhar o segundo arco que leva o ponto de volta à sua posição original. Felizmente, isso foi muito preciso. Nós terminamos. Podemos deixar isso e jogar como um loop. Vou apagar esses quadros extras pressionando “Shift F5". Vamos fazer um loop com o botão aqui. Vamos pressionar “Play” e ver como é. Não é uma bela animação, mas parece bem. Os pontos indo para frente e para trás, e aqui é onde vamos ver a diferença de animação em dois em comparação com um. Isto é animado em dois e parece o mesmo como se estivéssemos animando em 12 quadros por segundo. Embora a linha do tempo esteja definida como 24 quadros por segundo, o que ela faz é que nos permite acelerar essa parte. Deixando-o como está, poderia ter um campo agitado, porque o arco está ilustrando um movimento muito rápido, e seria bom se ele animado mais perfeitamente. Para tornar o movimento mais suave, poderíamos excluir um dos quadros e animar o arco em um único quadro de chave. Faria a parte do meio duas vezes mais rápida parecendo algo assim. Isso pode não reproduzir direito, e os casts de tela por mais fino olhar bastante natural se compará-lo com antes. Apenas para contraste, vamos tentar adicionar quadros, para que cada arco seja animado em três quadros. Você vê isso parece menos natural e agitado. É por isso que a animação em 24 quadros por segundo tem suas vantagens, porque permite combinar quadros de chave única para as ações realmente rápidas, com quadros de chave duplos eram fluxo de trabalho mais eficiente. Um recurso mais importante que usaremos para nossa animação de sombra é o atalho F6. Ele cria um novo chave-frame e mantém o conteúdo do que quer que fosse no chave-frame anterior. Agora, esse quadro-chave é uma cópia do quadro-chave anterior, e eu posso adicionar ou reduzir o conteúdo dele. Vou apagar um pouco deste arco, que você pode fazer com esta ferramenta de seleção também. Agora esta linha permanece quase a mesma que a anterior, mas está ficando mais curta. Isto é o que você deve se lembrar desta classe. Adicione quadros com F5, adicione quadros-chave com F6 e adicione quadros-chave vazios com F7. Exclua quadros da mesma maneira, mas mantendo pressionada a tecla shift ao mesmo tempo. Veja vários quadros com a pele de cebola, role para frente e para trás na linha do tempo com um ponto e a tecla vírgula. Isso é tudo por esta lição, e eu espero que você se sinta mais em casa com animação. Agora, vamos importar e preparar nossa ilustração.
4. Preparando sua arte: Nesta lição, vou preparar uma ilustração organizada para animação. Vou recolorir uma edição de pedaços e pedaços. Então eu vou criar uma silhueta baseada nos personagens moldados para usar para a sombra. Então esta não é uma lição sobre como desenhar um animates, apenas um pouco de como os gráficos se comportam e o software. Desenhei meu personagem no Illustrator e isso funciona bem para importar para animates. Tudo que você precisa fazer é arrastá-lo para o palco e um pouco permanecer uma forma vetorial se você quiser, você tem algumas opções aqui. Eu evitaria importá-lo como uma imagem bitmap desde que eu tive alguns toques finais que eu quero fazer aqui um animado. Também porque eu vou criar um estêncil para a sombra com base na silhueta do personagem. Tê-lo como um objeto vetorial ajustável vai tornar isso muito mais fácil. Claro, você pode desenhar sua ilustração e reto e animar em vez disso e ignorar
a parte importadora ou você pode traçar sobre uma imagem desenhada à mão. Há uma abundância de bons tutoriais sobre como desenhar e animar ou flash, se você gosta. Como não vou animar nenhum movimento de personagem, eu poderia ter importado essa ilustração e qualquer formato de arquivo. Mas então eu teria que rastrear a silhueta à
mão e isso levaria mais tempo do que o que vamos fazer agora. Agora, notei que o cabelo do personagem é preto, e eu quero mudar isso para que os destaques apareçam e o cabelo animando a sombra. Então eu vou mudar para uma cor mais clara, talvez marrom. Como você pode ver, há uma caixa delimitadora em torno da forma. Isso significa que ele é definido como seu próprio símbolo, semelhante a uma composição no After Effects. Se eu clicar duas vezes, vou inserir o símbolo e você pode ver que há algumas camadas e aqui, escondendo alguns gráficos que são revelados. Se você destravar essa camada, eu não farei nada aqui. Se eu clicar duas vezes no palco, voltarei para a cena principal. Vou clicar com o botão direito do mouse e escolher separar-se. Isso remove a propriedade do símbolo e eu removo esta caixa delimitadora vermelha. Em vez disso, a ilustração é dividida em objetos diferentes e isso é bom. Agora, eu posso clicar duas vezes nas partes diferentes e fazer as alterações que eu quero. Então, para mudar a cor do cabelo, vou clicar duas vezes no cabelo e ir até
a seleção de cores e escolher uma cor avermelhada enferrujada. Observe que minha seleção aqui é apenas um preenchimento. Assim, os traços fizeram um ilustrador são objetos separados. E logo você verá que eles não são mais traços, mas formas preenchidas emprestam isso. Agora, eu quero que o cabelo na parte de trás tenha o mesmo tipo de derrame que o resto do personagem. Então eu vou me certificar que a cor do traçado está definida para preto e usar a ferramenta garrafa de tinta para colocar essa cor na borda do cabelo. Foi pura sorte que o golpe com combinou com o resto dos traços. Já não estava, eu tinha ajustado a largura aqui. Eu não quero que essas linhas atravessem bem aqui. Então vou tentar corrigir isso. Vou clicar duas vezes nesta forma e selecionar a ferramenta Borracha e no teclado. Enquanto remova cuidadosamente esta linha, e eu vou para o outro lado e, e apague esta linha também. Com a ferramenta de seleção direta, posso tentar refinar um pouco essa linha ajustando seus pontos de ancoragem e animar. Você pode excluir pontos de ancoragem sem quebrar a forma. Vou apagar essa parte do objeto atrás que está aparecendo um pouco. Você pode ajustar a forma com a ferramenta de seleção B em seu teclado apenas movendo o cursor para perto da borda, eu posso arrastar para fora e curva, isso é apenas para preencher essa lacuna. Pode haver alguns pequenos ajustes, mas acho que você tem uma boa visão geral sobre como editar seu trabalho artístico baseado em vetor e animar. Por fim, para esta lição, vou fazê-la preenchida em silhueta. Essa será a base para nós ao animar a sombra. Este passo é para quem planeja fazer uma animação com muita sombra como a minha, onde a sombra vai passar de cobrir todo
o personagem através de revelar um pouco de luz. Vou fazer isso duplicando a camada, o que me dá duas ilustrações e bloquear a camada original e fazer a cópia em uma silhueta preta. Selecione todas as formas, clique com o botão direito do mouse e separe e colorir a nova forma para um preto. Lembre-se, criamos um golpe para o cabelo. Vou apagar essas piadas porque quero que a silhueta tenha uma forma sólida. Agora, você deve ter duas camadas. Um contendo sua ilustração original, e outro era a cópia preenchida, parecendo uma silhueta preta. Então estamos prontos para a próxima lição, onde vamos planejar fora Tara Light vai movê-los cena.
5. Planejando movimento: Agora é hora de criar alguns guias e esboços que não serão exibidos na renderização final. Apenas para que sua iluminação e sombreamento se sintam naturais varrendo em toda a sua cena. Se você pular as lições anteriores, certifique-se de ter sua ilustração e as silhuetas preenchidas dessa ilustração em duas camadas separadas e animações. Primeiro de tudo, vou nomear essas camadas. Clique duas vezes no nome da camada, e eu vou nomear essa garota, e essa sombra. Vamos criar uma nova camada. Agora, eu vou planejar a fonte de luz, qual direção a luz está vindo, e o tempo e a velocidade em que a luz vai viajar. Vou fazer isso com a ferramenta de pincel, e quero uma cor que simbolize a luz. Vou escolher uma laranja. Uma coisa boa sobre animates é que ele permite que você tenha vários projetos abertos ao mesmo tempo. Vou para esta guia aqui e inserir o projeto finalizado. Estou a percorrer a linha do tempo para que possas ver o que estou a planear animar. Vou obrigar a sombra a fazer isto. A luz está vindo do canto esquerdo, viajando até o topo e desaparecendo no canto direito. Voltarei ao meu trabalho em progresso. A luz acenderá algo assim. O esboço foi ativado por alguma razão, vou mudar isso aqui. Vou criar uma nova camada e chamá-la de fonte de luz. Você não pode usar espaço em seus nomes e animar, eu vou pressionar sublinhado em vez disso. Vou usar um pincel pequeno para estes três pontos, é bom. Vou colocar a primeira fonte de luz aqui. Estou desenhando o feixe de luz, então eles cobrem seu personagem indo da borda superior para a borda inferior. Vou colocar algumas linhas entre lá. Quero que a luz vá para o topo, em cerca de um segundo e desça para o canto direito em cerca de um segundo. Vou expandir o tempo aqui para dois segundos com o F5. Clique e arraste, e você pode selecionar vários quadros de uma só vez. Criei um quadro de chave vazio. Certifique-se de que a pele de cebola mostra a moldura anterior, e eu vou começar a desenhar a fonte de luz quando estiver no topo. Você pode fazer uma linha reta mantendo pressionada a tecla Shift. Isto não está alinhado com um personagem, vou movê-lo um pouco para a esquerda. Vou desenhar mais duas posições-chave para a fonte de luz do lado. Vou fazer um quadro de chave vazio e selecionar a camada abaixo e planejar isso um pouco. Vamos colocar um ali e outro ali, e isso se espalhou bastante uniformemente. Vou bloquear esta camada, estou desenhando minha luz como se ela estivesse vindo de um ponto ou um pequeno ponto que talvez você queira que a sua venha de uma área maior, ou de mais longe espalhando a luz em um ângulo mais reto, faça isso do seu jeito. Esta é apenas uma maneira de se preparar para animar com uma luz imaginária. Agora, eu terminei um lado e eu posso copiar e colar os esboços de luz para o outro lado. Para fazer isso, selecione o quadro que deseja copiar na linha do tempo. Você pode arrastá-lo para onde quiser. Agora eu preciso virar isso clicando com o botão direito do mouse
no desenho e selecionando “Transformar” e virar horizontal. Estou mantendo pressionada a tecla Shift para movê-la em uma linha horizontal reta, e vou colocá-la para que as linhas correspondam ao caractere. Você pode ignorar o guia porque ele não é mesmo muito preciso de qualquer maneira, eu vou até escondê-lo de agora em diante. Agora você pode fazer o mesmo para o resto das posições-chave do lado. Agora temos todas as posições-chave da fonte de luz. Eu quero espalhar esses quadros-chave uniformemente porque a luz vai se mover em um movimento linear e a luz vai começar a mostrar dois quadros-chave, e assim 1,2,3,4,5,6,7,8. Vamos ter oito quadros para cada posição de luz. Empurre estes um pouco movê-los em torno de modo que cada quadro-chave detém para oito quadros. Vejo aqui que vou ter que expandir um pouco a linha do tempo para todas as camadas. A animação será pouco mais de dois segundos, o que não é problema. Agora eles estão todos iguais e eu tenho um bom guia de fonte de luz para os principais quadros-chave da animação de sombra. Eu só vou expandir estes, e eu posso excluir esta camada guia de agora em diante. Agora, vou certificar-me de que estes estão bloqueados e vou esconder a camada de sombra, para que possamos ver o personagem, e eu vou criar uma nova camada. Outra coisa que você pode fazer que é útil para obter a sombra certa, é conhecer a forma e o volume dos seus personagens. Selecione a ferramenta de pincel novamente e escolha qualquer cor e pense em como sua forma é formada. Pode haver alguns detalhes que já estão ilustrados. Eles podem ter um impacto sobre como a sombra vai se comportar. Para o meu personagem, a luz provavelmente irá destacar os ossos do colarinho antes de tocar o resto do peito. Vou começar a desenhar uma malha para fazer a forma fazer sentido em 3D. Você não precisa ser muito exigente aqui. Basta fazer linhas que você acha que poderia ajudar como um guia. Talvez fazer linhas como esta que enfatizam os braços sendo cilindros irá ajudá-lo a obter a forma certa. Agora, eu tenho o momento certo para o movimento da luz com sete posições-chave, e eu tenho o ângulo certo, então eu sei de onde a luz está vindo e eu tenho uma boa compreensão da forma e volume dos personagens. Isso significa que estamos prontos para animar a silhueta preta em uma sombra em movimento.
6. Animando pose-a-pose: Agora que eu tenho algumas posições diferentes de uma luz, eu estou pronto para desenhar a sombra nesses quadros-chave. Estaremos animando o chamado “pose-to-pose “em vez de seguir em frente. Quebrar o processo de animação em diferentes posições-chave, significa que temos mais controle sobre o ritmo e o tempo. As poses neste caso significam as diferentes fases da luz. Agora temos nossos guias e o esboço dos volumes. Eu não vou olhar muito para o esboço de volume, então eu vou escondê-lo por enquanto, e eu vou bloquear todas as camadas, mas a camada de sombra. Vamos animar a sombra usando a ferramenta Borracha, e apagar partes da forma do campo, como desenhar a cama em sentido inverso. Vamos começar dois quadros em, tendo os primeiros quadros completamente na sombra, eu vou pressionar F6 para fazer um novo chave-frame e desenhar a luz vinda do lado. A luz não será muito forte neste momento, como o sol quando está nascendo. Não revelarei muito do personagem ali. Então eu vou saltar alguns quadros-chave à frente para chegarmos ao ponto superior, em vez de imaginar que a luz é a mais forte. Eu fiz isso uma tarefa muito difícil, já que eu não posso ver o personagem por baixo. Vou clicar com o botão direito do mouse na camada e ir para a propriedade, e eu faço isso para alterar a opacidade da camada para que possamos ver o desenho original. O cabelo terá um monte de destaques neste ponto e a testa também. Mas eu vou manter uma sombra sob a linha do cabelo. Desde que eu projetei a cabeça, como uma esfera, ela terá alguma sombra no fundo, e olhos também, e o nariz lançará uma sombra em linha com os raios de luz. Agora eu apaguei um pouco demais, então vou selecionar a ferramenta de pincel e certificar-me de que ela está definida com a mesma cor que a camada de sombra. Vou adicionar um pouco de sombra desenhando com a ferramenta de pincel, da maneira regular. O esboço que fizemos para o volume é útil agora, agora que temos que ver a posição das clavículas. Vou manter um pouco de sombra por aqui. Agora vou preencher o resto dos destaques super rápido. Agora nós temos, a primeira e a posição de luz superior. Depois de fazer isso, faça o mesmo para as duas posições de luz no meio. Vou fazer um chave-frame com F6 e estilo livre um pouco. Certifique-se de ficar em linha com as linhas que desenhamos para a luz. A pele da cebola será difícil de ver neste ponto, já que já temos opacidade. Além disso, é uma forma preenchida. Mas isso realmente não importa por enquanto, a pele de cebola será mais importante para usar ao fazer o in-between. Agora o esboço do volume é útil novamente, vou ligá-lo para que possamos ver onde as clavículas estão mais uma vez, só para mantê-las no mesmo local durante toda a animação. Foi assim que as posições-chave se apagaram para a luz que vem da esquerda e subia para o topo. Agora é hora de verificar novamente para que os destaques se encaixem nos ângulos da luz. Eu vou parar aqui para esta lição e continuar com os intermediários para este lado na próxima lição. Então eu vou te mostrar o que você pode fazer para economizar algum tempo para o outro lado. Dito isto, outros quadros-chave principais são feitos, e é hora de desenhar no meio para que ele se anime de forma mais perfeita.
7. Inbetweening (intervalação) e looping: É hora do intermediário e esta é uma parte bastante repetitiva do processo. Coloque seus fones de ouvido ouça seu podcast ou álbum favorito e entre no fluxo de trabalho. Depois que terminarmos com um lado da sombra dos personagens, vamos copiar e virar esses quadros e ver como isso acaba. Vamos começar. Isto é o que temos até agora. Se alguma coisa parecer loucura neste momento. Este é o momento certo para mudar isso, uma vez que estes quadros-chave serão a base para o resto dos desenhos. O guia da fonte de luz não vai ajudar nesta fase, por isso é mantido escondido. Vou tornar esta camada transparente novamente. Agora vamos definir um quadro-chave no meio dos quadros-chave existentes e começar a fazer a sombra a partir desta posição do meio e para fora. No mundo da animação, eu acho que você poderia chamar isso de um colapso ou uma posição de passagem, mas eu não acho que é realmente necessário nomear os diferentes quadros para movimentos lineares que são assim. Mas estamos na fase de passagem. Agora eu quero usar a pele de cebola para ver os quadros-chave em torno deste quadro, mas com tanta área preenchida, é difícil ver os diferentes desenhos. Em vez disso, vou usar o próximo botão à esquerda chamado contornos de pele de cebola. Então teremos uma visão um pouco mais clara dos contornos dos desenhos já feitos. Agora de volta para a ferramenta borracha e eu vou começar a desenhar com o objetivo de fazer os destaques borda externa colocado bem entre as linhas reveladas com pele de cebola. Faça a mesma coisa entre os próximos dois quadros-chave e assim por diante. Talvez seja necessário usar a ferramenta de pincel novamente. Defina as cores da mesma forma que a sombra. Como a sombra e os destaques se moverão em ângulos diferentes, os destaques não se expandirão uniformemente a partir de seus pontos centrais. Mas o meu precisa ser re-moldado adicionando e subtraindo. Esta foi a primeira rodada de in-between, neste caso, posições de passagem. É sempre bom visualizar seu trabalho após cada rodada de desenhos para ver se ele está certo. Agora vamos preencher o resto das lacunas. Aqueles que podemos, sem dúvida, chamar no meio,
que é praticamente o mesmo conceito novamente, só que agora a diferença entre os quadros anteriores e posteriores não é tão grande e você tem uma margem menor para desenhar. Agora vamos pré-visualizar isso e configurá-lo para totalmente opaco. Metade está feito e está parecendo bem suave. Agora vou tentar uma coisa. Vou selecionar todos os quadros finalizados e manter a tecla alt pressionada e arrastá-los para a segunda metade da linha do tempo. Eu fiz uma cópia rolando através de você pode ver que isso parece que a luz está apenas começando tudo de novo. Preciso selecionar todos os quadros copiados e clicar com o botão direito do mouse e escolher quadros inversos. Agora a luz está indo de cima para baixo apenas destacando o lado esquerdo do personagem. Para fazer a luz ir ao redor, eu vou ter que selecionar todos os quadros copiados. Selecione o botão Editar vários quadros e certifique-se de que ele cobre todos os quadros. o botão direito do mouse no personagem e escolha virar horizontal. Agora isso parece um pouco estranho, então eu vou un selecionar para o botão de vários quadros. Agora a luz vai todo o caminho de baixo para
a esquerda para cima e para baixo para o lado direito, como nós queremos. O que está errado agora é que meus personagens não são simétricos. A segunda metade do sombreamento está errada em alguns lugares, já que ela está sentada cruzada e porque como eu desenhei os narizes aqui. Isso significa que eu vou ter que repetir o processo de animação novamente ou apenas corrigir todos os erros em cada quadro. Para um processo mais eficiente, use um design simétrico e espelhado. Você não precisa fazer a mesma animação para ambos os lados. Antes de fazer isso, vou fazer mais alguns quadros-chave para a parte do meio aqui, só para que não pareça que os destaques estão no modo de congelamento. Nos isqueiros fora do ponto mais alto. Copiei a Silhouette do primeiro quadro-chave. Vou redesenhar o quadro-chave do meio que faz um efeito de ebulição para a parte do meio. Vou apagar alguns quadros daqui. Agora vou entrar e corrigir a última metade da animação. Você não quer ver essa parte. Vou redesenhar o rosto, o
estômago e as pernas onde quer que se encaixem com uma simetria. Agora parece assim. Não tenho sido coerente com as orelhas e a forma dela. Eu vou entrar e fazer alguns retoques lá. Agora, finalmente, a parte quadro-a-quadro desta classe está concluída e o resto será feito no After Effects. Vamos fazer as malas e mudar-nos para lá.
8. Mudando para After Effects: [ MÚSICA] É hora de publicar esta animação em um belo formato vetorial compatível com o After Effects. Agora, eu adicionei alguns quadros no final para que o momento mais escuro se mantenha por um pouco mais. Certifique-se de que nenhuma camada tenha mais quadros do que você deseja na exportação. Vou exportar estas duas camadas e quero-as como ficheiros separados. É por isso que estou escondendo um deles. Então eu vou publicar Configurações, e isso é o que queremos publicar, um arquivo SWF. qualidade JPEG pode ser definida no seu mais alto. O padrão é 80, e isso irá comprimir o arquivo para um tamanho menor, então faça o que mais lhe convier. Em seguida, vou abrir o local do arquivo e salvá-lo na minha área de trabalho. Vou chamá-lo de algo que faça sentido, então é fácil para mim encontrar mais tarde, e clique em Publicar. Então é hora de esconder essa camada e ver a camada de sombra e entrar na mesma coisa novamente. Esqueci de dizer que você precisa verificar se a opção Incluir camadas ocultas está desmarcada. Não queremos ver os esboços de luz na exportação. Vou nomear outra coisa para que não substitua a outra. É hora de abrir o After Effects. Este aplicativo parece um pouco diferente. Vá para o painel Projeto, clique com o botão direito e escolha Importar. Agora navegue até seus arquivos. Vou selecionar os dois e importar. Se você arrastar os dois sobre este ícone, criará uma nova composição com ambos os gráficos em camadas separadas. Vou fazer uma única composição e certificar-me de que as camadas de Sequência estão desmarcadas. As camadas agora estão na ordem errada, então eu preciso arrastar as de cima para baixo. Pressione a Barra de espaço para visualizar a animação. Agora temos um fundo agradável e transparente. Se você pressionar Control ou Command K, abrirá as configurações de Composição. Eu só quero ter certeza que a taxa de quadros está definida em 24 desde que estamos usando essa taxa de quadros. Agora você sabe como trabalhar entre o animate e o After Effects. Agora, estamos prontos para animar o resto. Vou explicar por que escolhi prosseguir no After Effects na próxima lição.
9. Movimento no After Effects: Agora, no After Effects, vou montar uma cena simples e animar a posição da personagem e a sombra movendo-se sob ela. Você pode animar coisas como posição e anima também. Você pode fazer tudo em ambos os programas, mas acho quadro a quadro excelente para morphing formas, como uma sombra em realces e o After Effects é muito mais poderoso para controlar suas curvas de movimento e adicionar estilo e efeitos. O painel da linha do tempo está selecionado e posso abrir as configurações com “Control K”. Eu só vou mudar a proporção para quadrado, um tamanho agradável para as mídias sociais. Eu poderia fazer isso mais tarde antes de renderizar também. Quero que estas duas camadas sejam parentadas. Agora, se eu mover um, o outro não seguirá. Eu preciso clicar no botão chamado de chicote de escolha e arrastá-lo para a camada que eu quero ser parentada. Agora, se eu mover essa camada, outra seguirá automaticamente. Quero um belo céu azul ao fundo. Vou fazer isso criando um sólido, clicando com o botão direito do mouse e selecionando-o aqui. Escolha a cor desejada e renomeie para plano de fundo. Então eu quero fazer um terreno. Eu poderia fazer da mesma maneira ou ir e fazê-lo com a ferramenta de retângulo. Podemos mudar o preenchimento aqui mesmo. Isso é bom por enquanto, talvez eu mude as cores mais tarde
clicando na camada e pressionando “Enter”, eu posso renomeá-la. Vou adicionar um efeito ao chão. Você faz isso indo aqui e procurar um arestas ásperas. Clique duas vezes no efeito, desde que a camada direita esteja selecionada e os valores de efeitos que mostraremos neste painel aqui. Vou mudar a borda para 28, a nitidez
da borda para 112, que estou fazendo com a seta para cima e a escala para 440. Agora você pode ver que a forma é mais orgânica e desigual. Vou arrastar esta camada para baixo. Agora vou animar a posição do personagem. Vou selecionar a camada pais e pressionar “P” que irá revelar os valores das posições. Pressione o controle de parada e você criará um novo quadro-chave. Vá para a frente para o meio da linha do tempo e altere a posição do personagem aqui clicando e arrastando. Vou desfazer. Você também pode arrastar o gráfico na janela do palco. De qualquer forma, criaremos um novo quadro-chave automaticamente. Agora vá para o final e selecione o primeiro quadro-chave e copie e cole isso para a posição atual. Ela está se movendo para cima e para baixo e ele volta. Quero suavizar o movimento dela. Usarei facilmente estes quadros-chave. Basta selecioná-los todos e pressionar F9 e isso torna o movimento lento dentro e lento para fora do quadro-chave. Agora quero que isto se mova ainda mais devagar. Vou abrir as configurações de composição novamente e definir a duração para três segundos. Agora você pode expandir um pouco a linha do tempo desmarcando esses botões aqui. Agora há espaço vazio no final e precisamos expandir as camadas. As camadas de caracteres têm um tempo fixo de nossa exportação. Eu preciso clicar com o botão direito na camada e ir para o tempo e escolher congelar espera no último quadro. Depois preenche toda a linha do tempo. Basta selecionar as camadas de fundo, manter pressionada a tecla Shift para selecionar ambas e arrastá-las pela borda até o final da linha do tempo. Agora vou selecionar todos os quadros-chave, segure Alt e arraste do último quadro-chave para cobrir toda a linha do tempo. Isso vai abrandar toda a animação um pouco. Vê-lo tocar, acho que estou muito feliz com esta moção. Se você selecionar todas as camadas e clicar em U, todas elas serão recolhidas e tudo ficará mais arrumado. Agora eu vou fazer uma sombra sob o personagem com ferramenta de elipse. Eu posso criá-lo diretamente na prancheta com o cursor ou clicar duas vezes no botão e ele vai fazer uma elipse centrada que você pode remodelar puxando as bordas. Vou mudar a cor para preto. Vou nomear esta sombra e colocá-la mais abaixo nas camadas. O ponto de ancoragem é definido para o meio de uma prancheta, para que você
possa centralizá-la na forma pressionando o controle clicando na caneta atrás da ferramenta aqui. Vou arrastar isto um pouco para reposicioná-lo. Isto vai animar também. Procurarei o momento em que a luz estiver no seu ponto superior e criarei um quadro-chave lá, onde a sombra será colocada logo abaixo da pessoa. O próximo quadro-chave será definido logo no início para a animação de sombra. Vou mover a sombra para a direita. Então o mesmo para o lado esquerdo. Vamos jogar isto. Eu realmente não preciso de um quadro chave para o meio já que ele está apenas passando essa parte, mas não parece prejudicar o movimento agora, então eu vou mantê-lo para esta lição. A última coisa que quero fazer para a sombra, é fazer parecer que está varrendo sobre uma superfície irregular, já que tornamos o solo um pouco mais áspero. Estou adicionando um efeito líquido. Desta vez eu estou arrastando o efeito para a camada. Agora eu estou escondendo as camadas abaixo para que possamos ver a sombra mais claramente. Selecionarei a ferramenta de manchas, que funciona de forma semelhante à mesma ferramenta no Photoshop. Agora vou desenhar alguns solavancos. Mas agora que estamos trabalhando com o movimento, ele não só irá manchar a forma, mas também irá manchar a forma naquele ponto ou no tempo do caminho do movimento. Estou apenas clicando e arrastando para algumas curvas sutis. Terei que percorrer a linha do tempo para borrar todo o caminho do movimento. Vamos jogar isto. Lá está você vê uma sombra varrendo através de uma superfície irregular. A maior parte do movimento é feito, mas que tal algum estilo extra e detalhes?
10. Efeito Rabisco: Nas próximas duas lições, vou adicionar alguns efeitos à animação para dar-lhe uma sensação muito e ser mais agradável aos olhos. Então, vamos começar adicionando uma textura à sombra. Vamos começar com um efeito na sombra do personagem. Crie um novo sólido. A cor não importa, e vou dar o nome de textura. Vá para a ferramenta de forma e arraste-a sobre o novo sólido, e ele fará uma máscara que precisamos para o efeito que vamos usar no efeito de rabisco. Agora vá para a camada de sombra e certifique-se de ver o parâmetro do mapa de pista. Se você não conseguir vê-lo, você pode alternar o modo aqui mesmo no botão de alternância. Agora clique na seta e escolha Alpha tapete invertido. O efeito só é mostrado dentro da forma. Você vê como ele dá um efeito de desenho de quadrinhos na área sombreada. Eu vou mudar alguns dos valores sobre esses efeitos para torná-lo mais sutil. Eu posso apenas clicar no número e alterar o valor com a tecla para cima e para baixo. Vou fazer um traço menor e apenas mudar a porcentagem desses valores diferentes para o que eu preferir desta vez. Não há fórmula mágica. Isso tudo tem a ver com seu próprio gosto ou o que você acha que parece bom. Vamos ver como isso se parece. Agora vou animar esse efeito com o parâmetro final. O efeito aparece e desaparece à medida que a luz se espalha. Vou começar no zero, clicar no cronômetro para criar uma chave, depois mover a cabeça de jogo para onde a luz está no ponto superior e mudá-la para 100. Então aqui no meio, eu vou fazer 100 por cento segurar por alguns primos,
em seguida, ir para o final e definir para zero novamente. Agora, o efeito de rabisco não fica visível quando o personagem está completamente sombreado. Agora um pequeno detalhe. Quero que o rabisco mude o ângulo no ponto médio. Então eu preciso ir para o valor do ângulo e eu vou definir um quadro chave em 60 graus. Então eu vou definir um quadro chave alguns quadros para frente e mudá-lo para 120 graus. Isso faz com que as linhas de rabisco sigam o mesmo ângulo que a luz. É quase imperceptível, mas gosto da aparência dele. Vou colocar o mesmo efeito na sombra movendo-se sob o personagem. Posso fazer isso copiando o efeito que acabamos de fazer e colá-lo na camada de sombra. Certifique-se de que a cabeça de reprodução está no início da linha do tempo e,
em seguida, vá para os efeitos de rabisco e a camada de textura. Copie o efeito com Controle C e vá para a camada de sombra e cole-o com Controle V. O efeito não pode ser visualizado a menos que esteja em uma máscara. Então eu vou para a ferramenta de forma, certifique-se de que a ferramenta criar máscara está marcada e que a máscara cubra a sombra. Agora, esses são os efeitos no set. É uma máscara. Agora o fato é visível, mas não parece que queremos. Estou mudando a cor para preto e rolando para baixo e escolhendo revelar imagem original. Agora, esta maneira de colocar o efeito é invertida para o último método, então temos que alterar os valores se você quiser que ele se pareça com a forma, textura. Eu fiz isso desta maneira agora só para mostrar que geralmente há várias maneiras de fazer e usar efeitos e efeitos posteriores. Vamos ver como isso acabou. Gosto de como parece. Gosto que se dissolva ao sair da cena como se os fios estivessem se desembaraçando. Agora terminamos de animar e texturizar a sombra, e vamos passar para o fundo.
11. Últimos toques: Por fim, para essa animação, vamos dar uma configuração de nome adicionando algumas histórias e movendo a textura de fundos. Fiz algumas pequenas mudanças e a cor de fundo. Não se importe com isso, estou começando criando um novo sólido. Esta vai ser a camada para os sólidos. Vou escolher uma cor branca. Vou dar o nome de estrelas e clicar em “Ok”. Selecione a camada e vá para efeitos. Estou à procura de uma bola de ação CC. Eu já descobri quais valores eu quero aqui. Eu vou, definir a dispersão para 520 e o tamanho para 8. Agora vou colocar esta camada atrás da camada do solo, para que pareça que as estrelas estão no céu. Agora eu quero um efeito sobre esses efeitos como um efeito duplo. Vou fazer um novo sólido e nomeá-lo ruído fractal e adicionar efeitos com o mesmo nome a esta nova camada. Esta camada vai ser um mapa para a camada estrela escondendo e mostrando o tamanho dependendo do brilho da área. Não sei se estou sendo claro o suficiente para você ver o que quero dizer em um momento. Eu já decidi alguns valores que vão me dar o olhar que eu estou indo para. Neste caso, esse é o meu contraste. Um pouco maior e um pouco mais de borrão. Esta é apenas uma imagem estática, mas quero que ela se mova. Eu vou animar a evolução e mover
a cabeça de jogo para o início da linha do tempo e definir um novo quadro chave, em
seguida, ir para o final e digitar em três ciclos. O ruído fractal está se movendo, mas não está rodando perfeitamente. Tablet fazer isso, eu preciso ir para as opções de evolução e verificar a evolução do ciclo. Agora você não pode ver quando começa e quando termina, o que é uma coisa boa. Desça até a camada de armazenamento e defina a faixa fosca luma. Agora você pode ver o que ele faz. Faz as estrelas brilharem um pouco. Ao duplicar essas duas camadas, eu posso fazer uma textura agradável do céu apenas alterando alguns valores e o efeito existente. Desta vez eu quero que o cônjuge seja mais denso. Este efeito é um pouco imprevisível. Talvez eu tenha que ter o valor do tamanho maior, mesmo que eu não queira que esses pontos pareçam maiores. Todos os parâmetros impactam uns aos outros? Experimente algumas coisas diferentes e veja o que funciona para você. Talvez até redimensionar o sólido faça a diferença do seu gosto. Para garantir que o movimento se sinta mais dinâmico, vou certificar-me de que o ruído fractal desta camada seja diferente da camada de efeito anterior. Vou ter um contraste menor e aumentá-lo ainda mais. Vou animar um pouco mais devagar. Vou definir a evolução para dois ciclos em vez de três. Agora eu estou feliz foi como isso está jogando, e eu quero que ele seja mais suave e menos óbvio, então abaixe a opacidade. Eu quero uma versão ainda mais suave do efeito para mostrar em todo o fundo. Estou duplicando essas camadas, deixando as novas acima da camada do solo. Vou mudar alguns valores de novo. A camada de ruído fractal, estou verificando invertido, não só aumenta o efeito anterior. Este será ainda mais transparente. É hora de fazer toda a cena ficar mais clara e mais escura em sincronia com a animação de sombra. Comece duplicando a camada de fundo, selecionando a camada inferior e indo para as configurações da camada e tornando-a preta. Na camada de fundo azul, vou mudar a opacidade. Animação de muito transparente para menos transparente no meio de uma animação. Estou definindo o primeiro quadro chave para 16, e então eu vou para algum lugar por aqui e configurá-lo para algo mais alto, talvez acima de 60. Em seguida, o último quadro chave será 16 também. Assim como o primeiro, então em loops, agora faça uma coisa semelhante com o chão. Duplicá-lo e renomear a nova camada para gradientes de terra. Estou adicionando uma rampa de gradiente a ele, aqui no menu Efeitos. Mudando a cor clara para um azul que se encaixa com o nosso visto, vá para o meio da animação e clique no cronômetro para o início da rampa. Vou mover ponto de partida mais perto do chão para que o gradiente seja mais visível. Vou pressionar o Stop Watch para o fim da rampa 2. Estou no início e reposicionando o início e os pontos finais. Eles fazem sentido para a direção da luz. Preciso fazer o mesmo para o fim da animação. No final, estou copiando e colando o primeiro quadro chave é para que tudo loops. Eu não acho que isso parece muito naturalmente ainda, eu vou usar a mesma transparência animadora que para o fundo. Eu posso simplesmente copiar esses quadros-chave e colá-los nesta camada, ou eu vou fazê-lo manualmente com um pouco de valores diferentes. Por fim, vamos adicionar um toque final que
geralmente é usado em após efeitos, a faixa fixa. Se o gradiente parece ter listras de tons
diferentes em vez de uma transição suave de cores gradual. Estou adicionando uma nova camada de ajuste da mesma forma que você cria um novo sólido. Eu vou arrastar isso até o topo, e eu vou adicionar um efeito de ruído e definir o valor para cinco. Você pode não ver muito aqui, mas parece um pouco mais suave e um pouco mais verde também. Eu só quero que isso conserte o gradiente, então eu vou arrastá-lo para baixo para cima do chão. Agora a animação está feita e tudo o que precisamos fazer é exportar.
12. Como exportar: Esta é uma pequena lição sobre como explorar o vídeo. Comece indo para a guia de composição no menu. Eu geralmente quero exportar com Adobe Media Encoder porque ele oferece mais controle sobre suas configurações de exportação. Vou pressionar “Adicionar” à fila do Adobe Media Encoder. Aqui dentro Media Encoder, eu geralmente só abrir presets porque
lá você pode mudar praticamente tudo o que é relevante. Vou mantê-lo no H.264, é uma compressão comum para animação. Normalmente não mudo isso, mas é importante saber onde está guardando. Então vá para Salvar como, você vê aqui que o Media Encoder cria um novo Adobe Media Encoder, pasta
AME, onde ele coloca os renderizadores. Isso pode poupar alguns segundos, mas eu costumo fazer minha própria pasta de renderização. Se você quiser novas dimensões em sua exportação, você pode alterá-la aqui. Vou tornar a tela um pouco mais Retângulo como barras agora são mostradas na borda superior e inferior. Eu quero remover isso e, em seguida, eu vou para o dimensionamento de
origem e escolher escala para preencher. Eu recomendo que você redimensionar como este direito e After Effects para que você não arrisque perder qualidade. Vou desfazer essa escala. Você pode marcar este botão, qualidade máxima de renderização. Parece algo que você gostaria de verificar, mas a verdade é que geralmente diminui o tempo de renderização e isso não faz uma grande diferença na qualidade. Eu verifiquei agora porque é uma tecnologia que eu ouvi no vídeo é curto, por isso será renderização rápida de qualquer maneira. Vá para o botão verde play e pressione-o, e agora ele está renderizando. Foi assim que acabou. Agora, você tem um vídeo e um bom formato para fazer upload para as mídias sociais e compartilhar aqui na pasta do seu projeto.
13. Você conseguiu!: Espero que esta classe lhe dê uma compreensão clara
dos diferentes usos de animates no After Effects. e que você está mais confortável, e inspirado, e sombra de acasalamento e detalhes em seu próprio trabalho. Planejamos tempo e movimento, animado quadro a quadro e animado com camadas de forma. Adicionamos efeitos e há muitas coisas importantes que esta aula não cobriu. Então, para se educar mais do que essa área, considere analisar a fase conceitual da animação, como storyboard, e os 12 princípios da animação como squash e stretch. Há uma quantidade infinita de expressões, efeitos e recursos nesses softwares para aprofundar. Espero que gostes desta aula e que eu possa ver o teu projecto.
