Fundamentos de animação de logotipo em After Effects

1. 00. Introdução: Olá a todos. Meu nome é Shira buggy e tenho um designer gráfico de movimento. Este é um minicurso de um Kickstart de emissão de login. É por isso que se chama fundamentos de animação de logotipo. Neste curso, vou te ensinar todas as técnicas que você precisa aprender sobre animação de logotipo. Você não aprenderá apenas uma animação de logotipo. Você aprenderá esboços, storyboard, brainstorming e muito mais. Este curso está disponível gratuitamente para todos. Então, para que serve a sua classificação? Vamos mergulhar neste curso e ver o que você aprenderá. 2. 01. Esboço: Oi, meu nome é Joe buggy e eu o designer de máquinas. Espero que você esteja indo muito bem. Então, neste curso, aprenderemos o conceito básico de animação de logotipo, como podemos fazer uma animação de logotipo. Então, cada animação de logotipo tem quatro etapas. Primeiro de tudo, esboçar. O segundo é o quadro de estilo lá um storyboard. Terceiro é animação e em diante é design de som ou finalização. Mas depois de algum tempo pulamos, às vezes pulamos um esboço, em algum momento fugimos do storyboard. Depende do logotipo. Comece a usar. Então, antes de tudo, temos que fazer o esboço, mas lembre-se, não somos o desenhista, certo? Então, não estamos fazendo algum tipo de retrato. Estamos apenas fazendo a graxa. Vamos desenhar algumas linhas e temos basicamente queremos ter a ideia no papel. Então, vamos começar a fazer nosso quadro. Eu recomendaria se você tiver um telefone, se você tiver uma tela do computador aberta, faça seu logotipo maior e, em seguida, desenhe isso no seu papel. Estou usando um papel muito áspero. Não é muito caro. É apenas cerca de um ou US $2 por livro. Então, sim, você pode usar isso também. E você pode usar qualquer lápis, qualquer coisa com a qual você gostaria de trabalhar. O passo é analisar nosso logotipo. Então estou aqui, podemos usar, ou podemos pensar em algumas técnicas que espero que você tenha aprendido sobre o conceito de animação ou as regras de animação, princípios de animação. Então, quando vejo esse logotipo na primeira vez, notei esse ponto neste olho. E é realmente uma boa maneira de revelar seu logotipo de um dos pais. Então, basicamente, estamos usando a técnica de encenação e para atenção Todos os olhos no mesmo ponto e esse ponto revelará tudo e o logotipo, parece muito bom. Então, quando vejo esse ponto, surgiu a ideia de que temos que usar isso ou eu tenho que usar esse logotipo para revelar esse conceito. Então, vamos começar a criar o primeiro quadro, mas apenas para a referência, estou adicionando esse ponto a essa área específica para ter certeza de que entendo. Este ponto será iniciado. E depois disso, o próximo quadro, vamos nos separar. Onde devemos querer mover esta bola? Esta é a parte que me veio à mente. Então, quando você adiciona uma parte ou algum tipo de coisa, você não precisa se preocupar com a animação, ok? Basta colocar a ideia de que você tem em mente para entender como essa bola funcionará ou como essa bola funcionará na vida real, você pode usar uma bola para demonstrá-la e você vai entenda. Então, a parte inferior será realmente rápida por causa da gravidade e a parte superior será lenta. Então, estou adicionando essas notas para ter certeza de que eu entendo onde eu deveria ter feito isso devagar e onde eu teria que torná-lo mais lento. E depois disso, esta é a posição final que somos golpes de bola e revelamos o olho e a borda. Então deixe-me mostrar o esboço original dessa animação. Então, como você pode ver, o conceito é o mesmo, como a bola começa daqui e ela bate com o GI. Eu mencionei isso, tudo no papel para garantir que eu, eu, eu, eu entendo o que vou fazer exatamente no After Effects. Então esta é a parte da animação. Esta parte faremos rápido, super rápido e isso é baixo, e então esta parte inferior, novamente, rápida e, em seguida, a superior , será muito lenta. E na posição final, esta é a ação final. Quando ele atingir, você pode dizer que a borda é reveladora, o IEP será revelado. Além disso, adiciono algumas notas adicionais, como podemos usar este E, como esta parte E. E podemos, podemos animá-lo do meio, da parte do meio dela. Parte G, temos que fazer algo criativo ou algo incrível para isso. Então essa foi a ideia de que eu vou entrar em minha mente. E também escrevo o joelho. Temos que adicionar algumas linhas de traçado são linhas de suporte para tornar esta animação mais interessante ou tornar mais profissional. A razão pela qual eu fiz isso, estou colocando todas as ideias em um papel. Agora, podemos escolher qual é o melhor para o nosso logotipo ou nosso design. Vamos passar para a próxima parte. 3. 02. Storyboard: Agora temos que criar quadros de estilo ou storyboard. Talvez você tenha uma pergunta por que você tem fazer um storyboard novamente? Porque já fizemos isso. Obter a resposta é, se você quiser obter um profissional ou quiser se tornar um animador de logotipo profissional, você deve ter que aprender isso. Porque, por exemplo, se seu cliente der o logotipo da animação do logotipo e você criou uma animação de logotipo incrível e ele não gostou ou ela não gostou. Ele não disse, eu não quero fazer isso. Você entende a ideia errada. Então isso significa que você tem muito tempo para fazer isso. Certo? Então, a melhor coisa é fazer storyboard e fazer armação de aço e depois mostrar a eles. E se aprovado, você terá que fazer animação. Isso economizará muito tempo. Além disso, você tem um motivo lógico para explicar por que você está fazendo isso. Então, vamos começar a criar um storyboard. Primeiro, crie um novo documento com cerca de cinco a sete quando nossos quadros e clique em Ok. Em seguida, copie seu logotipo para aqui. E certifique-se de ter um quadro de arte de backup aqui. Agora, adicione seu esboço a este arquivo. Agora duplique seu logotipo para nova prancheta e microSD, cerca de 2224%. Tudo bem. Em seguida, faça um círculo aqui e crie uma linha. Ou eles são a parte que temos. Então este é o nosso primeiro quadro. Agora temos que fazer o segundo. O assunto será o mesmo. Apenas tentei adicionar muitos detalhes que você quer, como o comércio eletrônico de si mesmo, talvez você tenha outra coisa em sua mente. Você tem que escrever aqui, ok, Então basicamente, esses são os passos que temos que seguir ao longo d, animação de logotipo. Sim. Isso é que o ajudará a refinar suas habilidades. Por exemplo, você entenderá melhor qual é exatamente o passo que você precisa tomar. Então deixe-me mostrar quais são os quadros de estilo final ou storyboard. Como você pode ver, cada passo é muito claro. Agora você sabe exatamente onde e o que deveria para fazer essa animação passo a passo. 4. 03. Configure seu logotipo: Antes de começarmos a avançar no alfabeto, devemos ter que configurar esse logotipo para animação. Então, o que devemos fazer? Só temos que configurar cada letra em cada camada, não apenas comprada. É bem simples de fazer. Você não precisa se preocupar com isso. Basta copiar este logotipo, seu novo documento, que é 1990, sobre a entidade que é o tamanho da nossa animação ou a resolução de nossa animação de logotipo. Como isso faria o tamanho que você precisa? Um fora dessa pilha, esse logotipo e vá para isso e selecione Liberar para seqüência de camadas. Agora temos todas as letras em cada camada, mas espere, mas todas as camadas na camada um. Então você só precisa selecionar todas essas camadas e arrastar. Você pode ver fora da camada um. E depois disso, você deve ter que renomear todas essas coisas separadamente para garantir que não queira ficar confuso. É praticamente isso. Salve isso. Vá para a roupa. 5. 04. Importação do logotipo no After Effects: Agora, clique com o botão direito aqui, clique em Importar e arquivo. Selecione seu logotipo. Agora você deve ter que selecionar essa camada para composição e seguida, selecionar esse tamanho para o tamanho da camada , não para o tamanho do documento. Agora temos todas as nossas camadas aqui. Temos que converter essas camadas de forma azul para que possamos animá-las, tudo separadamente. Em seguida, selecione todas essas camadas e vá para criar e selecionar, Criar formas da camada vetorial. Então você vai adicionar essa coisa. Você verá no G5, não se preocupe, vamos consertar lá para abrir o contorno G e abrir o grupo e , em seguida, mover este caminho três para o topo e, em seguida, abrir esses caminhos de mesclagem, um, selecione o humor para subtrair. E isso resolverá seu erro. Agora, se você quiser adicionar seu estilo emoldurado em nosso perfeito e seguir um por um, tudo bem. Eu recomendaria um separadamente para ter certeza de que você está se concentrando em um quadro de cada vez. 6. 05. Anime o ponto: Então, o primeiro passo é que temos que mover isso antes de começarmos. Como você pode ver, o olho e o ponto são uma junção externa. Então abra este Groupon e agora você pode ver os caminhos que passam e surgem, mas não precisamos usar o máximo é isso, mas exclua esse, e depois selecione esta parte um, parte dois, e preencha e arraste estes para a seção de conteúdo. Basta remover este grupo um, depois selecionar o caminho um e imprimir Pressione Control G para fazer com que ele agrupe, em seguida, selecione passar e criar um grupo separado. Então, temos que separar esses dois grupos. Para fazer isso, estou usando um terceiro é ao cubo. Chegamos ao nome é ferramenta de movimento. E eu recomendo que você compre este , porque ele resolverá muitos problemas e se certifique sempre que você fizer algo e você tem que ser explicado tudo como o ponto, o eu separa t. Então já começamos a animar esse ponto. Temos que fazer um backup deste ponto porque esta é a posição original deste ponto omega duplicado. Você também pode ver os atalhos que estou pressionando no canto inferior. Agora faça a cor vermelha. Vamos para os dois segundos e coloque o pontinho onde você deseja iniciar sua animação. Faça um quadro-chave na posição aqui. Agora, temos que mover esta bola. E para a parte exata que queremos. Não se preocupe com o tempo e os quadros-chave. Estou adicionando cada quadro-chave ou cada posição após dez quadros. Você pode fazer isso ainda menos, ainda mais. E depois disso, configuraremos a velocidade e começaremos com a distância de cada quadro. Nosso corpo está pronto. Agora temos que ajustar a disputa de tempo e a duração. Então, como mencionamos, a parte inferior, essas duas partes serão, ou a parte inferior seria muito alta. Então, selecione esses quadros-chave e clique com o botão direito do mouse aqui e faça-os percorrer, deu também. Fizemos isso para os quadros-chave mais rápidos, como a parte inferior. E agora selecione todos esses quadros-chave. Pressione F9 para torná-los fáceis e fáceis. Parece algo assim. Então temos que ir para o gráfico e estou usando o gráfico de velocidade, gráfico de valor zero. Então aqui você pode ver a bola é uma parada nas teclas de seta do meio, então não queremos pará-la. Exatamente. Certo. Queremos abrandar, não fazê-lo também. Você pode dizer quieto ou você ainda. Por fazer isso. Selecione o quadro-chave do meio. Ok, clique neste botão, converta, selecione, dê nomes para auto bezier. Então, basicamente, o que isso faz, ele combina as duas alças no mesmo ponto. E agora você pode ajustá-lo, fazer o mesmo com o outro. Agora, vamos ajustar o gráfico de velocidade e obteremos o que você está procurando exatamente. E não se preocupe se você encontrar alguma coisa, qualquer tipo de erro que possamos, podemos refinar essa animação também. Agora, isso parece bom para mim. Vá para o primeiro quadro onde qualquer debatida a bola está começando a animar. E aqui temos que reduzi-lo para garantir que ele seja revelado de 0. Agora selecione esses quadros-chave. Pressione F9 para facilitar e facilitar. Vá para o editor de gráficos e faça a curva algo assim. Agora temos que torná-lo mais realista. Por exemplo, se algo estiver se movendo muito rápido, o desfoque de movimento, o desfoque que você vê, ele deve estar desfocado. Então, há duas coisas que podemos usar. Podemos usar o desfoque de movimento. E a segunda coisa é que podemos usar uma coisa de trilha que mostra a velocidade e a velocidade dessa bola. Eu recomendaria fazer uma trilha. Para fazer uma trilha, temos que aplicar um efeito chamado Echo set copy com n tempo igual menos 0,001 e selecionar um cooperador para compor na parte de trás. Desculpe pelo meu inglês, meu inglês não é tão bom. Mas vou tentar explicar todos os aspectos que você precisa para animação de logotipo. A animação da bola está concluída. E se você precisar ajustar alguma coisa, você pode fazer isso aqui. Então, quando você usa um cofator, você encontrará um comedor. Quando você vai para o último quadro onde nossa bola ou qualquer coisa realmente pára, você pode ver células muito grandes no final. Como você pode consertar isso. Vá para o quadro final onde a bola vai parar. mega quadro-chave neste eco obteve vários ecos e sobe cerca de dois ou três ou cinco quadros depois disso e torná-lo 0. Isso resolverá o problema de pixels quadrados para tudo que estiver feito. Mas há uma coisa que eu quero mencionar. Alguma vez você gosta dessa broca sólida no final desta coisa. E às vezes você, como você pode corrigir isso, vai para essa configuração de decaimento e muda para 0,94. E isso adicionará uma coisa de realmente flexibilização ou opacidade no final do seu teste. E é isso para essa animação de bola. 7. 06. Anime todas as letras: Depois disso, temos que começar a trabalhar em letras. Então eu fiz todas essas cartas, e só estou trabalhando nisso. Então selecione a ferramenta Caneta e clique neste botão para criar uma máscara. Basicamente, não estamos adicionando uma máscara, estamos adicionando à parte. Então, vamos começar e adicionar à parte. Depois de ler um byte, temos que aplicar o Effect chamado traçado. E não se preocupe com essa caixa, estou usando o FX Console, que é um plugin gratuito de arrependimento. Você pode baixá-lo do vídeo copilot dotnet. Então, quando eu pressiono o espaço de controle, essa caixa abrirá e eu posso aplicar qualquer efeito a ela diretamente. Não preciso ir ao painel Efeitos e predefinições. Então, por favor, use isso e isso economizará muito tempo. Lendo esse efeito de traçado, defina o espaçamento para 0 e o estilo pintado para revelar a imagem original. dureza da escova deve ser 100%. E agora você pode ajustar o tamanho do pincel. Agora temos que adicionar máscara na outra parte deste G para garantir que ele também revele isso. Mas aqui nos iniciantes cometerão esse erro. Se eu adicionar, se eu iniciar meus pods daqui e depois disso, a máscara e remova esse traçado sequencialmente. Esta parte começa no meio e parece muito, muito ruim. Como podemos resolver esse problema. É bem simples. Pressione M para máscara e faça uma duplicata dessa máscara, que já fizemos. E bloqueie a primeira máscara. E, em seguida, selecione a ferramenta Caneta e crie um quadro-chave no meio desta linha. Agora, arraste esse quadro-chave para a parte inferior e ajuste de acordo. Além disso, você pode alterar a cor da máscara se quiser. Se não, está tudo bem. Mas eu recomendaria fazer isso porque você não quer ficar confuso. Africano isso. Você quer adicionar essa mesma coisa com o outro lado deste G. Então, basta duplicá-lo. Mais uma vez. Selecione esse quadro-chave do meio e vá para o outro lado. Em seguida, ajuste o caminho desta mesquita. Ou você pode dizer ajustar essa máscara. Agora, faça um quadro-chave quando a bola bater no G. E faça esse valor 100% quando a bola está deixando este G. E se você encontrar alguma coisa, qualquer época, alguns dos seus g não são reveladores. Você precisa ajustar seu passe de acordo novamente. Depois de fazer isso, você pode ver esses DG não estão sincronizando com a bola. Então, temos que fazer isso manualmente. Pressione U para ver todos esses quadros-chave. E agora você pode colocar isso, configurar isso manualmente. Vamos passar para a letra E. Então estou pensando em quando, quando a bola sair do d, o E deve ter a revisão em si. Gostamos que a primeira letra e a segunda letra, possamos revelar esse E ou de uma escala. Não precisamos desenhá-lo novamente porque não faz sentido. A bola não está tocando eax e não queremos fazer isso. Assim, podemos revelar, ou seja, de uma propriedade de escala. E não se esqueça da flexibilização. Você deve ter feito isso também. E depois disso, se você se lembrar, mencionamos a barra E no centro que podemos animar usando a propriedade path desta E. Então vá e encontre a propriedade path. Ou você pode abrir esse arquivo de grupo, abrir esse caminho e criar um quadro-chave aqui, Vá alguns termos antes, como dez a 15 são suficientes, eu acho. E então pressione Control T para, para garantir que estamos temos essa caixa delimitadora que eu lhe darei. Você não precisa ajustar todos esses quadros-chave de caminho ou pontos de caminho manualmente. Agora, quando você, quando tiver essa caixa, pressione Control Alt Shift e, em seguida, arraste isso para dentro. Mais uma vez, aplique flexibilização sobre isso. Além disso, estou usando um script de cópia e que é totalmente gratuito. Isso basicamente faz, podemos copiar os quadros-chave para outro quadro-chave. Não terá que abrir o Graph Editor toda vez que consistir em um design. Além disso, economizará muito tempo. Então adicione o n, estou adicionando um pouco de rotação do E porque E, Parece uma forma circular ou círculo. É por isso que estou adicionando um pouco de rotação ao E. E acho que isso parece bom. E depois disso, fizemos a mesma coisa com o n e o t. Estou revelando isso d do nosso fundo porque o movimento da bola está combinando aqui. É por isso. Agora você pode ver uma era com a TI, porque parte específica da linha, se aumentarmos ou muito tamanho desse pincel, parece, parece muito ruim. E como podemos fazer com esse, não se preocupe, não teremos que adicionar outra máscara. Então a cabeça é um truque para você. Faça uma duplicata deste chá, este original, e exclua-os. Certifique-se de ter um backup deste D. Depois que eles terminarem o backup D. E selecione este e remova o efeito de traçado. Não precisamos disso. Agora. Temos que fazer essa linha exatamente onde ela está. Tudo está feito. Agora podemos animar esta linha onde a bola vai acertar o lugar deles. Podemos revelar essa linha. Vamos revelar esse olho e borda no impacto final desse ponto. Então, quando você tem IZ diferente, a animação de bola, temos que ir a cinco segundos onde nada está se movendo, nada está se movendo na bola é realmente ruim. E essa borda e uma letra para este ponto. E quando ele atingir o chão, e o lance mais alto, basta fazer essas duas camadas daqui. Agora você pode ver isso. A bola não vai direto para baixo. Vamos ajustar o caminho dessa bola. Estamos muito perto de terminar essa animação. O próximo passo é, como mencionamos no início, o g tem um tipo de cauda, ok? E eu realmente quero animar esse. Basta soltar este G e essa coisa de ponto e fazer uma duplicata da letra D. Agora, adicione uma máscara em torno disso. Você pode ver um rabo de cavalo. Em seguida, selecione a forma original deste G, faça uma duplicata e altere a cor para o vermelho. Para garantir que entendamos qual é a diferença entre o arquivo original, o arquivo de backup e esse rabo de cavalo. Agora selecione o caractere G original e a forma D que você pode dizer e excluir esses pontos. E apenas nesses dois pontos, novamente, para garantir que ele pareça exatamente arredondado e jogue com ele. Talvez você tenha que ajustar nossa máscara um pouco. Eu removi o efeito de traçado sobre ele porque não precisamos disso. E eu refiz como onde a bola vai deixar este G. Agora temos que adicionar isso. Ou você pode dizer um salto ou coisa de dobra um pouco para torná-lo mais interessante. Então adicione um CC, dobre o efeito sobre ele. Defina o ponto inicial e final aqui. Agora, faça um quadro-chave. Aqui. Você pode adicionar um valor que você realmente gosta. Se você quiser adicionar um valor mais alto, parece realmente insuflável. Se você quer um realmente sutil, você pode usar são como 25, talvez 30. Depende do seu logotipo, da sua coisa. Então clique aqui, quadro-chave do meio e eu sou valor D é que estou usando o menos 36. Vá para alguns quadros para a frente e torne-o 0. Selecione este último quadro-chave e verifique se ele é linear. O primeiro não é linear, tão fácil é o segundo é linear. E clique neste botão elástico. Se o segundo quadro-chave não for linear, isso, se esse efeito elástico não funcionar. Além disso, este é um pagamento para script. Se você quiser usar isso gratuitamente, você também pode baixar um script de segurança para adicionar nossa fruta ou um efeito menos elástico e de retorno. Além disso, você pode ajustar a rejeição dessa coisa dos controladores quando você adiciona a expressão, ela também adicionará um controlador na mesma camada. Então você pode ver que eu mudei esse valor de controlador elástico para 25 e o resto desta multa. Vamos ver como isso se parece. Nossa animação está pronta. 8. 07. Linhas de suporte: Agora temos que adicionar essas linhas de ligação, o que é realmente importante. Se tudo estiver bem. Se você acabou de adicionar, você pode dizer Como queremos apimentar um pouco as coisas, você só precisa adicionar linhas de suporte que enfatizem o movimento de sua animação. Não faça muito e não faça doulas, mesmo que não tenha sido perceptível, mas não muito. Então pegue essa ferramenta de caneta e faça um caminho em torno deste G. Então, todas essas linhas desonestas devem ter menos de um segundo porque é muito rápido. Então, a dúvida sonhadora e a edição se ligam a ela. E agora você tem que jogar com seus valores. Mas se você quiser copiar meus valores, você pode fazer isso também. Então, quando você tiver a hora exata em que deseja colocar suas linhas ou tudo estiver configurado, certifique-se de renomear suas linhas de desova. Como se eu estivesse adicionando uma linha de palavras ou linha de suporte para G, adicionarei DS1 como d sub queima linha uma é para minha referência. Então você também pode adicionar isso por si mesmo. Livre-se disso. E agora as festas, elas. Então, só temos que remover a mancha e adicionar um fone de ouvido. A animação permanecerá a mesma. Parece bom. Agora temos que adicionar os outros como E N, D. edge. Levará tempo, mas melhorará muito sua animação. Sim. Então, depois que esse passo sobre a animação é feito, parabéns, você aprendeu essa incrível emissão. Vejo você no próximo vídeo. 9. 08. Agradecimento: Parabéns, você fez até agora e espero que tenha aprendido muitas novas técnicas neste curso. Se você realmente quer aprender mais sobre animações e uma, conhecer todos os segredos que você pode aprender sobre o gigante de emissões Logan, este curso completo, na verdade um buggy.com. Vejo você lá. Tchau.