Animação de logotipo para introdução no YouTube e vídeos de mídia social - design de movimento no OpenToonz

1. Introdução — Por que anime um logotipo?: Nesta lição premium, vou mostrar-lhe como criar uma animação de logotipo como esta, passo a passo. Design de movimento como este pode ser usado como uma intrusão para o seu canal do YouTube, redes sociais ou como um atraente para os seus anúncios empresariais. Se você tem sua própria marca ou negócio e se sente muito mais profissional, se você tem um bom logotipo animação ou talvez você quer ser um animador e você quer criar animações como esta como um serviço para seus clientes. Vou mostrar passo a passo como criar design de movimento em músicas abertas. Open Tunes é um software livre e de código aberto. Então, se você está apenas dando seus primeiros passos com animação, ou você quer criar algo para sua marca ou muito rápido sem gastar muito dinheiro. Este é o tutorial para você. Então, o que você está esperando? Vamos entrar e trazer seu logotipo para viver. 2. Quais gráficos de movimento para animar?: Primeiro de tudo, eu quero apresentar a vocês algumas opções que você deve estar pensando em criar para sua marca. A primeira coisa que você pode estar pensando é uma animação de introdução. Muitos canais do YouTube têm um e, e mídias sociais. Também não é raro que uma marca tenha algum tipo de abertura. Você vê o logotipo rapidamente antes de entrar no conteúdo. Para mim, uma animação de introdução tem duas funções. O primeiro óbvio é mostrar ao espectador sua marca e seu nome para garantir que ele saiba quem é o vídeo que está assistindo? Para ver um nome que eles possam ter em mente se gostarem do conteúdo a seguir. Mas um bom logotipo também pode servir outro propósito. Pode explicar o que você faz e o que o público tem que esperar de você. E eu tenho dois exemplos para você mostrar, ambos um orçamento muito baixo coisas que eu tive que jogar junto com apenas em algumas horas é uma introdução que eu criei para um canal do YouTube que tem principalmente sobre fraldas laváveis, mas também sobre como criar crianças ambientalmente amigável. E aqui decidimos nos concentrar na conexão mãe bebê porque esse é o valor central emocional desse produto. Então é por isso que a introdução não é realmente sobre fraldas, mas sobre essa conexão emocional do bebê e da mãe. E aqui está um exemplo para um canal do YouTube muito curto que eu tinha sobre o uso diferentes ferramentas de webinars juntos para criar webinars incríveis neste único software de webinar. E sim, eu realmente expliquei colocando todos aqueles logotipos diferentes de software e ferramentas diferentes em um pote e derretendo tudo juntos. Então este é um exemplo para interesses fazendo algumas explicações. Mas o ponto de foco da marca, no entanto, você deve sempre ter certeza de que sua introdução não é muito longo porque também pode fazer com que as pessoas parem aqui. Se eles não gostarem da introdução, eles podem não assistir ao resto do conteúdo, mas você também pode usar o design de movimento durante o conteúdo. Um dos usos mais proeminentes é o uso terços inferiores como este para exibir o nome de alguém. Mas você também pode usá-los para exibir algumas informações adicionais. E para obter informações realmente importantes, você também pode ter um cartão de informações em tela cheia como este. Então você poderia ter um outro. É um pouco semelhante à introdução e que você quer ter certeza de que o usuário vê de quais marcas isso foi para que eles possam manter um nome em mente. Mas você também pode usar o outro para uma chamada à ação. O que você deseja que seus usuários façam depois que assistirem seu vídeo? Pode ser algo como, por favor, subscreva o meu canal do YouTube, por favor, vá ao meu site, inscreva-se para um webinar. Então, se você quiser que seu público faça algo depois de assistir seu conteúdo, o outro é um lugar muito importante para fazer isso e não deve ser muita chamada para ações. Como eu cometo este erro às vezes para que no final dos meus vídeos do YouTube, eu sou como, oh, por favor, assine e comente. Se você tem um comentário e 0, temos tutoriais premium sobre Skillshare e, a propósito, me apoiar em Patreon e isso e aquilo. E no final, o espectador não sabe o que fazer porque não pode fazer todas essas coisas. Por isso, às vezes, pode ser muito importante tomar a decisão. Qual é a única coisa importante que você quer que seu público faça? E acabou de mencionar que uma coisa torna muito mais provável que seus espectadores realmente façam isso, você também pode ter uma chamada para ações durante um vídeo, como um terço inferior que diz aos seus espectadores para se inscreverem ou comentário ou pressione como ou algo assim. Uma coisa que você também deve pensar antes de animar é, qual formato você realmente precisa? Seus vídeos estão todos em tela branca para o YouTube ou você vai ter formatos maioritariamente quadrados ou retratos para mídias sociais, você pode criar uma animação de logotipo e tela branca que você pode simplesmente cortar muito inteligentemente para o outro formatos. Ou você reorganiza os elementos de sua animação para cada formato único. Essa é uma visão geral das coisas que você pode animar para sua marca. 3. Os motivos para usar: Existem alguns truques e princípios orientadores que você pode usar para criar um design de movimento interessante. O primeiro é compensar elementos. Parece muito interessante e elegante se você tiver muitos elementos do seu logotipo. Então, em vez de apenas ter o logotipo inteiro aparecer, faz sentido ter apenas o ícone chegando na primeira linha de texto, a segunda linha de texto, e então talvez algumas imagens gráficas adicionais. Então você tem uma progressão agradável e interessante com diferentes elementos aparecendo em momentos diferentes. Um princípio orientador é agrupar elementos, mas ainda assim compensá-los ligeiramente. Por exemplo, você pode ter vários elementos de texto provenientes da esquerda, digitando à direita. Mas há um pequeno deslocamento, um pequeno atraso. E você tem um belo padrão de escada de um objeto chegando a uma parada após o outro. Isso ainda parece muito harmônico porque todos os elementos estavam vindo de um lado. Mas parece um pouco mais interessante do que tudo vindo de um lado ao mesmo tempo. Dá um bom, interessante deslocamento. Se você quer que sua animação pareça que há ainda mais de uma variedade e é um pouco mais selvagem, então você deve ter elementos vindo de diferentes direções. Então você tem lados diferentes se juntando. Se você fizer isso demais, isso pode sobrecarregar seu espectador. Mas se você fizer isso muito pouco, seu logotipo é apenas chato. Se tudo vier de uma direção. Isso não é tão interessante. Não só esquerda e direita são possíveis direções, mas algo pode até aparecer do meio, como se você tivesse um elemento de escala lá ou algo vindo do espaço 3D por trás da câmera. Então você tem como um efeito de escala que vem de uma escala muito alta e início e fica menor. Dois princípios muito importantes de animação, nossa superação e antecipação e superação acontece no final da emoção quando um elemento primeiro ultrapassa sua posição final e depois se instala nela. Na vida real, isso acontece porque um elemento tem que perder impulso primeiro antes que ele possa se estabelecer na posição desejada. Antecipação acontece no início da emoção, onde um elemento acumula impulso indo para a direção oposta primeiro e depois para a direção que realmente deve ir. Ambos os princípios são baseados na física, mas eles também parecem muito bons em design de movimento. Se você tem um texto que é um pouco inclinado, então pode fazer sentido movê-lo apenas ao longo desse mesmo eixo inclinado assim. Se você tem um texto sendo perfeitamente reto, então você pode ir para a esquerda, direita, reta para cima e para baixo. Que na maioria dos casos parece bom e faz o truque. Se você mover texto ao longo de um caminho, então você também deve se certificar de que este caminho é tão simples quanto poderia ser para criar a impressão que você está esperando para colocar o texto ao longo desse caminho. Então, estas são apenas algumas regras e diretrizes que eu tenho em mente ao classificar meus logotipos. Claro, sempre há casos em que você pode quebrar essas regras, onde se ele funciona com o que você quer alcançar com a impressão, com a sensação de que você deseja criar, então você pode fazer qualquer coisa, desde que você certifique-se de que ele não parece muito esmagador para o usuário. E você ainda tem um período em que o logotipo é claramente legível antes de você entrar em como dissolvê-lo de qualquer maneira louca que você vai querer tentar. Então, neste curso premium, você verá alguns desses princípios em ação enquanto estamos animando este logotipo, você perceberá como você está praticando, enquanto você está fazendo suas primeiras animações, você vai notar algumas dessas coisas por conta própria. E como diferentes tipos de deslocamentos se sentem, como diferentes tipos de direções se sentem, como diferentes tipos de efeitos de escala se comportam. Você tem que tentar isso e testar por si mesmo. Eu só queria direcionar sua atenção para esse tipo de coisas. Então a melhor maneira que podemos fazer é começar com nosso projeto e começar a fazer nossa animação de logotipo. A propósito, ficarei muito feliz em ver seu trabalho em andamento. Veja como ele oferece animações de logotipo vir junto e talvez eu possa até chime e dar-lhe alguns comentários sobre eles. Estou apenas compartilhá-los no projeto Skillshare ou nas mídias sociais, marcando-nos como ilha animadora, estou animado para ver as coisas principais que você vai animar. 4. OpenToonz e outros softwares de animação: Neste vídeo, quero falar um pouco mais sobre músicas abertas. E se esta é a ferramenta certa para você usar para criar suas animações. Agora, uma grande vantagem das músicas abertas é que ele é gratuito. É um software de código aberto baseado, na verdade, em software que já foi comercial. Por isso, tem sido usado para criar animação de longa-metragem. E por isso, músicas abertas é muito profissional quando se trata de software de animação livre é provavelmente o mais profissional do grupo porque tem muitas opções e a interface é voltada para profissionais. Portanto, não é um software que você abre e, em seguida, você sabe imediatamente como usá-lo. Isso também não é nada para se preocupar. Se você seguir este tutorial passo a passo, eu vou orientá-lo através de tudo. É só que se você diz que eu quero ter algo muito fácil, algo muito rápido. E você pode ser mais um comerciante e você só quer algo muito rapidamente e você realmente não quer aprender animação, então você pode querer olhar para outro software que é voltado para amadores. Por exemplo, uma tela. A ferramenta de postagem de mídia social agora também tem alguns recursos de animação. E há uma ferramenta chamada vídeo wave dot que ajuda você a criar postagens de mídia social que são apenas um pouco animadas com muita facilidade. Essas ferramentas têm a desvantagem de você ter menos controle sobre a maneira exata como as coisas são animadas. Então eu sendo um animador e sempre que eu trabalho nessas ferramentas que são basicamente como PowerPoint onde você liga um efeito de animação. Eu estou sempre tipo, não é exatamente como eu quero que seja. Então, se você é um perfeccionista, a solução seria animá-lo em um software mais profissional como músicas abertas 0 e Canva e Wave vídeo não são livres. Por isso, ele também precisa se encaixar no seu orçamento, se você está apenas começando, gêmeos abertos pode ser uma ótima opção para não gastar nenhum dinheiro. Você acabou de passar o tempo aprendendo para criar uma animação. A outra coisa que eu quero dizer no entanto, é que o design de movimento geralmente é feito em um software chamado Adobe After Effects. E o After Effects faz parte da Adobe Creative Cloud. Portanto, se você possui o Photoshop e outros produtos da Adobe, provavelmente você também possui o After Effects. Novamente, custa dinheiro, mas esse é o padrão da indústria usado para design de movimento. Se você possui o Adobe After Effects, francamente, você não deve fazer este tutorial porque músicas abertas tem algumas limitações e problemas que vamos contornar neste tutorial e encontrar soluções para. Mas é muito mais fácil no After Effects. Então, se você já está pagando dinheiro para o After Effects de qualquer maneira, basta usar o After Ele tem tantas ferramentas que tornam a animação de textos muito mais fácil. E especialmente se você tiver texto dinâmico e usar o Adobe Premiere para cortar, você pode alterar o texto da animação no software de edição de vídeo e coisas assim. Há tantas coisas legais que você pode fazer nesse fluxo de trabalho muito profissional do Adobe After Effects para o Adobe Premiere. Se você não tem acesso a isso e você não quer gastar o dinheiro na compra de software de animação profissional ou muito amador agora, então este tutorial é certo para você. E, claro, também, se você está aprendendo músicas abertas, você só quer se tornar um bom animador e você quer praticar mais com músicas abertas, então este é também um exercício muito bom para praticar os princípios da animação. Então eu espero poder dizer um pouco onde as músicas abertas estão no cenário do software. Mais uma vez, realmente é um software muito profissional, muito bom. Mas há software que é mais fácil e há software que é mais profissional quando se trata de animação de texto. No entanto, muito poderoso e vamos ter um pouco de diversão animando este logotipo animação. Vamos saltar para o primeiro elemento que vamos animar. 5. Animando a transição da limpeza: Nesta seção, saltamos direto para a água fria e vamos realmente animar nosso primeiro elemento de nossa animação de logotipo. Vamos animar esses toalhetes de transição. E depois disso, vamos dar um passo atrás e pensar mais sobre como você realmente precisa preparar seu logotipo para trazê-lo em músicas abertas. Mas achei que seria divertido como um bom exercício de aquecimento começar a animar algo imediatamente. Quando você inicia músicas abertas, ele tem uma pequena tela de inicialização que lhe cumprimenta. E tem um projeto padrão que você já está no, no Projeto Sandbox. Projeto Sandbox é ótimo. Se você fizer animações de teste rápido, você fará seu primeiro experimento de animação. Mas se isso é realmente suposto ser a sua animação de logotipo, você precisa criar um projeto para ele. E eu vou te mostrar como fazer isso. Se você clicar em Novo projeto pela primeira vez, você pode perceber que há apenas uma raiz de projeto na pasta de músicas abertas padrão, mas você provavelmente deseja salvar sua animação em outro lugar. Então precisamos adicionar um novo local do projeto primeiro. E é um pouco confuso que você não pode fazer isso nesta tela de inicialização. Precisamos ir para as preferências. E para isso você precisa fechar a inicialização, pop-up, clique em Preferências de arquivo, e eles estão encontrar uma caixa de seleção para adicionar caminhos de projeto personalizados. E aqui você pode inserir um caminho de arquivo ou usar este botão para navegar para uma pasta no seu computador onde você deseja salvar seus projetos de músicas abertas. Uma vez que você tenha feito isso, você verá o caminho aparecer aqui. Você pode adicionar vários caminhos adicionando duas estrelas e, em seguida, o próximo caminho logo após ele. Mas vou deixá-la com esse caminho, por enquanto. E sim, se você estiver satisfeito com o caminho que você disse, você pode simplesmente fechar as preferências, mas você precisa reiniciar músicas abertas, sair e abri-lo novamente. E depois de reiniciar as músicas abertas, você verá que sob o novo projeto você agora tem seu segundo local do projeto e você pode criar um novo projeto. No meu caso, vou fazer uma animação de logotipo para um café. Então vamos chamá-lo de animação do logotipo do café. Todos estes caminhos aqui em baixo, não há razão para mudá-lo. As músicas abertas salvam diferentes elementos do seu projeto em diferentes pastas, suas cenas, que podem ser o conjunto de design de movimento diferente que você faz. Você poderia ter uma cena para ele, seu terço inferior, você tem uma cena para sua introdução, uma cena para seu outro. Todos eles vão para pastas diferentes e todos os desenhos e recursos gráficos que você carrega em músicas abertas. Eles são salvos individualmente em diferentes pastas do projeto, mas vamos deixar todos esses nomes de pastas com seus valores padrão e basta clicar, Ok. Agora você pode ver que o cofre no caminho para baixo aqui também mudou para refletir os locais do seu projeto. E agora estamos criando nossa primeira cena. E nós vamos fazer a introdução. Para a resolução. Você precisa pensar sobre a resolução que você mais precisa. Eu estou fazendo uma introdução para um canal do YouTube, então eu estou aderindo com widescreen, 1920 vezes 1000 AD. Mas se você só precisa de sua introdução para o Instagram, ou você pode fazer uma versão da animação que você já criou. Você pode querer alterá-lo para algo quadrado como um 1080 vezes 1000 AT 24 quadros por segundo é uma boa taxa de quadros para animação. Às vezes, há motivos para alterar a taxa de quadros. Por exemplo, se todos os vídeos que você está gravando estiverem em 30 quadros por segundo, você deve manter apenas 30. Se você tem uma taxa de quadros estranha, como 29,97 em seu software de edição de vídeo, você também pode ir para o próximo número completo, como 30 quadros por segundo. Se tiver um canal de jogos, poderá subir até 50 ou 60 quadros por segundo. Vou mudá-lo para 25 quadros por segundo porque essa é a taxa de quadros dos meus vídeos. Certifique-se de que o salvamento automático está ativado. Isto pode ser um verdadeiro salva-vidas. Se estiver aberto a suas falhas, você não perde mais do que os últimos cinco minutos. E com toda a configuração, podemos criar nossa cena, nossa cena de introdução. A primeira coisa que fazemos é criar a forma que será limpar através da tela. Para isso, queremos criar uma nova camada vetorial. Podemos apenas clicar neste botão e ele cria um novo nível. Um nível é uma coleção de desenhos e podemos usar o nome do nível para ter certeza de que sabemos o que ele contém. Isto. Vamos apenas digitar forma limpa e deixá-lo com isso. Você pode ter certeza de que é um nível vetorial e acertar, ok, a coisa legal sobre camadas vetoriais é que você pode. Amplie e diminua sem que as camadas obtenham pixel. Se você usar uma camada de bitmap, o pixel individual aparecerá se você transformar sua animação demais. E usando camadas vetoriais, temos um pouco mais de uma escolha para ajustar as coisas depois que já as animamos para essa limpeza, eu quero criar algo como uma forma diagonal. Mas é claro que você também poderia ter outro em forma de uma onda ou uma perna linhas em ziguezague. Qualquer coisa que você quiser. Uma boa ferramenta para criar linhas muito retas é a ferramenta de forma. E vamos mudá-lo para a forma de polilinha porque isso nos permite definir o contorno da forma individualmente. Podemos usar formas pré-fabricadas se você quiser apenas ter um retângulo limpando em toda a tela, mas queremos ter um linhas diagonais. Então vamos fazer isso manualmente com nossa ferramenta de polilinha. E com o turno, podemos garantir que ele permaneça em linha reta. Clique aqui. E agora estamos criando o ângulo do nosso WIP. Faça algo assim. As bactérias têm que se certificar de que se conecta com o primeiro. Podemos usar o editor de pontos de contorno aqui para ajustar nossa forma. Não vamos lidar com isso agora. Só temos um esboço. Podemos ver através da nossa forma, e precisamos mudar isso criando uma nova cor aqui em baixo. Vamos criar um novo estilo. Neste momento, o estilo é preto, mas podemos alterá-lo escolhendo uma cor com esses seletores de cores aqui em cima. E esses controles deslizantes também podem ajudar a encontrar a cor que você deseja. Eu tenho essas configurações automáticas ativadas. Então, sempre que mudo algo aqui embaixo, muda as cores. Se você tiver desativado automaticamente, você precisa criar sua cor primeiro e clicar em Aplicar. Então é armazenado na amostra de cores. Bem, sim, vou deixá-la no carro e encontrar a nossa primeira cor. Agora, se você estiver trabalhando com uma marca existente, você já deve ter uma paleta de cores que você pode usar para cores de fundo. E você pode escolher a partir disso. E você não precisa trabalhar com o sistema de cores HSV. Há também controle deslizante de cor RGB aqui, muitos guias de marca têm as cores listadas com esses valores de cor RGB que você pode então usar para minha marca de café mock-up que eu estou animando este logotipo para. Temos esta cor de fundo verde-oliva escura. E você pode usar a ferramenta de preenchimento aqui para preenchê-la em nossa forma. A coisa legal sobre camadas vetoriais e cores vetoriais em aberto para respostas que você ainda pode alterá-las. Podemos entrar, selecionar a amostra de cor de preenchimento e alterar nosso plano de fundo para qualquer outra cor que quisermos. Isso pode ser muito útil no design de movimento. Sua marca às vezes muda de cor. Por exemplo, se você tiver seções diferentes de seus vídeos ou tópicos diferentes foram marcados com cores diferentes, às vezes você pode simplesmente usar a mesma animação e apenas alterar as cores ao redor. Vou voltar para a cor verde que selecionamos anteriormente. Eu não quero ter um esboço em torno dele. Então, com esta ferramenta Select aqui, vou clicar na forma e selecionar esta cor transparente. Isso será então usado como a cor do contorno. E porque é transparente, você pode ver que não há mais contorno. Você sabe o que? Eu realmente quero mudar a forma um pouco com o editor de pontos de contorno aqui. Porque este é o lado onde eu quero que a animação entre na tela. Mas talvez também queiramos ter uma transição fora onde também queremos ver o ângulo. Então deixe-me fazer isso com mais ou menos o mesmo ângulo. Então, primeiro vamos expandir a exposição deste desenho, não sei por quanto tempo precisávamos, então eu só estou arrastando um pouco por enquanto. Esta coluna, esta camada atualmente apenas abriga um desenho, que é a forma branca desenhando zeros 0000, uma natureza, vamos adicionar mais formas brancas. Esses também devem aparecer aqui se o adicionarmos ao nível correto, mais sobre isso em um segundo, mas já podemos animar essa primeira forma branca. Esta é, na verdade, a posição do meio. Nesta posição teremos a animação do logotipo ocorrendo em cima deste preenchimento verde. Então, queremos que a forma venha da pausa esquerda, para que toda a animação do logotipo possa ocorrer. E então temos um acesso à direita novamente. Antes de realmente animar qualquer coisa, é importante definir o método de interpolação padrão, como as músicas abertas se movem de um quadro-chave para outro. E um quadro-chave é basicamente apenas salvar uma posição e dizer ao computador, ok, neste quadro você terá esta posição e 10, 20. No entanto, muitos quadros mais tarde você tem a segunda posição e o computador pode se mover entre eles, mas ele pode se mover de muitas maneiras diferentes. Ele pode disparar imediatamente para a velocidade máxima ou um muito gentilmente começar a mover-se mais rápido e, em seguida, é mais lento novamente. E este é, na verdade, o tipo de movimento, mas que queremos. Na maioria das vezes queremos uma animação para acelerar gradualmente e gradualmente diminuir a velocidade. E podemos tornar este o tipo de movimento padrão em músicas abertas. Para fazer isso, precisamos ir para Preferências de arquivo. E na guia de animação, podemos selecionar um método de interpolação padrão. E, por padrão, provavelmente está definido como linear. Precisamos mudar isso para acelerar, acelerar. Então precisamos manter esta posição em torno do quadro 15. Podemos mudar esse tempo todo. Mais tarde. Acabei de colocar a cabeça de jogo no quadro 15. E pressionando Z ou a forma de diamante aqui em cima, podemos dizer a um computador para manter esta posição em mente. Agora, com a ferramenta animar, podemos mover o objeto e fazer com que o computador salve novas posições. Claro que não para enquadrar 15. Queremos que o quadro 15 permaneça do jeito que definimos agora. Queremos ir para o início no quadro um e definir a posição inicial para a nossa forma. Para isso, você precisa usar a ferramenta inimiga no modo de posição. E agora podemos clicar e segurar Shift se você quiser que ele só se mova ao longo de um eixo e movê-lo para fora do caminho. Isso criou um novo quadro-chave no quadro um com a forma sendo todo o caminho para a esquerda. E se nós agora esfregar através, podemos ver que a forma vai para os direitos e pára nesta posição que nós salvamos um momento atrás, É muito importante que você entenda a diferença entre a ferramenta de seleção e a ferramenta de animação, a ferramenta inimiga que usamos para posicionar nossa forma, na verdade move toda a coluna da camada e todos os desenhos que estão lá. A ferramenta Selecionar é usada para selecionar traços individuais ou áreas de um desenho que faz parte de um nível. Então pense nas colunas das camadas como é nos bons velhos tempos da animação. É uma placa de vidro onde você pode colocar os desenhos em cima dela. Mas então você pode mover a placa de vidro ao redor e você mover tudo que está nessas placas de vidro com ela. Isso é o que estamos fazendo com a ferramenta de animação. Então, se você colocar desenhos diferentes naquela coluna, naquela placa de vidro, ele também irá movê-los exatamente da mesma maneira porque ele move qualquer desenho que está naquela coluna. Podemos pressionar Play e ver o que temos até agora. Acho que os 15 quadros não foram tão ruins. Eu fiz o hábito de colocar quadros-chave sempre em números irregulares, ímpares. Se você tiver um quadro-chave no quadro 1 e no quadro 5, você sempre poderá ir no meio exato. Você pode colocar um quadro-chave no quadro três. E então você também, para uma emergência, você teria os números pares para, novamente ir exatamente no meio. E a animação da posição do meio é realmente importante porque com a posição do meio, você determina se algo está se movendo em uma linha reta ou em um arco que vem dessa posição do meio. Portanto, pode ser muito importante na animação ter sempre como um meio acessível para adicionar mais quadros-chave. Você não tem que fazer isso dessa maneira. É que estou muito acostumado a isso. Então você vai me ver no vídeo o tempo todo dizendo, Oh não, eu posso colocar uma moldura aqui. Eu tenho que ir um para a esquerda ou para a direita para acertar um número ímpar. Podemos brincar com essa transição um pouco mais para mudar a sensação dela. Se você está um pouco confuso ao ver tão longe fora da câmera. Este também este modo de câmera aqui em cima, que cortes da tela para apenas nos mostrar o que a câmera vê e como as imagens serão exportá-lo. Isso torna um pouco mais fácil julgar como o Wipe diagonal realmente parece. Há algumas maneiras pelas quais poderíamos mudar essa animação. E para ver o que estamos fazendo, nós também podemos ativar esta pele de cebola aqui em cima, que mostra o anterior e o próximo quadro mostrando através. E podemos ver isso no espaçamento aqui no meio. Deste quadro para este quadro, o espaçamento é realmente alto, significa que esta é uma velocidade rápida. E então aqui, esse espaçamento mais tarde fica menor, está diminuindo. By the way, você pode rapidamente ligar a pele e desligar clicando duas vezes neste marcador de pele de cebola aqui. E podemos brincar um pouco com a taxa em que está diminuindo. Para isso, precisamos do editor de função e um direito para obter os editores de função para clicar com o botão direito em um quadro-chave é a função rasgada aqui. E sim, isso é o que parece. Atualmente, temos o nosso WIP colocado na coluna 1. Então podemos clicar nisso, vê-lo aqui. E esses são os dois quadros-chave que dissemos. Este é o quadro-chave que dissemos com o atalho de teclado ou o botão de diamante. Ele disse ao computador para armazenar todos os parâmetros, manter todos os parâmetros em mente, a posição, a rotação, a escala, e o cisalhamento. E no primeiro quadro só nos mudamos. O objeto com a ferramenta inimiga, que fez com que ele salvasse apenas o quadro-chave da posição. Mas isso é bom. Isto funciona para nós. Agora, a maneira mais fácil de brincar com como os campos de movimento é ir para o editor de curva de função. Aqui em cima. Você tem essa coisa de aparência matemática bonita com uma roda de mouse. Você pode ampliar e reduzir o zoom no editor de curvas. Ao clicar na roda do mouse, você pode pegar a janela de exibição e se mover. E clicando e arrastando o sistema de coordenadas aqui, você também pode alterar ainda mais a forma como a curva é exibida. Quer brincar com os dados de posição que temos clique ponto sobre esta curva vermelha, que é uma representação destes valores x. Se quisermos que o movimento comece e pare muito mais devagar e seja ainda mais rápido no meio, podemos arrastar essas alças tangentes, certificando-se de que é mais ou menos reto. E fazendo isso, você deve ver agora que nós mudamos como este movimento funciona. Se ver que é muito mais lento no início e, em seguida, fica mais rápido, podemos, Eu não exagerar isso ainda mais? Talvez fazer a moção um pouco mais para enquadrar 19 aqui para realmente ver isso. Poderíamos também tentar que saísse a toda velocidade. Isso seria uma curva parecida com esta e, em seguida, ficando mais lenta no final. Agora você pode ver se movemos nosso cursor aqui para o início em verde, vemos este enorme espaço aqui, o que significa que é um movimento rápido e, em seguida, ele fica menor e menor e menor. E é assim que parece. É só um flash repentino ficando mais lento. Outra opção que ainda não tentamos é iniciar o movimento muito suave e fazê-lo terminar a toda velocidade. Vê se começa um pouco pesado e depois é mais rápido. Eu acho que eu quero ficar com a forma S clássica de ser muito lento em ambos os lados. E então você tem o grande swoosh no meio da animação. É sempre um sentimento clássico muito elegante. E também podemos animar o WIP saindo da tela novamente, revelando a imagem de vídeo que agora pode estar embaixo. Para criar nossa pequena pausa durante a qual a animação do logotipo pode acontecer. Nós poderíamos apenas copiar quadro 19 com controle C por agora é colocá-lo muito perto aqui no quadro 20 um. Podemos aumentar isso mais tarde. Então este seria o período durante o qual o resto da animação do logotipo acontece aqui em cima. Mas porque ainda não temos uma animação de logotipo, Vamos colocá-lo aqui no quadro 20 um. E então queremos a saída WIP dois novamente, mas não para a parte de trás para a esquerda. Tem que ir para o que é certo. Podemos fazer isso escolhendo um quadro 43 para tê-lo sim, aproximadamente ter o mesmo tamanho e como podemos usar a ferramenta inimiga novamente, certifique-se de que estamos na ferramenta de posição e arrastá-lo para fora segure Shift para garantir que tudo permaneça ao longo do mesmo eixo. E lá vamos nós. Vamos dar uma olhada na curva bem rápido. Oh, isso não parece muito ruim. Às vezes essas curvas vão muito, muito errado e têm alguns momentos muito estranhos lá, por exemplo, especialmente aqui no meio, você precisa prestar atenção. Estes são os mesmos valores. Mas pode acontecer que se sua curva for deslocada assim, você ainda terá uma animação estranha. Nós vamos aqui porque esta tangente está apontando para cima tão longe. Para evitar isso, poderíamos também mudar o método de interpolação desta porção da curva para interpolação linear para garantir que ela permaneça nesse eixo. E agora você pode fazer o que quiser com esta tangente sem quebrar o outro lado. Então, novamente, queremos que a moção seja realmente suave. E também aqui queremos a moção para e muito suavemente. E eu percebi agora que minha duração de jogo é apenas cortado aqui no quadro 31, minha animação termina, mas na verdade ainda continua como quadro 43. Portanto, certifique-se de que este identificador de duração da cena esteja alinhado com a duração da sua animação. Agora isso deve parecer muito mais suave mesmo para suavizar, porque eu não vi que eu ainda tinha um monte de quadros aqui. Então vamos fazer isso um pouco mais íngreme. Você também pode, se você não estiver satisfeito com a duração da sua transição, você pode alterá-la na linha do tempo aqui clicando e arrastando esses símbolos de teclas. Você também pode mover mais de um mantendo pressionada a tecla Shift e selecionando vários e clicando e arrastando para movê-los. Ou você os move aqui no editor de funções, você apenas pega qualquer coisa que está por baixo. Isso é muito útil. Eu não aconselharia pegar os quadros-chave aqui e arrastá-los para outro lugar porque agora criou um novo quadro-chave. Nós temos o que tínhamos anteriormente com ainda tem certos dados de rotação e dados de escala, mas meio que não é mais necessário. E estes são os dados de posição que nós arrastamos para fora. Mas, sabe, fica um pouco confuso. Então, ou mova as chaves na linha do tempo ou mova as chaves para cá. Mas essa animação ainda não é tão interessante quanto um cookie. Não há muita coisa acontecendo. Sim. Podemos adicionar um pouco de complexidade, mais alguns elementos, mesmo a esta simples limpeza. 6. Ma cores na transição de limpe: Vamos adicionar várias cores para a transição e vamos tentar ser realmente inteligentes sobre isso. Então não precisamos fazer a mesma animação três vezes do zero. Vamos reutilizar o que já temos para tornar a animação mais complexa. Então precisamos de uma nova camada para colocar as coisas. Você pode clicar com o botão direito do mouse aqui e inserir uma camada acima. E mais uma vez. E nesta camada, agora podemos copiar e colar a transição várias vezes para isso, clicar nessas partes mais escuras aqui, e você pode copiá-la com Controle C e colá-la aqui e novamente na camada aqui em cima. Agora você vai notar que isso quebrou a animação. As camadas superiores não têm quaisquer quadros-chave neles e, portanto, a tela é apenas coberta pela forma porque essa era a posição padrão que tínhamos quando criamos a forma. E a coisa é que os desenhos e os dados do quadro-chave são independentes uns dos outros. Se clicarmos aqui, aqui em cima, nesta alça, e se movermos o desenho, você pode ver que os quadros-chave permanecem no lugar e vice-versa. Se movermos este primeiro quadro chave, ele não se move onde está o desenho. Por isso, temos de ter isto em mente. Precisamos copiar e colar esses quadros-chave clicando no primeiro quadro-chave, segurando Shift e clicando no último quadro-chave. Eu sempre clico no desenho, mas eu quero clicar no quadro-chave lá em cima. Agora, desta vez funcionou, ele tem todos os quadros-chave selecionados do primeiro ao último. Podemos copiar que iria controlar C e colocá-lo nas outras camadas. Agora estão todos a fazer o mesmo movimento. Então parece a coisa que tínhamos antes. O que vamos fazer agora é compensá-los. Vamos mover nosso desenho e os quadros-chave em um padrão de escada como este. Portanto, certifique-se de que os quadros-chave e os desenhos estão escondidos assim com pelo menos dois quadros de diferença. Poderia ser ainda mais. Pode ser quatro quadros ou algo assim. Você pode experimentar com isso um pouco mais uma vez que possamos realmente ver algo. Neste momento, ainda não conseguimos ver nada porque todos têm a mesma cor. E nós realmente não vemos onde uma forma começa e a outra forma termina. Também precisa ter certeza de que a exposição da minha cena vai todo o caminho para o último quadro de todas as animações. Agora, como obtemos cores diferentes? Temos que voltar para uma camada. Aqui vamos clicar no nível de desenho e vemos que ainda temos apenas um desenho. Essas três formas de limpeza aqui, são todas uma instância do mesmo desenho com a forma verde. Então, mesmo que mudássemos a cor da forma aqui. E podemos fazer isso com bastante facilidade clicando na cor e apenas alterando-a. Mas ele ainda vai mudar todas as formas para ler porque eles são exatamente o mesmo desenho. Você pode ver isso na pré-visualização aqui. Sempre que os mudei, todos os três mudam. Então o que precisamos fazer é quebrar o vínculo do desenho e das cores. Vou mostrar-te como é que isso se faz. Digamos que a última camada, a que está aqui em cima, a última camada a aparecer é a cor que queremos manter. Então precisamos mudar os outros dois. Vamos para a primeira camada. Precisamos duplicar o desenho que temos aqui clicando no primeiro desenho em D para Duplicar e no canto superior direito você pode ver que temos que limpar formas agora. Neste momento, os dois são verdes. Eles ainda parecem idênticos. Mas agora temos um segundo desenho que podemos colocar na linha do tempo. E agora está aqui. Agora, para o primeiro quadro-chave aqui ainda é limpar a forma número 1. Podemos mudar isso clicando duas vezes aqui e alterando o nome para limpar o número dois em forma. E agora você pode ver que é a forma branca número dois. Do início ao fim, a mudança de cor. Precisamos criar uma nova amostra de cores. Porque se mudássemos essa amostra de cores, ela mudaria a cor de todas as formas em todos os lugares. Precisamos de uma nova cor que atualmente não esteja vinculada a nada. E nós obtemos isso clicando no símbolo de adição aqui. E vamos escolher um bom café por aqui. E agora precisamos preencher esta cor para a forma branca para desenhar, para ter certeza de que estamos recebendo a forma correta para preencher. Você pode clicar aqui no painel de níveis na forma WIP número dois, e isso mostra apenas uma forma de limpeza. Agora eu só troquei de fora. Preciso voltar para ele. Isto, isto aqui é apenas a forma branca número dois, e podemos preenchê-lo com a ferramenta de preenchimento aqui para ter a segunda cor marrom. Nós vamos fazer o mesmo nesta coluna, nesta camada, eu vou bater D. Nós agora temos o formato WIP número três. Precisamos de uma nova amostra de cores aqui. E este podemos mudar para o nosso amarelo ensolarado. Clicando na linha do tempo. Você volta do modo de foco do único desenho. Então podemos entrar no modo de câmera e apertar Play. E agora devemos vê-lo, senhor, através de um par de cores diferentes. Talvez devêssemos fazer o deslocamento ainda maior. Os quatro quadros, certifique-se de mudar os desenhos e os quadros-chave. E agora está passando pelas cores diferentes, pelo menos na intrínseca. Agora não vemos que a camada amarela e marrom, estou me movendo porque a camada verde está cobrindo tudo. Então queremos que a camada amarela espere. E podemos fazer isso selecionando este e este comando quadro-chave e também construindo uma escada inversa como esta. E agora tudo o que temos que fazer é garantir que os pares tenham uma exposição semelhante. Vamos fazer isso com o mesmo comprimento que a mudança aqui para ter esses quatro quadros entre os quadros-chave. Vamos adicionar mais dois, este e este, 1, 2, 3, 4. E se clicarmos no jogo, novamente, a exposição do nosso projeto era pequena, certificando-se de que ele soma-se. Podemos ver que começa e termina com essas esposas coloridas. E você sabe o que, mesmo sem uma animação de logotipo em cima dela, nós já podemos usar isso. Muitos canais do YouTube usam transições como esta para encobrir uma mudança de tópico. Espero que isso não tenha te assustado muito com o processo de animação. Pode ser um pouco tedioso. Mas afinidade para clicar sobre os quadros-chave e certifique-se de que tudo se alinha e você pode jogar com o seu Editor de Curvas e com o tempo de quadro-chave para sempre até que você tenha algo que você acha que parece bom e, em seguida, você olha para ele um dia mais tarde e então você pensa que talvez ele deveria ser um pouco mais lento ou mais rápido, mas isso é completamente normal. E com uma animação para gostar de músicas abertas, você tem a liberdade total de explorar diferentes horários e diferentes curvas de animação. Em seguida, vamos dar uma olhada no logotipo que estaremos animando e mostrar-lhe como você poderia planejar um pouco de um pedido. E então vamos trazê-lo para músicas abertas, construí-lo lá, e então animado. 7. Planejando a animação de the: Agora é hora de pegar seu logotipo e animá-lo. Se você ainda não tiver um logotipo. Eu realmente não vou entrar no processo de como projetar um logotipo porque esse é um grande tópico por conta própria. Designers passaram literalmente meses em alguns logotipos de suas marcas favoritas. Então, há um monte de coisas que podem ser aprendidas e experimentá-lo com diferentes formas de logotipo e fontes e todas essas coisas que pertencem a uma boa marca. A seleção de cores também é um tópico muito grande por conta própria, você pode encontrar tutoriais sobre design de logotipo e branding em geral, por exemplo, no Skillshare, eu precisava de um logotipo embora para animar. Então eu fiz essa pequena exploração rápida. Eu queria fazer um logotipo para um café. Isso também é algo como um bar de coquetéis. Então eu tive a idéia de adicionar esses, esses elementos de coquetel à lama do café, tentando diferentes formas aqui do café mach. E sim, em última análise, eu pousei neste logotipo. Agora, isso não é de modo algum um desenvolvimento de logotipo real. Se você fosse desenvolver um logotipo real, você faria esse processo por muito mais tempo. Você tentaria muitos mais motivos diferentes, muitas mais formas. Mas eu queria ter algo divertido e rápido para este tutorial. Então eu passei alguns minutos tentando essa idéia muito simples e colocando-a na melhor forma possível que eu poderia fazer em apenas alguns minutos. A seleção de fontes é outro grande tópico. Então, se você já tem um logotipo, você deve ter certeza de que você tem acesso a um arquivo que tem todas as camadas. Ou você precisa cortar seu arquivo em diferentes camadas e exportá-los separadamente. Por exemplo, como um PNG transparente ou, e isso é o que vamos fazer agora. Você pode reconstruir seu logotipo em músicas abertas. Isso faz especialmente sentido se você tiver um logotipo vetorial e quiser fazer coisas mais extremas com isso, como ampliar e ampliar, diminuir muito. Você precisa que os vetores do seu ícone estejam em músicas abertas como vetores reais. Então vamos pegar essa ideia aqui e reconstruí-la em músicas abertas. Nós também vamos ter que selecionar um fundo para a fonte escrita da máquina Moore aqui em cima e a fonte manuscrita lá em baixo. Nós também poderíamos começar a pensar sobre a animação que realmente queremos que aconteça. Esta é a sua primeira animação. Você pode querer apenas tentar coisas diferentes no software de animação e isso é bom também. Mas se você fizer isso mais vezes, você tem que sentir o que as coisas parecem boas. E você já pode dizer, ok, eu quero que isso venha da esquerda primeiro, depois isso apareça e coisas assim. E você já pode planejar isso em sua cabeça ou, você sabe, na verdade você deve anotar. Então, para o processo de animação, você tem uma idéia muito clara das camadas que você precisa e quais passos acontecem um após o outro. Como regra geral, faz sentido agrupar as coisas, mas ainda assim, você deve ter muitos elementos separados aparecendo em momentos separados porque isso faz com que uma animação de logotipo pareça interessante. Se você tem esse pop-up uma coisa após a outra entrando na tela, é apenas mais interessante do que apenas ter o logotipo inteiro apenas ser como, Oh, e há o logotipo inteiro. Isso não é tão divertido. Então, por exemplo, eu poderia imaginar que a primeira coisa que acontece é que temos essa forma pop up. Está aumentando o efeito. Essa será a primeira coisa que acontecerá. Então vamos ter o pequeno prato vindo da direita. A segunda coisa a seguir, o copo está descendo, daqui e então talvez todos os elementos, a fatia de limão e a palha também vindo do topo. Esta primeira fonte vai deslizar para dentro de uma máscara. E por último, mas não menos importante, temos a caligrafia, um par. Esta é a sétima e última coisa que acontece. Então isso nos dá um plano aproximado de como nosso logotipo se parece e o que acontece quando, se você já tem um logotipo, esta pode ser sua primeira tarefa. Pense em quais partes devem aparecer após o outro. Devem vir da esquerda, da direita? Eles devem escalar? Eles deveriam simplesmente desaparecer? Mas você também poderia dizer, sabe o que, eu não posso imaginar isso agora. Eu não sei como ele se parece e se sente quando as coisas vêm da esquerda e direita ou para cima, isso é totalmente legal também. Você não precisa decidir. Agora. Você também pode decidir mais tarde ou apenas fazer este tutorial e sim, veja por si mesmo como os diferentes movimentos sentem que vamos criar aqui. Então eu estou animado para criar a aparência final deste logotipo agora em músicas abertas e, em seguida, animado da maneira que temos planejado, que eu acho que vai parecer muito legal. 8. Rastreando ou desenhando o logotipo: Então, primeiro você quer obter o seu local ou o rabisco de um logotipo em músicas abertas. E a maneira mais fácil de fazer isso é arrastá-lo e soltá-lo. Primeiro precisamos de uma nova camada acima da nossa transição. E agora podemos simplesmente ir para o Explorador de Arquivos ou Finder no Mac, clicar e arrastar e colocar nosso rabisco na linha do tempo. Ele vai nos perguntar se queremos vincular ao local onde a imagem está atualmente ou se queremos importá-la para o projeto de músicas abertas. E se você não tiver certeza se a imagem ficará naquele local de onde você a tirou. Você provavelmente deveria apenas importar para o projeto de música aberta. Assim, as músicas abertas puxa uma cópia para a pasta do projeto. Agora, este desenho é provavelmente um bitmap e não uma camada vetorial. Então, se nós escalarmos isso demais, ele vai obter pixels com duas opções para tornar esse logotipo maior. Se for uma camada de bitmap, você poderá usar a ferramenta Selecionar para desenhar uma seleção como essa seleção de laço. E você vai notar que ele vai apenas cortá-lo como de um pedaço de papel. Ou você pode usar a Ferramenta de Imagem e com as ferramentas inimigas trocadas para a propriedade de escala, podemos torná-la maior e ajustá-la ao quadro. Mas você verá que se você ampliar muito em camadas bitmap, elas serão pixelizadas. Agora, se você já tem seu logotipo, exporte-o para diferentes camadas, PNGs transparentes diferentes, você pode trazê-los de forma semelhante, criar uma nova camada. Nesta camada, vou colocar um PNG transparente. E podemos importar isso também. E como você pode ver, isso é transparente e você pode movê-lo para onde ele precisa estar com a ferramenta inimiga passando pela ferramenta de posição e escala, se o seu logotipo é composto por muitos elementos, você não quer movê-los todos individualmente. Você quer ter uma camada que mova todas elas. E a maneira de fazer isso é criar uma nova coluna. Então vamos colocar um símbolo lá dentro. Em uma camada vetorial. Esta vai ser a camada que move tudo quando a movemos. Agora precisamos ter certeza de que sempre que movemos essa camada aqui, esta, que todas as outras camadas que pertencem ao nosso logotipo se movam também. O que vamos fazer é entrar na visão esquemática, e aqui podemos mudar a hierarquia, mudar o nome desta coluna, dois nomes. Nós sempre sabemos o que é. Você pode ver aqui embaixo, há a camada principal com este controlador aqui. E agora precisamos mudar a hierarquia. Queremos fazer disso o pai do pincel e do logotipo rabiscado. E fazemos isso clicando e arrastando uma linha aqui. E agora temos uma hierarquia. Essas duas camadas, o pincel e o Scribble, são filhos da camada principal. E agora, quando movemos a camada principal com a ferramenta inimiga, ela está movendo tanto o pincel quanto a camada de rabisco e nosso pequeno símbolo de ajuda aqui. Então é assim que você faz a paternidade de seus pais. Todos os elementos do seu logotipo que você importou para um controlador principal como este. E você usa isso para reposicionar e redimensionar seu logotipo até que ele se encaixe na tela e esteja na posição certa. Então, para mim, vou desfazer tudo isso e me livrar do pincel aqui. Eu ainda preciso criar minha arte final do logotipo e eu vou fazer isso diretamente em músicas abertas. Isso também pode ser algo que você deve fazer se você tiver apenas uma versão bitmap muito pequena do seu logotipo que você está usando ou o cliente só lhe deu um pixel é uma bagunça. Em seguida, uma das melhores coisas a fazer, ou uma das coisas que você pode ter que fazer é rastrear o logotipo no software que você está usando para animá-lo rastreando coisas para as camadas vetoriais. Nós também temos a vantagem de que podemos escalar se você tiver apenas um monte de cores planas, o que é uma espécie de moda agora. Muitos logotipos só têm formas em uma cor. Então isso é perfeito para uma camada vetorial. Você vai ver o que eu quero dizer em um segundo enquanto colocamos esse logotipo em uma forma finalizada que então animamos, uma coisa que também podemos pensar é em nossa paleta de cores global. Se você trabalha com um logotipo já existente, provavelmente você tem uma paleta de cores de 34 ou cinco cores. E você não pode usar mais cores em seu logotipo porque ele já está limitado, limitado a esta paleta de cores. E saber isso já dá um grande salto à frente, porque você pode simplesmente criar esses estilos de cores e usar essas mesmas 34 cores para todos os elementos em sua animação. Estou chegando com as cores para o meu logotipo um pouco na hora. Mas como você viu, mudar de cores e músicas abertas é muito fácil. E se você fizer isso de forma inteligente, você pode ter todas essas cores ainda sendo vinculadas e tentar diferentes variações muito rapidamente. Mas para realmente usar isso a nosso favor, devemos nos certificar de que todas as cores estão de alguma forma conectadas e ligadas. Então precisamos de algo como uma paleta de cores global que contém todas as cores possíveis que podemos então distribuir para os desenhos individuais ou usar em todos os diferentes elementos de desenho. E agora o nível WIP tem a nossa paleta de cores mais completa. Ele já tem essas três cores, e eu quero continuar a usá-las. Então precisamos transformar isso em uma paleta de cores global. E podemos fazer isso salvando essa paleta de cores como uma nova paleta. Clicando aqui para baixo, podemos então selecionar a pasta Paletas e sim, dar-lhe um nome e um pouco ir paletas de cores. Agora, a coisa legal que podemos fazer é quando começamos a rastrear nosso logotipo, criar nosso logotipo, podemos carregar essa paleta de cores no novo desenho. Então vamos criar uma nova camada e nova coluna clicando com o botão direito do mouse como sempre, insira acima. E digamos que vamos começar com o copo. Então, para o copo, eu quero criar um traço vetorial do copo. Então precisamos de uma camada vetorial aqui. Também poderia dar a este um copo de nome. Lá vamos nós. Neste momento, este copo de nível de desenho vem com sua própria paleta. Então, para carregar a paleta de cores que acabamos de salvar em nossa nova camada que vamos usar para o copo. Precisamos abrir sob o Windows a paleta de estúdio aqui e o ar podemos encontrar as paletas do projeto, e esta é a paleta que acabamos de salvar. E queremos carregar essas cores no nível do copo clicando com o botão direito na paleta e escolhendo carregar na paleta atual. E o mais legal é que se mudarmos essa paleta global, por exemplo, tornaremos o verde um pouco mais brilhante. Podemos salvar isso. E nós podemos mais uma vez, carregado nos desenhos, assistir esta amostra de cores agora mesmo ainda está escuro porque esta é a paleta de cores do copo local. Mas vamos substituí-lo selecionando a paleta de cores global que criamos para clicar com o botão direito do mouse e carregar na paleta atual. E agora assista a amostra. Está ficando mais leve. Desta forma, podemos atualizar todas as cores em todas as camadas, mesmo depois de já ter animado tudo, apenas certifique-se de carregar as paletes de cores do projeto global em cada nível de desenho que você criar. E se você quiser criar novas cores, é melhor criá-las aqui na paleta de cores global. Então vamos realmente criar uma cor para o copo que seria uma cor muito brilhante, talvez uma casca de ovo branca, como esta. Você vai salvá-lo. Sobrescreva a paleta de cores global e carregada no nível de desenho do copo mais uma vez. Agora, como vamos desenhar o copo? Vamos selecionar a cor do copo. E mais uma vez, usaremos a ferramenta geométrica na configuração da linha Poli. E em vez de apenas clicar nos, o que apenas nos dá linhas retas, vamos clicar e arrastar para obter linhas mais suaves. E o que estamos fazendo essencialmente quando estamos clicando e arrastando é que estamos arrastando a alça de Bezier de uma curva vetorial. Talvez me deixe fazer isso com uma cor preta que deveria ser um pouco melhor de ver. Então estamos arrastando a curvatura aqui, e esta é a linha real que estamos desenhando. Então aqui nós também podemos clicar e arrastar e fazer uma curvatura que corresponde ao topo do nosso copo. Agora esta curvatura aqui precisamos ajustar mais tarde. Nós realmente queríamos ser um canto afiado aqui, mas sim, não podemos fazer isso agora, eu acho. Então vamos continuar a definir, definindo os pontos de canto. E podemos clicar e arrastar e já afinar a curvatura aqui em baixo. E, em seguida, feche esta camada. Sim, isto ainda não se parece com a nossa chávena. Precisamos refinar as alças tangentes que já definimos. E podemos fazer isso com este editor de ponto de controle. Clique em um ponto. Essas tangentes já estão quebradas, o que é necessário se quisermos mudar o tamanho da tangente de forma independente. E você pode quebrar as tangentes livres clicando em um lado segurando Alt. E então você pode mover um lado da tangente independente do outro, e eles agora estão quebrados para que você possa simplesmente continuar clicando e alterando-os. Se você apertar Alt novamente, ele os funde novamente, que não é o que queremos. Neste caso, queremos ter um canto afiado aqui. Podemos continuar a refinar nossa forma até termos o copo que queremos ou qualquer objeto que você está criando para sua animação. Claro, eu disse a cor errada aqui. Podemos usar a ferramenta de seleção para selecionar nosso copo e certificar-se de que ele tem a cor do copo. E então também podemos preenchê-lo com a ferramenta de preenchimento. Está completamente fechado e é por isso que é muito fácil fechá-lo. Se você está desenhando algo, você precisa ter certeza de que a linha está muito perto de ser fechada. A alça que vamos criar de forma semelhante. Pegamos a ferramenta de polilinha e apenas traçamos os rabiscos que temos, criando algumas tangentes, geralmente no pico das formas. E novamente alterando-o, preenchendo-o. E isto é tudo pela nossa camada de copo. O pires aqui, o pequeno prato estaria em uma camada diferente. Então vamos criar uma nova coluna. E desta vez é realmente abaixo. E muito importante, queremos que seja uma camada vetorial. Se eu quiser apenas começar a desenhar, como você pode ver em quão pixelado ele é, esta é uma camada de bitmap. Nós não queremos isso. Então isso garante criar um novo nível vetorial cada vez que para isso, não precisamos usar a ferramenta polilinha. Poderíamos usar uma reticência. Lá vamos nós. Mais uma vez, precisamos importar nossa paleta de cores usando a paleta de estúdio. Vá até a paleta de cores, diga carregar na paleta atual, e lá está ela. Agora podemos recolorir esta nova camada para a laranja, cortá-la nas paletas de cores. Na verdade, antes de carregá-lo, não devemos fazer uma cor para a nossa fatia de laranja. Lá vamos nós. Salve isso. Carregado na paleta atual, salve-a e crie uma fatia laranja com a Ferramenta Elipse. Se você segurar Shift, ele vai manter a proporção. E também podemos verificar o preenchimento automático para que ele preencha imediatamente com a cor que selecionamos. Então boom, nós nem precisamos usar a ferramenta de preenchimento. Se você quiser reposicionar as coisas, você precisa usar a ferramenta Selecionar. E se você clicar no preenchimento, ele está preso em um seleto qualquer coisa. Você precisa clicar na borda para selecionar o traçado circundante. Lá vamos nós. Neste momento, estou a fazer tudo no quadro um. Então, se você tem o problema que você às vezes perde, o que você está trabalhando, pode ser que você mudou para um quadro que não tem exposição para os desenhos em que você estava trabalhando. A seguir é a palha. E aqui fazemos o mesmo jogo de novo. Nova camada acima, nova palha vetorial. Usamos a ferramenta geométrica e a opção de polilinha. Vamos usar o verde que já temos. Então nós carregamos o paladar no nível do desenho, escolhemos o verde, e começamos a desenhar esta palha realmente perto daqui de baixo todo o caminho. Agora temos de nos certificar de que mudamos a tangente depois de termos desenhado a coisa toda. Sim, parece um pouco instável. Precisamos mudar isso. Com a chave velha. Quebrar ou mesclar as tangentes à ordem da camada não está bem. Temos de o arrastar entre tudo. Sim, desligando a camada de rabisco aqui com esse ícone, isso esconde-a na janela de exibição. O eu iria escondê-lo na renderização quando nós realmente exportar nossa animação. Mas sim, isso é, na verdade, eu gosto dele para um logotipo que eu apenas gastar alguns minutos em. Isso é bem interessante. Tudo bem, agora em uma camada na parte inferior de tudo isso, queremos ter este quadrado que está por trás de tudo. Vou usar a ferramenta geométrica, vou usar o retângulo desta vez. E novamente, acho que desta vez devemos ter uma nova cor para isso. Não tenho certeza de que cor vai ser. Cores roxas. Às vezes, pode parecer muito bom em, em verde. Como a combinação de cores do Joker. Novamente, se você segurar Shift enquanto arrasta isso, vamos conseguir um quadrado perfeito. Eu não carrego a paleta de cores no nível de desenho. Vamos fazer isso bem rápido. Oh, e você vê que o roxo não veio com ele porque nós não salvamos a paleta de cores global ainda. Então eu clico em salvá-lo primeiro, substituindo-o. E mais uma vez carregando na paleta de cores atual. E lá temos. Oh, e aqui aconteceu que eu criei uma camada de bitmap e em um ícone de camada de bitmap basta clicar em Alinhar para recolorir. Então precisamos desfazer isso. E deixe-me criar um novo nível de desenho quadrado de nível vetorial. Sim, isso foi só um teste para ver se você estava prestando atenção, carregando a paleta de cores, selecionando, ferramenta geométrica, retângulo, desenhando. E nós temos isso. Isto é para dois cor-de-rosa. Podemos ajustar as cores aqui na paleta de desenho, mas você sempre deve carregar as coisas. Vamos tentar um azul brilhante para variar. Como é que isso parece? Sim, isso é meio amigável. Agora temos que copiar essa cor de volta para as paletas de cores globais para que possamos usá-la em todos os lugares. Então vamos dizer copiar e clicar na paleta de cores global e dizer Colar cor. E assim tudo ainda está em sincronia ou pode ser acalmado se quisermos usar essa cor em outros níveis. Se você for para níveis anteriores, por exemplo, vamos para a palha. Você vê que ele não tem a cor azul porque ainda não atualizamos a paleta de níveis. E podemos fazer isso mais uma vez clicando com o botão direito do mouse na paleta global e dizendo carregar na paleta atual. E carregou o roxo porque ainda não guardamos isto. Precisamos ter certeza de que nossa paleta de cores global seja salva. Agora podemos carregá-lo na pastilha de cor atual. E sim, aqui está a nossa cor número 7. Agora, para a fonte, se você for contratado como designer para criar seu logotipo, você pode não ter o financiamento, pode ser apenas um arquivo vetorial ou um arquivo PNG que você precisa usar. Como é, basta arrastar e soltar em músicas abertas e usá-lo da maneira que é. Ou se você sabe que tipo de letra é e você o tem instalado em seu computador, ou você está apenas projetando um logotipo. Você pode escolher a fonte você mesmo, qualquer fonte do seu computador. Você pode baixar um da Internet. E, claro, você também pode usá-lo em músicas abertas para escrever um texto. E então podemos animar esse texto. Há um problema com textos e músicas abertas é que se você usar a ferramenta de texto, existem outras ferramentas para criar texto. Podemos dar uma olhada nisso mais tarde. Mas se você usar a ferramenta de texto da barra de ferramentas, você só poderá escrever o texto uma vez. No momento em que você clica fora dele, ele o converte em uma camada vetorial. Portanto, você não pode entrar, clique novamente e alterar seu texto. Dito isto, você deve estar muito certo agora quais são as palavras que você quer escrever e você deve saber qual fonte é se você quiser usar a ferramenta de fonte. Você também pode procurar uma fonte agradável. Um recurso muito bom é Google Fonts aqui em fontes dot google.com. Na verdade, ainda tenho que procurar um bom fundo manuscrito para a paródia. Então, parte do nome, então vamos escrever o nome aqui. Podemos ver que já há uma fonte com um pouco de um tipo cursivo escrito à mão. Podemos filtrar as fontes. Um filtro muito importante são as categorias. Aqui, só quero ver a caligrafia no meu caso. E em sim, você pode percorrer eles e tentar encontrar uma fonte que se adapte ao que você está tentando fazer. Isso está mais conectado ao desenvolvimento de sites e design de marca e coisas assim. Então você já pode ter uma fonte escolhida, mas se não tiver, o Google Fonts é uma fonte muito boa para procurar uma fonte. No meu caso, vou usar o Petróleo do Pacífico. Clique nele, baixe a família de fontes e descompacte isso para instalá-la em seu computador. Então, em outra coluna, estou criando a primeira fonte aqui. Inserir acima da nova camada vetorial. E você sabe por que ainda não adicionar o próximo que é o texto escrito à mão. Deve aparecer bem em cima dela. Sim, ele faz. Aqui vamos escrever café e par, e eu vou usar os meses de fonte ou ratos, também de fundos do Google. E agora, no momento em que eu deixar isso ou clique em qualquer outro lugar, isso é transformado em vetores. Não podemos mais mudar a escrita. Então, se você soletrar algo errado ou você não está feliz com isso, ou você precisa de uma quebra de linha. Você precisa usar a ferramenta de texto. Mais uma vez, eu vou reposicionar isso para uma posição onde eu estou feliz com isso porque isso era um rabisco. Não precisa ser 100% preciso. Ainda estamos, neste caso, encontrar o logótipo. Mas é claro que vai fazer sentido. Se você já tem um logotipo, então você provavelmente deve ser um pouco mais cuidadoso para encontrar a localização exata. Use o expoente que você tem do seu logotipo real. Talvez o texto esteja na cor do copo. Então, mais uma vez, precisamos carregar esta pelota no nível de desenho. E agora eu posso selecionar a cor. Bem, na verdade, isso só mudaria o esboço. E vocês podem ver que há um contorno amarelo muito fraco neste momento. Mas eu realmente quero mudar o preenchimento. Então, para isso, eu vou usar a ferramenta de preenchimento para definir tudo na cor certa. Na outra camada, vamos escrever d. Então deixe-me carregar no pellet de cor muito rápido, porque eu já o tenho aberto. Vou usar esta cor. E neste caso vamos usar a Pacific Oil. E o tamanho pode ser um pouco maior, mas ainda podemos mudar o tamanho depois de trazê-lo. Lá, eu clico fora dele e nesse momento ele está sendo convertido. Pode usar a ferramenta Selecionar para desenhar uma seleção em torno dela. Prefiro a ferramenta de Laço à mão livre. Esta também uma seleção retangular que você pode usar e eu posso desligar a camada de rabisco para ver o que está acontecendo aqui. Por que não? Vamos colocar a barra de café entre o fundo de diesel PVD. Vamos tentar assim. Estou usando a ferramenta Selecionar agora porque quero manter os quadros-chave em 0 o maior tempo possível. E quando você escalar fundos, certifique-se de que você não faça isso, que você não os estica. Porque os designers trabalharam muito para encontrar uma boa proporção ou a proporção perfeita. Portanto, certifique-se de que, se você alterar fontes, mantenha a tecla Shift pressionada para manter as proporções como o designer pretendia. E lá temos. Se você estiver importando ou rastreando um logotipo que você já tem, certifique-se de que você tem todas as partes que você pode estar movendo separadamente em camadas de coluna separadas como esta. E a primeira coisa que vamos animar é essa fonte de café e bar aparecendo como uma linha aqui, subindo. 9. Animando o texto em uma máscara: O primeiro elemento que vamos animar é realmente muito simples. É um texto que aparece do meio da tela e não é nada realmente complicado. É apenas uma máscara na qual o texto está deslizando. E assim que entra na massa, torna-se visível. E a maneira como fazemos isso é a seguinte. Encontramos nossa camada de textos, que para mim é aqui em cima, ainda nomeou todos eles. Lá vamos nós. E nós vamos precisar de uma nova camada, que vai ser a máscara para o nosso texto chegando. Inserir acima. E aqui vamos criar outro nível vetorial, textos na máscara. E vamos usar isso como um nome para a coluna também. Ok, então para a máscara, vamos usar a boa e velha ferramenta de retângulo e podemos preenchê-la imediatamente. Basta arrastá-lo sobre o texto para que você não possa vê-lo mais em tudo. Talvez com um pouco de espaço no fundo, algo assim. Então nós temos um pouco de uma lacuna quando ele está deslizando para cima. Parece que censuramos nosso logotipo. Oh, bem, então, a fim de realmente transformar isso em uma máscara de, nós vamos precisar entrar nos esquemas poucos. Mais uma vez, desta vez precisamos mudá-lo para a visão esquemática FX. E você pode fazer isso aqui embaixo com este ícone. Isso nos dá as mesmas camadas, mas elas agora são organizadas para processar efeitos de imagem. E as camadas que precisamos são a linha de texto Kaffee e barra e a máscara text1. Se você não tiver certeza do que é uma camada, você sempre pode clicar nessa seta para ver uma visualização dessa camada atual. Agora, o que vamos fazer com isso? Precisamos do nosso efeito de máscara e podemos criar um clicando com o botão direito do mouse em adicionar fx e ir para o tapete. Mat em tudo o que está dentro do tapete é suposto aparecer. O oposto seria encontrado. Tudo o que está coberto pela máscara está sendo mascarado. Mas queremos que apareça na máscara. Então escolhemos nos encontrarmos. A fonte é o texto e a máscara de texto é o tapete. Livre-se dessas linhas aqui selecionando-as e apertando a tecla delete. E agora podemos ligar isto à próxima folha. E agora tudo parece igual. Isso ocorre porque a maioria dos efeitos não aparecem na visualização em tempo real na janela de exibição, precisamos renderizar nossa imagem para ver os efeitos se aplicam. E renderização apenas significa que o computador está fazendo um processamento mais fino dos efeitos de imagem e calculando-o em sua forma final, podemos dizer aberto para instalar, renderizar este quadro clicando no símbolo do olho aqui em cima. E agora você pode ver que não vemos mais a barra preta. Nós só vemos o texto para verificar se nossa máscara está realmente funcionando. Poderíamos sair da exibição de renderização para nossa camada de máscara e movê-la para que apenas metade cobre nosso texto. Podemos usar a ferramenta de seleção para isso. Agora as coisas fora da máscara não devem aparecer se renderizarmos. Sim, lá vamos nós. Como pode ver, o Texas só aparece dentro do bar. Vamos desfazer isso e colocar nosso bar de volta na posição antiga. E agora estamos prontos para animar isso. Vamos pegar os desenhos da camada de máscara de texto e a primeira linha de texto e movê-los para algum lugar no meio da animação. E aqui vemos o realmente em cima da cor que estava deslizando para dentro. Mas vamos apenas esconder todas essas camadas por enquanto e dar uma olhada em como tudo funciona junto com a transição Wipe mais tarde. Agora a animação que vamos fazer é o texto deslizando para a barra preta. Então, a posição que o texto tem agora é a nossa posição final. Então vamos definir um quadro-chave para isso. Em algum lugar aqui no quadro 39, eu quero estar na camada de desenho da linha de texto do café e da barra. E aqui no quadro 39 e foi em frente zed para criar um quadro-chave. E agora nós salvamos esta posição onde o texto está dentro da barra preta. Então vamos para o início deste segmento e usar ferramenta animar para direcionar o texto para baixo, mantenha a tecla Shift pressionada se quiser que ele permaneça no mesmo eixo. E agora saiu da barra preta. Agora não é mais visível, como você pode ver, ele está se empurrando para dentro da barra preta. E você pode até mesmo reproduzi-lo no modo de visualização, ou ativar o modo de visualização clicando no olho e você pode pressionar play. E a primeira vez que eu colocá-lo pode ser um pouco agitado porque ele está renderizando os quadros. Mas então você pode apenas reproduzi-lo e vê-lo aparecer como ele será animado mais tarde. E é isso. Nós animamos um texto aparecendo em uma máscara. Claro, você pode brincar um pouco mais com o Editor de Curvas, se quiser. Onde está a camada certa aqui? Este aqui? Me dê o editor de funções estava começando a ficar um pouco lotado aqui. Assim, no editor de funções, você pode realmente desselecionar camadas que você não deseja ver no Editor de Curvas. Lá, só queremos ver a linha de texto. E agora é um pouco mais fácil ver que está aqui. E podemos tornar a moção um pouco mais suave. Ou podemos dizer que ele só vem uma velocidade máxima na máscara e só então fica mais suave e mais lento. Vamos dar uma olhada no que isso parece. Ainda estamos na renderização do modo de visualização. Sim, isso é bom e suave no final. Então você pode brincar um pouco mais com isso. Você pode ter, é claro, textos provenientes de outros sites. Pode vir do topo. Na verdade, isso pode não ser ruim se o nosso logotipo eu puder aparecer. Pode ser uma boa transição tê-lo vindo de cima para baixo. E você também poderia animar a máscara. Você pode ter o texto no lugar e a máscara apenas revelá-lo de alguma forma. Então, há muitas possibilidades com apenas essa técnica, mas ainda temos muitas outras coisas para animar. Então vamos pular para a próxima coisa. 10. Animando o efeito de escrita à mão: O próximo elemento que vamos animar são os textos manuscritos que escrevem em si. E, curiosamente, isso não é muito diferente dos textos que deslizam para a máscara. Mas em vez de animar os textos chegando, desta vez, vamos animar a máscara. Assim, ele gradualmente revela o fundo manuscrito. E isso vai parecer que o texto está apenas sendo escrito. Então vamos pegar o texto manuscrito clicando nesta barra cinza e puxando-o. Não quer saber o que está acontecendo lá? Oh, as camadas trancadas. Como é que isso aconteceu? Sim, você pode bloquear camadas se não quiser tocá-las. Agora podemos pegá-lo e trazê-lo para algum lugar depois que o texto quase entrou na máscara completamente. Algo como aqui. É aqui que as nossas animações vão começar. Ainda não sabemos quanto tempo precisamos, então coloque mais do que suficiente lá. E agora a próxima coisa que precisamos é de outra camada de máscara. Assim, com o cursor da linha do tempo sendo em um lugar onde esta camada já está ocupada, podemos criar diretamente uma nova camada, máscara, um novo nível de vetor. E isso vai colocá-lo logo acima em uma nova coluna. E aqui temos que fazer alguma animação quadro a quadro real. Lembre-se de tudo o que cobrimos com o pincel ou qualquer forma ou qualquer tipo de conteúdo será revelado. Basicamente temos que refazer a fonte pouco a pouco, quadro a quadro. E vamos fazer isso de uma maneira muito particular. Queremos que o movimento comece mais devagar, acelere, e quando chegar ao fim da letra, fique um pouco mais lento novamente. E podemos fazer isso aumentando e diminuindo os espaçamentos de nossa máscara enquanto ela está evoluindo, uma boa maneira de pensar sobre flexibilidades é sempre dobrar as distâncias. Então, se viermos do outro lado, digamos que este é todo o golpe que precisamos cobrir. Então nós basicamente sempre metade das distâncias para obter o nosso espaçamento. E assim, temos espaçamentos que estão sempre aumentando e diminuindo. Para o fim. Vamos usar a ferramenta de pincel e escolher um traçado de pincel que é grande o suficiente para ser o pincel que poderia ter sido usado para desenhar esta fonte. E aqui já temos uma parte complicada. Como estamos revelando esse cruzamento, precisamos prestar atenção para que não desenhemos uma máscara que seja assim. Estes ângulos aqui revelariam parte desta linha, esta, que não é desenhada até muito mais tarde. Então precisamos criar a ilusão de que só há um pincel aqui. E precisamos evitar qualquer coisa que dê na máscara que há densa aqui a partir de uma segunda linha que está vindo muito mais tarde. Então, a maneira como vamos animar isso é a seguinte. Vamos aumentar o tempo de exposição da máscara. Sabe, pode ser a mesma exposição que o texto escrito à mão por baixo. Então eu vou fazer minha primeira parte da máscara, a primeira parte que revela o que está lá embaixo. E então eu uso as setas do teclado para ir para o próximo quadro. E no próximo trem, vamos bater D. E D está copiando o quadro atual, mas não é mais uma instância vinculada do mesmo quadro. Você pode ver nos níveis, há agora um desenho um ou dois desenho agora ainda são idênticos. Mas se eu começar a adicionar um próximo segmento, evitando cuidadosamente revelar que há outro acidente vascular cerebral chegando. Agora temos este primeiro quadro revelando apenas um pouco, e depois o segundo quadro revelando um pouco mais. E é assim que vamos continuar. Ele irá para o próximo quadro. Lá, aperte D para copiá-lo. E agora podemos fazer um espaçamento que é o dobro do tamanho do espaçamento que tínhamos anteriormente. Mais uma vez, tentando acertar precisamente aquele cruzamento. Não quero que a minha fala seja muito instável. Deve ser meio suave. Aquele primeiro cruzamento estar lá imediatamente, realmente faz as coisas. Um pouco difícil de começar. Ah, e a propósito, uma vez que você está fora deste cruzamento aqui, você pode ser mais desleixado. Você pode passar por cima assim. Isso não seria um problema porque só está revelando o derrame por baixo. Então isso realmente nos dá o golpe mais limpo que está por baixo. Nós não precisamos prestar atenção que nós não balançamos se nós tirarmos tão longe dele porque você sabe, a máscara em si não será visível, ele só irá revelar o desenho por baixo. Então, próximo desenho, e podemos apenas desenhar. - Ele. Só garante que esta parte aqui, isso poderia ser meio curvo e agradável para criar a ilusão de que este é apenas um pincel que está se formando atualmente como esta borda vai ser um que está mostrando porque É aqui que a máscara corta a camada que está por baixo. Ok, o próximo e desta vez vai ser ainda mais. Próximo. Oh, eu preciso acertar D. Lá vamos nós. Às vezes, cantos afiados como este. Pode fazer sentido ter o pincel abrandar um pouco porque isso é algo que pode acontecer enquanto você está fazendo uma caligrafia. Então, durante as curvas, pode haver um pouco de desaceleração que poderia parecer muito elegante. Então aqui estou diminuindo o espaçamento novamente e um 2.5 ou três quadros que estão no lugar aqui. Antes. Vou aumentar de novo. E agora podemos ser muito desleixados com a seção transversal porque já temos o primeiro golpe e agora podemos revelar tudo na área uma vez que a atravessamos. E agora precisamos fazer uma facilidade em mais lento e mais lento com os espaçamentos sendo realmente próximos um do outro. E agora temos o p completamente coberto, que significa que a máscara deve revelar completamente o que está por baixo. Agora, é claro, isso não parece muito bom. Então, vamos pôr a máscara a funcionar. Permitam-me também aumentar a exposição dos outros textos. Então temos visto pela mesma quantidade de tempo, precisamos trazer o esquema FX novamente passando pelas janelas para o editor esquemático normal aqui. E oh, nós já estamos no esquema FX. Se você não estiver lá, você pode clicar aqui para mudar do esquema de palco para o esquema de FX. E sim, aqui você vê nossa outra construção, nossa outra máscara. Precisamos fazer a mesma coisa para o texto manuscrito. E a outra, a segunda máscara, precisamos do tapete em vigor, clique com o botão direito do mouse em FX, Matt , Matt em, e a fonte é nosso texto manuscrito. A máscara é o nosso tapete. Certifique-se de que ele não está conectado diretamente, que essas camadas não estão conectadas diretamente na folha x. Somente o FX precisa ser conectado. E agora, se renderizarmos com a pré-visualização I aqui em cima, você pode ver que a máscara está revelando apenas essa parte aqui. E à medida que continua, à medida que a massa continua a crescer, ela faz o nosso efeito caligrafia e podemos jogar para vê-la em ação. Certo, vamos fazer a mesma coisa com todas as outras letras e ter certeza de brincar com o espaçamento. Começa com pequenos espaçamentos, depois fica maior, talvez fique um pouco mais lento em curvas afiadas. Sim, este é um excelente exercício para brincar com algum espaçamento e ver o que acontece quando você tem espaçamento configurado de perto e conjunto de espaçamento estão mais distantes. E agora temos nossa configuração de efeito assim. Você sempre pode apertar play e apenas testar se o último que você acabou criar parece do jeito que você quer que ele seja antes de continuar. E mais uma coisa importante, maioria dos movimentos de caligrafia começam a vir de cima para baixo, indo para a direita. Se tomássemos em 100% de precisão, provavelmente deveríamos ter começado nosso p.sit de forma diferente, não com esse golpe aqui, mas deveríamos ter provavelmente escrito assim. Essa é outra consideração que você precisa ter em mente. Então o a provavelmente começa assim, que são assim. Penso que isso está claro. D provavelmente também começa aqui. Então, sim, você também pode pagar para pensar um pouco sobre onde essas cartas eu realmente começar e o que seria o mais natural. Agora, eu acho que eu gosto do P do jeito que ele é porque ele está vindo do centro expandindo para fora. Então você pode quebrar essa regra se você tiver um motivo, se você sentir que é melhor. Mas muitas vezes, faz sentido ter em mente qual é o caminho realista? Como é que esta carta seria escrita de forma realista? Talvez tente você mesmo e veja. Então, sim, eu vou fazer isso agora e acelerar isso em um lapso temporal. Então se você quiser, você pode ficar por aqui e ver um pouco como eu crio meus espaçamentos. Ou você pula para o próximo elemento e começa a criar essa animação. Está bem. 11. Animando o logotipo — a escalada pop: Em seguida, vamos animar o ícone real e como tudo se junta lá em cima. Primeiro, precisamos arrastar todas essas coisas para onde é realmente necessário, começando em algum lugar antes do texto chegar terá que mudar tudo isso mais tarde para também trabalhar com a transição. Mas o que vamos fazer isso depois que tivermos a animação do final da ICANN, vamos pensar sobre o que está aparecendo primeiro, e provavelmente será o pano de fundo aqui. E queríamos abrir a partir do centro. E para fazer isso, ainda precisamos mudar o ponto central se usarmos a ferramenta NIMH aqui em cima e usarmos o modo de escala, podemos ver que ele está escalando em direção ao ponto aqui embaixo. Na verdade, isso não parece tão ruim. Eu meio que gosto disso também. Mas vamos começar a partir do centro. E para fazer isso, precisamos mudar esse ponto central de origem. E fazemos isso alterando a propriedade da ferramenta de imagem para centralizar. Agora podemos pegá-lo e movê-lo para cá, talvez assim. Agora podemos colocar alguma exposição e fazer a animação real. Mais uma vez, sabemos a posição final. Então vamos colocar um quadro-chave aqui. Bem, nós estimamos nossa posição final poderia ser e acertar Z para que o computador possa manter a caixa totalmente dimensionada em mente. Bem, vamos nos livrar de todas as outras coisas. Isso é apenas desligar a visibilidade do texto por enquanto para que possamos focar totalmente no ícone do logotipo aqui em cima. Assim, com a posição final definida, só precisamos enviar a posição inicial. Para isso, precisamos animar ferramenta no modo de escala, encolher nossa caixa para 0. Podemos até digitar o valor aqui para ter certeza de que nada é visível. Agora, quando tocamos, vemos a caixa se abrindo. Poderíamos adicionar um pouco mais de flexibilização a tudo o que vai para o editor de funções, encontrando a camada que é a coluna 6, e indo para o Editor de Curvas, você poderia tornar a curva super-forte. Veja como isso parece. Isso não é ruim. E aqui está outra coisa que podemos fazer. Copiamos o quadro-chave final. Esta é a posição final. Lembre-se, onde inicialmente queremos que toda essa animação se estabeleça. Copie um pouco mais tarde. Talvez assim. E agora estamos modificando esse quadro que costumava ser a posição final para ser uma superação, o que significa que a caixa está ficando um pouco para quebrar primeiro e depois se estabelecer. Isso é um pouco agitado depois de aparecer, mas isso é porque nós estabelecemos a curva tão fortemente e oh sim, quero dizer, há algo muito estranho acontecendo aqui. Por que isso não é velocidade dentro, velocidade fora. - Sim. Isto é mais o que eu esperava. Então vamos ajustar as curvas um pouco até que nossa animação tenha picos agradáveis e suaves em todos os lugares. Algo como isto. E vamos ver como isso parece. Mas o momento não está certo. Talvez isto deva aparecer logo no início. Podemos usar para apenas metade desta camada ativada no editor de funções e tudo o resto desligado. Sim, parece que sim. Só temos a coluna 6 ativada. Então podemos pegar esses pontos de resumo aqui para mover a animação. Sim, isto é bom. 12. Animando o logotipo — a placa em que sliding: Em seguida, temos aquele pequeno prato vindo da direita. Mais tarde, vamos ter este quadrado azul para ser uma máscara para que nenhum dos nossos ícones de café fique visível fora desta caixa azul. Mas por enquanto, vamos animar tudo sem mascarar nossos elementos. E você sabe, mais uma vez, obter alguma exposição definida no quadro final. Isso não deve demorar muito, algo assim. Defina um quadro-chave. E para o primeiro quadro-chave, vamos mover o disco para fora da tela ou, você sabe, para fora desta caixa. Para que mais tarde, quando esta caixa for uma máscara, ela não apareça. Para reutilizar a ferramenta inimiga no modo de posição, poderíamos reposicionar o ponto central para estar aqui e no meio do disco. Mas não faremos nada que precise que o ponto central esteja lá. Acho que gosto que as coisas sejam boas e arrumadas. E uma das coisas é colocar pontos centrais em direção ao centro do objeto ou ao fundo, dependendo do que você deseja animar. Então nós movemos isso para fora da tela, e agora ele não seria visível quando usamos a caixa como uma máscara para a animação aqui eu estou querendo tentar um tipo diferente de curva. Em primeiro lugar, precisamos ter certeza de que selecionamos a camada correta. Esta é a coluna 7 da camada. Encontre a coluna setes qual da coluna 6. E agora ele pode se divertir com as curvas aqui. Eu gosto que as pontas sejam realmente suaves, então eu estou arrastando isso para que isso fique ainda mais lento, mais lento e mais lento à medida que chega ao fim. E aqui não queremos que o movimento comece suavemente, suavemente, mas queremos que o pires entre no quadro a toda velocidade. Sim, maravilhoso. 13. Animando o logotipo — a queda e o de cuo: Em seguida, temos o copo vindo para baixo. Isso é um pouco confuso porque estamos deixando nossa ordem de camada agora. Todas essas coisas que vêm depois, a palha e a fatia de laranja, eles precisam estar atrás do copo. Mas o copo é o próximo elemento que animamos no ponto em que o disco está quase parado, já nos dando alguma exposição. E novamente, mantendo o quadro final em mente. Então, para o copo, eu quero tentar algo interessante e vamos desligar o disco para que eu possa te dizer, mostrar um pouco mais claramente o que eu quero tentar com a ferramenta animada no modo central, eu quero mudar o ponto central e eu não quero que seja no meio. Isso seria um ponto central clássico ou cisalhamento descendente, ambos pontos centrais muito bem válidos. Eu quero experimentá-lo em um dos cantos para que eu possa, se eu usar o Modo de Rotação, ter como um pouco de uma dica em direção a essa direção. E eu acho que isso ia nos dar uma boa superação quando o copo bater no chão, eu quero que ele seja refletido e então pare. Então ele desce, salta para cima. Que lado é esse? E depois desce de novo. Sabe, o que seria muito legal? Também podemos animar como um líquido salpicando aqui. Mas acho que isso é algo para outro dia. Então, com o ponto de rotação configurado dessa maneira, agora estamos pensando nessa animação ao contrário. Então este é o post que ele vai se instalar logo antes ter saltado para aquela direção. E antes de pular naquela direção, bateu no chão. Aqui, nós podemos realmente definir o vetor de rotação 0 aqui para ter certeza de que ele é, realmente não tem rotação aplicada. E então precisávamos ir para cima. Agora, se movermos esta taça agora você verá que algo interessante acontece. Nós temos um quadro-chave aqui, mas este quadro-chave foi definido apenas para a rotação. O que significa que a taça está caindo ao longo de toda a animação. Porque aqui e aqui, nós apenas definimos quadros-chave de rotação usando a ferramenta inimiga e girando o copo. Você pode ver que no editor de funções, temos a coluna errada ativada. Qual deles é uma coluna 10. Então vamos desligar isso, coluna 10 ligada. E aqui podemos ver algo interessante. Então esta é a posição final que criamos usando o atalho de teclado Z. Esta atenção a todos os elementos. Estas são as rotações e isso também faz sentido. Sabe, a rotação começa depois que atinge o chão. Ele gira para cima e depois volta para 0. Então a coisa que não está bem aqui é que a animação de posição y ir, vai ao longo de toda a fase de rotação. O que queremos em vez disso é que queremos que o copo já desça para 0, aqui em baixo, onde todo o salto para cima através da rotação acontece. Então copiamos esse quadro, esse quadro-chave, podemos selecionar isso e copiá-lo e colado aqui. Agora você pode ver o copo desce e então faz o idiota de rotação. O timing ainda é extremamente confuso. É muito rápido aqui, mas podemos consertar isso apenas mudando as chaves por aqui. Agora uma coisa que eu quero tentar é ter a rotação para cima. E talvez isso seja muito longo. Faça a rotação para cima ser bastante curta, e a rotação para baixo pode ser um pouco mais longa. Vamos ver se isso parece certo. Sim. Neste momento, não parece certo, mas isso é por causa das curvas de animação. Agora, se você já animou uma bola quicando antes, que é um exercício muito importante quando você está animando, então você sabe que esse tipo de suavidade nem sempre é a coisa certa a se fazer se ligarmos a pele da cebola. Você pode ver que à medida que o copo está chegando ao fim, o espaçamento está ficando menor, que significa que nosso copo está diminuindo antes de atingir o chão. Mas não é assim que as coisas acontecem. Normalmente, se o seu objeto latino ir, ele fica mais rápido e mais rápido e mais rápido. E no ponto em que é o mais rápido, geralmente atinge o chão. Então o espaçamento antes de atingir o chão precisa ser o maior. Então, como fica na curva? Primeiro precisamos ter certeza de que estamos na camada do copo, o que eu acho que já estamos onde e aqui podemos ver o problema. Agora, a queda deve começar suave. Nossa queda capturada cada vez mais rápido e rápido. Mas o impacto antes do impacto, não deve, não deve ficar mais lento novamente, então não queremos a curva suave aqui. O que queremos, em vez disso, é que queríamos cair na posição final. Isto, isto é o que queremos. Veja este enorme espaçamento aqui no final. Este é o tipo de queda que queremos. Agora a coisa com o impacto é que a energia do impacto, este enorme espaçamento é refletido de volta no copo, o que significa que e agora temos que mudar as curvas. Esta foi a curva de altura caindo, e agora a energia é transformada em energia rotacional em um instante. Então precisamos mover a rotação dos morcegos para cima. Então imediatamente com um, um grande espaçamento, salta para a posição de cima, este pico aqui em cima podemos fazer muito suave. E mais uma vez por descer. Isso também é como a queda, mas usamos rotação para criar outra queda de saldo. Então este é o pico. E agora está descendo e ficando cada vez mais rápido e mais rápido e sem abrandar. Então é assim que parece. E aí vem parar. Se você tem um problema em não ser capaz de criar curvas em como uma forma de V como esta. Isso pode ser porque você tem outro quadro-chave aqui. Vamos fazer isso bem rápido. Vamos definir mais alguns quadros-chave. Interessante. As tangentes já estão quebradas. Bem, a coisa que eu queria te mostrar no problema que você pode encontrar é a seguinte. Você pode ter. Esta é a queda do copo. Queremos ter certeza de que o copo está indo a toda velocidade para o chão. Então vamos levantar isso e você vê o que está acontecendo. A curva está indo para o chão aqui. Nós não queremos isso. Isso faria com que o copo para ir através do chão e, em seguida, vir de alguma forma aplicativo novamente. Isso é estranho, isso não é o que queremos e isso é porque os lados das tensões estão atualmente ligados e há duas maneiras de lidar com isso. Podemos clicar com o botão direito do mouse desvincular alças, e agora eles se movem independentemente. Podemos ter certeza de que isso é o mais próximo possível de 0. Ou se quisermos ter certeza de que não há nada se movendo depois o copo chegar ao chão no eixo y nos dados de posição. Aqui, podemos alterar o tipo t de interpolação desta parte da curva clicando com o botão direito do mouse em configurá-la para interpolação linear. Não há mais tangente. interpolação linear não tem uma tangente. Ele sempre vai para o quadro-chave em linha reta. Então sabemos que esta é uma linha reta que não há movimento na posição y. Depois que o copo caiu. Ainda não pressionamos o play, não é? Então vamos ver se o momento é certo. Oh, isto é muito bom. Consegue sentir o impacto? Consegue sentir o chão? Eu realmente gosto disso. Eu realmente isso é legal. Nós somos como se não houvesse sequer uma mesa neste fundo, mas você pode realmente sentir, sentir o impacto. Então esta é a magia de trabalhar o editor de curvas ali imediatamente. Sim, então isso é muito legal. Vamos assistir com o disco ativado. Isso não é legal? 14. Animando o logotipo — a de slice em laranja: Queremos cuidar dessa fatia de laranja agora. Então vamos arrastá-lo para cima. Lá vamos nós, Tem isso está chegando a uma parada. Esta animação já pode começar. Podemos ficar sem quadro em breve, mas vamos nos preocupar com isso quando chegarmos lá. Novamente, sabemos a posição final, segura, a posição final lá. Podemos mudar este ponto central novamente se uma vez centro para ser um pouco no meio. Mas também não importa porque eu só vou usar a ferramenta Posição para movê-lo para fora da caixa que vai mascarar a animação. Aqui. Poderíamos ter uma ISS a caminho. Sabe, é meio que gravidade pode fazer com que desça. Mas o ato de um encaixe a fatia de limão na borda do copo pode, pode haver alguma resistência lá, e poderíamos justificar que a fatia de limão está abrandando drasticamente no momento em que pode impactar com o copo. Então o que vamos fazer, vamos fazer um quadro-chave aqui. No momento em que temos o impacto, atingimos o Z. e vamos tirar este um pouco mais. Então, olhando para nossas curvas, novamente, vamos para o editor de funções, esta é a coluna oito, indo para descobrir que na função que desvio desativa a coluna 10. Aqui vamos nós. O que podemos fazer aqui é começar com a queda clássica. Esta é uma espécie de animação caindo. E então aqui no momento em que ele faz impacto com a borda, seu mais lento para baixo significativamente. E está encravado lá dentro. Como se eu quase me sentisse como os judeus como o som faria quando é apertado lá dentro. 15. Animando o logotipo — a bouncing: Claro, nós também temos a palha caindo. E novamente, como muita animação de trás para frente hoje, isso meio, meio interessante porque você sabe, para logotipos, eles têm a posição final lá. Você quer terminar na pose final. E obedecer é divertido trabalhar para trás, mas pode ser confuso no começo. Então, se você tiver um problema com isso, sinta-se livre para animar sua animação vindo do ponto de partida. Você não precisa animá-lo de trás para frente. Você só precisa ter certeza de que, no final, quando tudo chega a uma parada, então você precisa fazer uma verificação extra. Se você realmente tem o, a posição onde tudo precisa estar. Então, novamente, definimos um quadro-chave para o fim. E quer saber, eu quero fazer algo parecido como fizemos com o copo. Vamos ter pontos de rotação aqui em baixo. Você sabe o que? Vamos animar isto. Vindo do topo. Haverá alguma interpolação que você precisa ignorar. Vou tentar apenas clicar na linha do tempo em vez de esfregar através dele, porque vamos ver alguma animação quebrada ao longo do caminho até que nós, temos todos os quadros-chave definidos, ele vai olhar errado. Por isso, não deixes que isto te confunda quando apertas o Play. Deixamos isso aqui por enquanto. Sabe, o timing também é uma coisa com a qual nos preocupamos. Por último, precisamos ter certeza de que as poses que dissemos estão corretas primeiro. Então, a última postagem que temos, a primeira pose seria girada para cima e todo o caminho no topo lá. Agora, a segunda posição que queremos fazer é a palha ainda girá-la, mas agora está dentro do copo. E uma coisa boa a fazer, bom lugar para fazer isso é neste editor de funções, qual camada é esta coluna nove. Estes são os dados de posição e estes são os dados de rotação. Queremos que os dados de rotação ainda sejam os mesmos. Então digamos que estamos fazendo do nosso prédio nosso novo quadro-chave aqui. Nós apenas copiamos os mesmos dados de rotação aqui. E estamos copiando a posição não daqui, mas daqui. Porque já atingiu a posição dentro do copo. Oh, este deve ser um ali. A primeira posição é aqui em cima, segunda posição é aqui em baixo. E a terceira posição que temos atualmente é a palha. Incline-se para frente Isto já pode parecer bem. Isto está tudo bem. O momento não está certo. Então isso já pode quase funcionar. Teria que ter certeza, você sabe, por causa da gravidade, talvez precisemos ter certeza de que o estrabismo abrandando bla, bla, bla. Mas eu quero tentar outra coisa com você. Então eu quero que a palha desça e então salte contra o copo. Como se ele descesse, bate no copo, aqueles para cima um pouco e bate no copo de novo, uh, meio que na sela de dois toques. Isso cai, fica refletido, volta. A primeira coisa que precisamos para fazer funcionar, e já sabemos como fazê-lo funcionar é a queda da palha. E isso acontece puramente nos dados de posição, pelo menos por enquanto. Este é o eixo y descendo e já sabemos como isso deve parecer. Temos de ter o nosso início lento da queda e, em seguida, tem de ir para o chão a toda a velocidade. Vamos nos certificar de que este último espaçamento não é muito grande. E isso também pode ser uma indicação como, hey, se temos esse enorme espaçamento aqui, nosso movimento pode ser muito rápido. Para que possamos torná-lo um pouco mais lento movendo todos os nossos quadros-chave para fora. E podemos fazer isso clicando, Shift, clicando, selecionando todos os quadros-chave e, em seguida, clicando e arrastando e movendo-os dois quadros. E agora, quero dizer, o último espaçamento ainda é bem grande. Talvez assim. Desta vez, a energia não é desviada. É, é tudo tirado da palha de uma vez. Mas ainda há espaço para o início do outono, ou seja, lateralmente. E isso é o que fazemos com a rotação. Basicamente fazemos outra queda aqui onde temos a facilidade lá em cima, onde a gravidade está chutando fazendo com que ela caia de lado. E então temos um impacto. Não podemos mover o cabo tangente A. É porque essas tangentes, por qualquer razão, são definidas como lineares. Provavelmente porque usamos linear em algum lugar. Precisamos mudar esse método de interpolação clicando com o botão direito do mouse e mudando para velocidade na velocidade de saída. O mesmo aqui. E agora podemos mover esta tangente. Sim, isto é muito melhor. E desta vez temos um movimento de desvio. Está girando contra a borda do copo. E aí está, esse movimento é refletido e a palha está voltando para a outra direção. Para fazer isso corretamente na curva, precisamos desvincular as alças tangentes novamente e criar esta forma de V aqui. Isto está correcto. Precisamos ter outro abrandamento, pois ele está voltando para o topo da rotação, como se estivesse girando lentamente, batendo lentamente girando e girando lentamente e voltando para o que é o aro. Sem abrandar. Agora o momento provavelmente ainda está fora, mas se jogarmos, ele faz realmente muito bom. Sim, você pode ver que a curva, realmente parece que está batendo em alguma coisa aqui e ficando refletida e seguida, voltando e apenas sendo interrompida imediatamente porque os passos são tão leves, que é muito agradável, É um pouco rápido. Então, provavelmente devemos adicionar alguns quadros. Talvez só para, talvez dois já seja suficiente. Às vezes, apenas dois quadros podem fazer uma grande diferença. Sim, pode ser isso. Primeiro, vamos colocar um pouco mais de exposição em tornar a nossa animação um pouco mais longa para que tenhamos algum tempo para realmente vê-lo como este maior. Faça tudo isso se alinhar com o nosso final atual. E também devemos voltar a ligar o copo. E agora podemos ver como a ICANN é animada. Isso não é doce? Realmente legal? 16. Mascarando múltiplas camadas: Agora precisamos fazer a máscara e o mascaramento funciona para que não vejamos os objetos antes que entrem na área azul. Para isso, precisamos mais uma vez, a visão esquemática mudou para o FX poucos aqui. E lá precisamos encontrar o quadrado, que é este. E mais uma vez precisamos de um tapete. Com efeito, clique com o botão direito do mouse em afeta Matt, Matt em. Mas desta vez temos várias fontes. Temos o copo que deve ser cortado, e temos o pires. Mas como você pode ver, eu não posso colocar múltiplos no mesmo fx. Precisamos agrupar o copo, o pires, a palha, a fatia de limão ou laranja em um grupo que pode ser processado juntos no slot fonte do Met in. E fazemos isso criando novos efeitos através de Adicionar Mistura de Camadas, precisamos encontrar um certo tipo de mesclagem de camadas que é chamado uma e outra vez, apenas coloca as coisas em cima da outra. Vamos colocar o disco primeiro. Vamos nos livrar dessa linha. Em seguida, o copo, depois a fatia de limão ou fatia de laranja, e depois a palha. Agora podemos conectar tudo isso na fonte e usar o quadrado como o tapete. Mas também conecte-o na folha x porque ainda queremos que ele seja processado. Vamos clicar no botão de visualização. Oh, nós não puxamos o módulo FX para o que ela faria melhor. Podemos ver que está sendo cortada. E sim, isso é maravilhoso. Isso leva muito tempo para renderizar agora, mas está fazendo o que deveria fazer. Está cortando os elementos à medida que entram no quadrado azul. Então, com o modo de visualização habilitado, vamos para o início da animação e pressione start, e isso deve acioná-lo para renderizar todos os quadros para que possamos ter uma prévia real de nossa animação. A propósito, a razão pela qual ainda vemos a fonte é porque nós apenas desligamos as camadas aqui nesta coluna que não as vemos na viewport, na porta de visualização em tempo real. Mas como o olho ainda está ativado, nós os vemos na renderização. Mas sim, a parte que eu queria ver, o ícone animado está muito bom. Tudo o que resta a fazer é juntar tudo com a transição. Garante que tudo apareça na ordem certa. E então vamos fazer uma pequena animação rápida para nos livrarmos do logotipo na transição para fora. E então terminamos com a nossa pequena animação de logotipo. Então vamos embrulhar no próximo vídeo. 17. Temporização final: Até agora temos focado em cada elemento individualmente, e agora vamos fazê-lo funcionar todos juntos. Há algo muito bonito e interessante sobre as coisas acontecendo. Não um após o outro. Mas, você sabe, um pouco empilhado. Tem de haver um pouco de uma coisa a aparecer depois da outra, mas podemos entrelaçá-la um pouco. E também precisamos direcionar a atenção. Talvez queiramos que o ícone apareça primeiro e se construa sozinho. E depois de tudo isso ser feito, como um próximo passo, talvez queiramos fazer o texto chegando. Então direcionamos a atenção do ícone aqui em cima, até um texto. Essa será uma solução possível para o fazer. Você também pode ter o formulário de texto e isso de alguma forma aciona o ícone. Há muitas maneiras diferentes de fazer isso, e é parte da diversão experimentar coisas diferentes e ver o que funciona. Então, para tornar isso gerenciável com todos esses muitos elementos, vamos apenas desativar todas as coisas primeiro. Estou no modo de pré-visualização. É por isso que vejo que tudo o que ainda tem o ativador que desliga isso. E agora temos um visor vazio. Vamos nos concentrar no elemento com o qual começamos, a transição Wipe. Então isto deve estar aqui no início da animação. Primeiro, vamos nos certificar de que o deslocamento de todos eles está correto. E uma maneira de fazer isso é clicar e arrastar e medir distâncias. Aqui, o que nós selecionamos, ele vai nos dizer quanto tempo nossa seleção é. Neste caso, selecionamos quatro quadros e este ano também deve ser quatro quadros. Maravilhoso. Agora vamos verificar a duração da limpeza. Este é para o marrom, que é todo o caminho no fundo. Vamos ver quantos quadros é preciso. Então este é 19 quadros. Vamos verificar o lenço amarelo, se pudermos. Isto é 19 quadros. E isto é 19 quadros. Maravilhoso. Então todos eles têm o mesmo comprimento. Isto é tudo como deve ser. Agora a transição que precisamos empurrar para fora do caminho porque, obviamente, depois que o fundo verde apareceu, agora queremos que a animação do logotipo ocorra. Então nós só precisamos empurrar isso, tudo isso para um ponto mais tarde. É relativamente fácil empurrar os desenhos para fora do caminho. Podemos selecionar esta parte aqui no meio e com esta alça cinza, empurrar todos os desenhos ainda mais. Mas isso não vai empurrar nossos quadros-chave. Então precisamos fazer isso separadamente. Empurre tudo isso para fora do caminho. E os quadros-chave que podemos clicar para selecionar um Shift mantenha pressionado, clique em um aqui embaixo. E agora temos todos esses quadros-chave selecionados. E podemos empurrá-los longe e lidar com essa parte da animação mais tarde. Agora, após o WIP, queremos que nossa animação comece com o ícone e a animação ícone. Então vamos mudar tudo isso em um, novamente, o copo, tudo isso. E isso pode estar em uma boa posição aqui. Pode até começar um pouco mais cedo. Como você já deve ter notado, mover quadros-chave e desenhos ao mesmo tempo é um pouco irritante uma música aberta, porque é muito difícil selecionar ambos ao mesmo tempo. É muito difícil mover os dois ao mesmo tempo. E francamente, eu acho que isso é muito mais fácil e outro software de animação. Então aqui está o que eu encontrei no final para estar trabalhando, ok, é segurando Controle e clicando na alça cinza, você pode selecionar tanto o desenho com a exposição total quanto todos os quadros-chave que estão nele. E então você pode mover isso por aí. Ou, se você quiser apenas uma seleção, mantenha a tecla Control pressionada antes de clicar. Agora clique e selecione uma peça e, em seguida, mova isso ao redor, agarrando-a lá em cima. Meu Deus, isso é tão confuso. Mas sim, agora podemos movê-lo individualmente, pelo menos para fora. Não podemos movê-lo para dentro porque há desenhos, eles já estão bloqueando a posição. Então, eu não sei, isso é através de um controle. Clique para selecioná-lo, desativando o controle. Agora podemos avançar. Controle clique para selecionar. Tire as mãos da tecla Control. E agora posso mover isto. Comece mais cedo. Talvez isto deva começar ainda mais cedo. Tenha em mente que não vemos o copo porque está atualmente fora da barra azul. E o conteúdo já pode aparecer até primeiro a fatia de laranja. Uma seleção de troll. Sim, lá vamos nós. Por exemplo, a fatia laranja irá selecioná-la, arrastá-la para fora. Aqui vamos nós. Agora tudo está aqui, pertencente ao ícone. Em seguida, precisamos pensar sobre quando queremos que o texto apareça, uma bengala eu quero que ela apareça ou comece a aparecer logo após a palha ter saltado porque agora tudo o que pertence ao logotipo está aqui e podemos começar a mudar a atenção para baixo. Então, ligue a camada que viria para a máscara. Você pode mudar a camada de máscara ao redor. Um ácido está a meio caminho. A caligrafia pode começar. Então esta é a fonte e esta é a máscara revelando-a. Começando aqui. Talvez queiramos manter a máscara e visível. Agora, vamos selecionar tudo isso. Pressione a tecla delete para que a exposição seja a mesma. Podemos mudá-lo para ser visível, agradável e longo. E então precisamos pensar sobre quando queremos que as coisas desapareçam. Então a caligrafia ainda está acontecendo. Até este ponto. Definitivamente não queremos que a transição Wipe para já comece aqui. Só queremos que isso aconteça depois que a caligrafia for feita ou seja lá qual for a animação da Saída que fizermos. Então, depois que a caligrafia alta é feita, precisamos de mais 10 ou 20 quadros para ter certeza de que tudo é visto enquanto ainda está. E então precisamos pensar em como nos livramos de tudo para uma boa transição. Então aqui no final do controle da hora de emoção. Então aqui no final do movimento, vamos ver se nossa técnica de seleção funciona. Nós mantemos o Controle. Clique aqui em algum lugar para abrir o rack, certifique-se de que temos tudo selecionado. E agora clicamos sem manter o controle pressionado, clique aqui e movamos isso para fora. Há um pequeno buraco aparecendo aqui, mas tudo bem. Podemos consertar isso. Então vamos colocar isso onde pensamos que a transição começará. Talvez um pouco mais cedo. Talvez não, talvez aqui. Enquanto somos adicionados, também podemos ter certeza de que este é 19 quadros. Lembre-se disso na transição levou 19 quadros. Podemos verificar se isso também é verdade para a transição apenas arrastando uma seleção sobre ela. E justo, são 23 quadros. São demasiados. Então aqui temos nossos 19 quadros para preencher esta grande lacuna aqui da forma ter desaparecido. Vai do verde ao amarelo porque há um buraco nos desenhos. Podemos ir até este ponto aqui e apertar este botão, preencher células vazias, e agora encheu tudo até lá. Certo, outra seleção segurando o controle arrastando. E agora, sem segurar o controle, arrastando até aqui para tirá-lo. E lá precisamos de um deslocamento de quatro quadros, 1, 2, 3, 4. Então nós nos certificamos de que isso é 19 quadros de comprimento, não. Agora podemos usar esse deslocamento aqui, quatro quadros. Isso é o que precisa ser. Você precisa preencher os buracos. Eles estão lá. E por último, mas não menos importante, 234. Isso deve ser 19 quadros. Sim. Novamente, preencha um quadro vazio. Lá vamos nós. Na porta de visualização em tempo real, não vemos a máscara. Então vamos ativar o modo de visualização e fazer com que ele processa isso vai demorar um pouco, especialmente na parte onde temos tantas máscaras. E algo ainda não está certo com o quadrado azul. Vamos dar uma olhada no que está acontecendo aqui. Não está aparecendo porque a conexão não está aqui. Veja se isso funciona. Sim, foi uma solução simples. Está bem. Agora vamos passá-lo. Claro que não queremos ver as máscaras na renderização. Na verdade, temos. Precisamos ligar os olhos, mas também precisamos desconectá-los daqui. Então use as máscaras. Todos os textos escritos à mão partiram aqui. Tão estranho. Ok, então aqui a máscara de texto está indo para o excedente que a torna visível. Deve ser este bar aqui. Se removermos isso, sim, vemos que a máscara ainda está ativa, mas não está sendo visível porque não entra na folha. E então temos esta máscara aqui que precisa ir apenas como um fosco para o tapete em efeito do texto manuscrito. E agora tudo está de volta em ordem e precisamos começar a renderização novamente. Vamos tentar algo com a caligrafia começando primeiro, talvez também começando mais cedo. Vamos levar tudo isso. Certifique-se de que começa mais cedo. E a parte do café e do bar começa mais tarde. Então mudar as coisas para uma área já exposta é um problema. Então vamos nos livrar da exposição aqui, ali. E agora podemos mudá-lo para onde quisermos, mantendo o controle enquanto selecionamos. E eles não estão mantendo o controle ou em comum. Estou a clicar aqui em cima. Meu Deus. Está bem. Começando isso ainda mais tarde, talvez aqui. Vamos tentar isso. Oh, o que aconteceu aqui? Também fizemos um buraco aqui. Preencha quadros vazios lá. Certo, então, vamos ver como isso parece. Agora que temos todos esses quadros armazenados em buffer no modo de visualização, Vamos tentar preencher o momento em que queremos que o conteúdo do logotipo desapareça antes que ele vá para a transição externa. E sinto que um bom momento seria bem aqui. Aqui é onde o logotipo deve começar a desaparecer. E criamos uma coisa antes, este controlador principal que agora podemos usar para mover tudo de uma só vez. Então, digamos que nossa animação começa aqui no quadro de 151. Nem precisamos ver o controle. Acho que podemos definir quadros-chave de qualquer maneira. Sim. Então vamos apenas definir um quadro-chave para tudo nesta posição 0. E também precisamos ter certeza se todas as coisas estão conectadas à coluna principal neste editor esquemático. E eles não estão agora só este rabisco está conectado ao controlador principal. Mas queremos que tudo o que não faz parte da limpeza seja conectado ao controlador principal. Então é importante estar neste estágio esquemático, esquemático, não no esquema FX que temos estado. Para todos os mascaramentos, queremos que o pires esteja lá dentro, o copo, a palha, quadrado. Todo aquele texto e mascaramento. Ok? E agora, quando movemos a camada principal, e é um pouco confuso porque agora não há nada lá dentro. Mas ainda podemos movê-lo com a ferramenta animar. E como você pode ver, tudo vai se mover. Esquecemos a fatia de laranja. Vamos tentar encontrar isso rápido. Lá está ele. Como é que não te vimos? Lá vamos nós. Eu acho que eu quero fazer um pouco de antecipação, como se pudesse subir primeiro e depois descer é que nós temos uma antecipação. Também poderia ir para a esquerda e depois para a direita porque tudo está indo para a direita. Mas gosto de misturar acessos assim. Como se tivéssemos uma moção para a esquerda, eu também gostaria de ter um movimento para cima e para baixo. Então vamos tentar isso primeiro. Desta vez, estamos realmente animando array para a frente. Então começa aqui no quadro de um 150 ou um 151. O ar sobe, digamos um 157. Você está segurando o turno, então ele permanece neste eixo e então ele vai para fora da tela. Ok? Agora o tempo certo, pode ser ainda mais longo e precisamos mudar as curvas de animação. Precisamos ter certeza de que temos a camada certa. Temos o nome da camada. Principal. Aqui está no editor de funções. Devemos ser capazes de ver, sim, esta é a curva. Então queremos que isto se transforme em algo como uma queda. Então isso precisa definitivamente subir. Podemos tornar isto ainda mais suave aqui no início. Vamos ver como isso parece. Talvez tenhamos que ajustar as curvas ainda mais ou o tempo. Pode ser mais curto. Eu estava julgando mal o momento aqui. Está bem. E agora as transições WIP podem realmente começar mais cedo. Caramba, como, como, como vamos fazer isso? Agora? Vamos mover os quadros-chave e a exposição separadamente. Você pode começar ainda mais cedo. Eu acho que o WIP pode até como quase tocar o logotipo. Ali. Oi, sim, vamos tentar isso. Pode diminuir a exposição. Não precisamos, já que os elementos estão fora da tela. Mas não, venha aqui e veja como isso parece. Essa transição. Talvez não devesse tocá-lo assim. Isso é um pouco demais. Então vamos ter tudo isso sobre um e eu vou ter tudo isso para. Sim, isto é o que eu imaginava. Ok, vamos renderizar isso no modo de visualização. E lá temos. Esta é a nossa bela, maravilhosa animação logotipo. E no próximo vídeo, mostrarei como você pode exportar isso e importá-lo em um software de edição de vídeo você possa usá-lo como uma sobreposição que realmente desliza sobre um vídeo. 18. Exportação de uma sequência de imagens e a importação no DaVinci: Antes de exportar nossa animação, devemos nos certificar de que não temos camadas ou artefatos perdidos ou qualquer coisa que não queremos exportar. E devemos também certificar-nos de que só exportamos a área de que realmente precisamos. Então o lenço já se foi aqui. Podemos fechar a área de reprodução até aqui até o momento em que tudo se foi. Sim, aqui é onde nossa animação termina. E no início, há também este controlador principal que usamos para posicionar algumas coisas. Nós realmente não precisamos ter nada visível aqui para que possamos simplesmente excluir isso. Oh, olhe para isso. Ele se livrou dos quadros-chave que adicionamos colocados aqui. Bem, ainda estamos de alguma forma a animá-lo. Ok, então nós vamos apenas desligá-lo. Aparentemente, você não pode animar camadas que não têm um desenho nele. Então nós apenas desligá-lo e agora nós temos um começo muito limpo e um final limpo. Ok, sim, esta é a área que queremos exportar. Estamos prontos para renderizar isso de verdade, não apenas pré-visualização. Então clique aqui em Renderizar e altere suas configurações de saída. Muito bom formato para a sua exportação seria uma sequência PNG. E você pode alterar o formato de suas exportações aqui para PNG. Certifique-se de que nas opções você tem o canal Alpha, exporte-o. Isso significa que se não há nada cobrindo a tela, este vídeo ou esta imagem é transparente, então eles podem realmente ser um vídeo por baixo aqui que teremos a transição Wipe passar por cima dele. Se você não tiver o canal alfa ativado, ele irá exportar o branco como branco. Mas queríamos ser realmente transparentes. Então tudo o resto parece estar correto. Temos de ter a certeza de que este é o formato que queremos ter. Se você quiser exportar apenas uma área da sua animação, você pode alterar essa área aqui. Você pode salvar essas configurações como uma predefinição, que você sempre possa alterá-las usando o menu suspenso, aqui em cima. Agora podemos renderizar isso. E aqui podemos verificar se a transparência funcionou alternando neste tabuleiro de xadrez, você pode ver que temos uma área real transparente. Precisa armazenar o quadro primeiro antes que ele possa reproduzi-los fluentemente. E agora podemos tocar no play e ver se esta exportação é como queremos que seja. Sim, tudo parece ótimo. Então, onde é que isto realmente salvou? Ele, salvo na pasta do projeto. Você só precisa navegar até esse local. Há a animação do logotipo do café e eles estão na pasta de saídas. Podemos ver a sequência da imagem. É um arquivo para cada quadro de nossa animação. E isso parece um pouco confuso no começo, mas isso é exatamente o que precisamos. Então mantenha sempre isso em uma pasta. Antes de importar isso em um software de edição de vídeo, você pode querer tirá-lo da pasta de saídas, porque sempre que você renderizar algo em músicas abertas, essas imagens serão sobrescritas. Então, é uma boa idéia tirar todas essas imagens desta pasta e em uma pasta separada onde você está cortando o vídeo que precisa da introdução como um exemplo de como importar isso em um software de edição de vídeo. Vou usar o Vinci Resolve. É um software de edição de vídeo gratuito e muito poderoso. Estamos, Vamos criar um novo projeto. Eu preparei um pequeno exemplo de vídeo que eu só vou arrastar em muito rápido. Esta é uma mensagem muito importante. Eu importei meu vídeo, como um filmado, e ele tem uma taxa de quadros diferente das configurações padrão do projeto. E normalmente você quer mudar isso. Você quer que seu projeto esteja na taxa de quadros do material de vídeo. E nós conversamos sobre isso um pouco no início, que sua animação também deveria estar idealmente na mesma taxa de quadros em que seu material de vídeo foi criado. Em seguida, você pode fazer coisas clássicas de edição de vídeo, como encurtar seu clipe. Pessoalmente, estou mais familiarizado com como os campos de modo de edição em Da Vinci resolver porque ele pode simplesmente pegar os lados e mudá-los assim. Agora, para a sequência de imagem que você deve pagar em algum lugar onde ele pode ficar, se software de vídeo pode sempre encontrá-lo. Se você importá-lo para o Vinci Resolve, você precisa se certificar de que você não está no espaço de trabalho de corte ou mídia. Porque se você importá-lo para o espaço de trabalho de corte ou mídia apenas arrastando e soltando todas as imagens. Basta selecionar todas as imagens, arrastá-las e soltá-las no pool de mídia. Aqui em cima, ele irá importar cada imagem como uma imagem individual. Isto não é o que queremos. Queremos que Da Vinci insira isso como um arquivo de vídeo de sequência de imagens como apenas um arquivo. E só faz isso no modo de edição. Se agora selecionarmos nossos desenhos, arrastá-los para dentro, você verá que ele só importou um único arquivo que podemos rastrear e soltar em nossa cena. Essa taxa de quadros não está correta. Precisamos verificar os atributos do clipe e ele é definido como 50 quadros, que é a taxa de quadros do material de vídeo que eu gravei com uma taxa de quadros muito alta. Preciso ter certeza de que a sequência de imagens é importada com a mesma taxa de quadros com a qual exportamos. Então eu defini isso para 25. Agora, essa introdução acabou de ter muitos anos mais longos. Outra coisa que temos que fazer depois que a introdução cobrir meu vídeo completamente. Posso entrar e cortar isto aqui, arrastar e largar. Então agora a integral está jogando e depois que a introdução é feita, eu posso começar com o que i1 acontecer após a introdução apenas garante que enquanto a limpeza é uma ação, dias um pouco de uma sobreposição porque há, há um momento em que a limpeza ainda está acontecendo e você tem vídeo está espreitando por baixo dele. E é assim que isso parece quando pressionamos play. Sim, é um pouco agitado, mas se você exportá-lo e mesmo se você reproduzi-lo apenas uma segunda vez, você vai notar que os quadros são armazenados em buffer e a reprodução vai ficar muito mais suave. E é assim que você cria uma animação de introdução em músicas abertas, exporta como uma sequência PNG e importa isso em um software de edição de vídeo. Por favor, deixe-me saber o que você acha sobre esta lição escrevendo um comentário ou um comentário, eu realmente quero saber o que eu posso melhorar o que você gostou. E, claro, eu também estou muito curioso para ver seus projetos usar as ilhas animadoras hashtag quando você postar seu trabalho. Você fez seguindo este tutorial no Instagram ou Twitter para que possamos encontrá-lo. E se você estiver assistindo isso no Skillshare, também há uma maneira de enviar seu trabalho, certo? Sob este vídeo. Estou ansioso para ver as coisas incríveis que você cria. Se esta é realmente a primeira vez que você está animando, espero que eu possa ajudá-lo a mergulhar neste tópico e ficar motivado. E sim, eu tenho outros tutoriais que são um pouco mais sobre animação quadro a quadro, se isso é interessante para você. E espero vê-lo novamente em breve em uma das minhas aulas ou no meu canal no YouTube. Em qualquer caso, continue animando.