Stop Motion no After Effects: anime os vídeos explicativos em estilo colagem

1. Introdução: Oi, eu sou Hongshu. Sou designer de movimento no Canadá. Eu tenho sido animado no Adobe After Effects profissionalmente há mais de seis anos. Trabalhei para duas agências de publicidade diferentes para clientes como Adidas, PayPal, Walmart e muitos mais. Hoje, vou ensiná-los a animar um vídeo explicativo estilo colagem com stop motion e After Effects do storyboard até a animação final. Vídeos explicativos são muito populares agora e é uma parte importante dos gráficos em movimento. Uma vez que você sabe como animar vídeos explicativos, ele vai fazer de você um animador mais comercializável para seus concorrentes e ser capaz de assumir projetos divertidos por conta própria. É um ponto de partida sólido para aprender os fundamentos dos gráficos de movimento e prepará-lo para o sucesso futuro. Neste curso, vou mostrar-lhe tudo o que você precisa saber para começar com um vídeo de explicação de stop motion estilo vintage. Vou mostrar-lhe o fluxo de trabalho completo profissional desde a primeira criação de um storyboard, identificar as principais cenas animadas e transições, como configurar seu arquivo do Photoshop para animação, passo a passo trabalhando através do storyboard, aplique princípios de animação como overshoot, como animar com stop motion. Use efeitos simples para dar vida aos seus quadros-chave e toneladas de atalhos de teclado, dicas e truques que eu uso o tempo todo para um fluxo de trabalho mais eficiente. Para o projeto da classe, você estará aplicando as habilidades e técnicas aprendidas aqui para criar sua própria peça de explicação animada de 20 segundos. Faça algo de que você se orgulhe muito. Este curso é para alguém que já está familiarizado com o software After Effects e quer aprimorar suas habilidades para trabalhar de forma mais eficiente e se tornar um animador melhor. Há muitas dicas e truques para cobrir nesta classe, então não vamos entrar no básico do After Effects e animações. Se você é um iniciante no After Effects ou animações, eu recomendaria que você confira minhas outras aulas iniciantes antes antes de tomar este. Os conceitos e técnicas que você aprenderá neste curso serão facilmente traduzidos em qualquer tipo de projeto e tornarão você um animador melhor do After Effects. Além de apenas criar um vídeo de explicação final, ele também treinará seus olhos para se tornarem um tamanho de animador e fornecer-lhe uma nova maneira de olhar para animações e storyboards no futuro. Você também desenvolverá maiores insights sobre narração visual e expandirá seus vocabulários de animação e aprenderá técnicas de animação mais quentes e finas. Espero que você se divirta muito aprendendo e animando. Vejo-te na aula. 2. Projeto do curso: Bem-vindo à turma. Antes de começarmos, quero falar sobre o projeto da turma. Para os projetos, você estará animando nosso próprio vídeo explicativo de 20 segundos com base no roteiro e no storyboard fornecido. Eu vou levá-lo através de todo o processo de como personalizar ou criar seu próprio storyboard todo o caminho até a animação final. Eu tenho o storyboard pronto aqui em formato PSD, e nós podemos passar por isso juntos agora. A narração vai ler, você gosta de viajar? Venha conosco. Experimente uma maravilha na cidade de Nova York ou a cultura antiga em Roma. Nós levamos você a lugares, travelholics.com. Basicamente, esta empresa é chamada travelholics.com e ele está nos pedindo para criar um vídeo explicativo neste estilo de colagem vintage para ajudar a promover seu site. Este é um storyboard que criamos. Para o projeto de classe, espero que você possa pegar meu arquivo PSD que está aqui, o arquivo do Photoshop que eu montei. Você pode usar esse arquivo do Photoshop que eu forneci para você nos ativos da classe. Você pode modificar, personalizar, alterá-lo como quiser, talvez mudar a cor, alterar o layout. Se você é bom no Photoshop, você pode fazer o que quiser com seu design e criar seu próprio storyboard, próprio design. Se você é um iniciante no Photoshop, você pode simplesmente pegar meu arquivo e seguir os passos que ensinamos na aula para animar este vídeo explicativo de 20 segundos. Dito isto, no final do seu projeto de classe você vai criar uma animação de 20 segundos com um storyboard que eu forneci, ou você personaliza algo assim como seu projeto de classe. Como você está fazendo o curso e trabalhando no projeto, eu encorajo você a compartilhar comigo o progresso do trabalho no painel do projeto para que eu possa fornecer feedback e orientá-lo durante o processo. Um vídeo explicativo de 20 segundos não é um projeto fácil, especialmente se for a primeira vez que faz isso. Haverá lutas e dor, confie em mim, mas mesmo que aprender qualquer coisa como parte do processo, estou aqui para ajudá-lo a tirar o máximo proveito deste curso e responder a qualquer pergunta ou limpar quaisquer obstáculos ao longo do caminho. Se você poder através dele e completar seu projeto, você vai aprender uma tonelada e ser muito melhor animador em algumas semanas. Depois de me seguir e concluir este projeto, você terá uma idéia do que é o processo completo para criar um vídeo explicativo. Este processo e fluxo de trabalho é aplicável a qualquer trabalho de animação, ele irá ajudá-lo a chegar à frente do jogo e dar-lhe a confiança para estar pronto para qualquer trabalho futuro do cliente. Não só isso, no final você terá um vídeo explicativo completo para colocar em seu carretel demo que você pode compartilhar entre amigos. É isso com o projeto da turma, te vejo na aula. 3. Storyboards: Olá a todos e bem-vindos a esta primeira lição. Nesta lição, eu quero falar sobre storyboards. Vamos para a nossa pasta e deixa-me ver o storyboard que tenho agora. Este storyboard de vídeo explainer estilo de colagem de 15 segundos. Existem essencialmente dois cenários se você estiver tentando animar um vídeo explicativo. Um deles é que você é fornecido com um storyboard de seu cliente e tudo que você precisa fazer é animá-los. O segundo cenário é que quando seu cliente se aproxima de você sem um storyboards e você vai ser o único que está fazendo o storyboard, projetando o storyboard, e ainda mais em animá-lo. Estes são dois cenários diferentes que abordaremos nesta lição. Primeiro de tudo, eu quero falar sobre o primeiro cenário quando você é fornecido com um storyboard. Aqui, você pode ver na minha pasta, eu tenho uma pasta de storyboard, e este vai ser um deck de storyboard que eu recebi do meu cliente ou do meu diretor de arte. Para este projeto específico, temos um storyboard de vídeo explainer estilo de colagem de 15 segundos, o cliente é chamado travelholics.com e eles estão tentando promover seus sites. Você pode ver aqui nós temos seis quadros para o nosso storyboard e nós temos um VO pronto que é um script que é fornecido pelos clientes. Já temos quadros desenhados pelo nosso diretor. Se você passar pelo roteiro, ele vai ser assim. Gosta de viajar? Venha conosco, experimente uma maravilha na cidade de Nova York ou a cultura antiga em Roma. Nós levamos você a lugares, travelholics.com. Basicamente, é uma história que liga tudo e conta a história desta empresa. Como você pode ver aqui, nós temos um primeiro quadro, que é um mainframe e com metade de um design estilo colagem aqui, muito lindamente projetado pelo nosso diretor de arte. Venha para o quadro de transição, temos um avião vindo da esquerda da tela e, em seguida, com uma fita dizendo venha com a gente, que também coincide com os scripts. Então o terceiro quadro após essa transição vai para um design de quadro de Nova York e o roteiro vai dizer, experimente uma maravilha em Nova York, depois disso vai fazer a transição para a cidade de Roma. Então, se você tiver mais tempo, talvez mais de 15 segundos, se você tiver 20 segundos, você poderia adicionar outra cidade e você pode projetar outra placa aqui. Depois disso, vai ser uma transição para o bloqueio do logotipo, que é o quadro final. Normalmente, quando estamos fazendo vídeo explicativo, o quadro final é sempre um site ou um logotipo. Neste caso, temos um site travelholics.com, que é o que o cliente queria promover. Este é o nosso deck de storyboard que recebo como animador. Além deste deck de storyboard, também receberemos um arquivo de trabalho, que é um arquivo de trabalho do Photoshop. Depois que eu abrir este arquivo de trabalho, você pode ver todos esses seis quadros estão organizados em nossos quadros. Em seguida, cada quadro, há todas as camadas, como você pode ver no primeiro quadro um, e todas as camadas separadas, todos os efeitos que você tem. Nesta aula, não estamos ensinando como fazer storyboards em estilo de colagem, estamos aqui para ensiná-lo a fazer a animação. Este estilo de design não é muito fácil de fazer se você é muito novo ou se você é um iniciante no Photoshop. Mas já que estamos ensinando animação aqui, então eu vou anexar este arquivo de trabalho em nossos recursos de classe para que você possa baixar tudo e depois seguir junto e mais tarde você pode apenas modificar coisas com base em sua habilidade com Photoshop e, em seguida, mudar e, em seguida, mudar as coisas para criar seu próprio design, se você quiser. Dito isto, eu não quero ir muito fundo nas camadas dos gráficos dentro do Photoshop. Como você pode ver aqui, temos todas essas camadas separadas, mais tarde, quando importamos essas camadas do Photoshop para o After Effects, vamos mantê-las separadas. É por isso que podemos animar cada camada individualmente dentro do After Effects para criar a animação. Então temos o quadro 2, que é este aqui, é um quadro de transição. Em seguida, quadro 3, que é Nova York, quadro 4 temos uma cidade de Roma, e depois quadro 5, temos um slogan, levá-lo a lugares. É um slogan para esta empresa. Então, no final, vamos chegar ao quadro 6, que chega a este site que o cliente está tentando promover. Estes dois arquivos aqui, um é o deck de storyboard, que é normalmente vem como um PDF, apenas para mostrar o que a história vai gostar, o enredo do storyboard. Em seguida, o outro arquivo que recebemos como um arquivo de trabalho que contém todos os elementos gráficos que são usados para projetar este storyboard que mais tarde possamos importar isso para o After Effects para animar. Isso é sobre o nosso primeiro cenário quando você recebe um storyboard de seu cliente ou de seu diretor de arte. O outro cenário, o segundo é quando você tem que fazer seu storyboard sozinho. Para ser honesto, nunca me considerei um artista de storyboard. Eu não sou muito bom em storyboarding, mas vou mostrar meu processo de como eu lido com essas coisas quando eu tenho um cliente freelance. Primeiro de tudo, eu tenho este modelo storyboard, PSD. Deixe-me abrir isso. Este é apenas um modelo que eu uso como uma diretriz quando eu recebo como digamos, 15 segundo pedido storyboard, você também pode estendê-lo para 30 segundos, um minuto, como quiser. Mas isso é essencialmente a mesma coisa, quando o cliente se aproxima de você, eles terão um script pronto com certeza. Eles vão te dar o roteiro, como você já pode ver, colocar o roteiro aqui, o VO que diz, você gosta de viajar? Venha conosco e, em seguida, experimente uma maravilhosa cidade de Nova York, ou a antiga cultura de Roma, vamos levá-lo a lugares, travelholics.com. Como você pode ver aqui, eu tenho sete quadros e então eu tenho essa sequência de quadros como uma diretriz para me ajudar a projetar um enredo. Primeiro de tudo, eu tenho na arte principal, que é a nossa primeira cena de abertura, vai ser algo que é bonito, atraente, modo que as pessoas vão ficar por perto para assistir seu vídeo. Essa é a minha principal obra de arte. Então, mais tarde, a partir da arte principal, eu quero descobrir uma transição que vai fazer a transição da arte principal para a próxima obra de arte, que também é uma obra de arte principal, mas como se fosse a segunda bela cena que vemos. Depois dessa cena, temos outra transição para outra cena. Essa é a terceira cena aqui, que é o quadro 5 aqui, e depois do quadro 5, precisaremos fazer a transição para uma revelação do logotipo e então aterrissar em um bloqueio do logotipo. Isso é basicamente uma diretriz para mim, eu mesmo, trabalhar nos gráficos e, em seguida, chegar a algo que pode ligar tudo junto, todas as histórias, o roteiro juntos, para depois colocá-lo no After Effects para fazer alguma animação. Isso é sobre esta diretriz aqui. Mas diga se queremos projetar algo no quadro 1. A coisa que queremos animar hoje é muito específica. O estilo de design é muito específico. É um estilo de colagem com um look muito vintage. Não é algo muito fácil de fazer. Como você terá que ser bastante confortável e familiarizado com o Photoshop, e então você não será capaz de trabalhar em alguns dos efeitos dentro do Photoshop para criar um estilo como este. No entanto, se você não tem este visual vintage ou estilo de colagem, você ainda pode projetar algo bonito para representar ou contar a história. Digamos, para a primeira cena aqui, você gosta de viajar? Em nossa cena, temos uma cópia, o texto dentro do quadro. Nós temos, você gosta de viajar? Então viajar é realmente grande. Mesmo que se você não tem estes estilo gráfico, se você tirar o estilo gráfico como este jornal olhar dentro do texto, você ainda pode ter um layout muito bom e, em seguida, parece muito bom. Sempre que eu desenhei algo, eu tentava procurar a palavra-chave dentro do script. Gosta de viajar? Viajar é uma palavra-chave. Depois que eu tenho a palavra-chave, há um par de sites que você pode ir em. Digamos que se você pode ir, um dos sites é chamado freepik.com. É uma loja gratuita, mas, em seguida, se você está fazendo isso para fins educacionais, então você pode simplesmente baixar todas as imagens ou tudo a partir daqui, e depois usá-lo para fins educacionais. Mas se você estiver fazendo um trabalho de cliente, talvez seja necessário obter uma assinatura. Isso é o que eu fiz, e então eu posso apenas baixar aqui os gráficos. Digamos que se eu procurar viagens, haverá um monte de desenhos de pernas, ilustrações que vão me inspirar, e então talvez alguns deles funcionem. Assim, parece muito bom. Tem bagagem e então você gosta de viajar, muito bom layout aqui. Então temos essas belas imagens. Podemos até usar este e depois colocar a cópia no lado direito. Você gosta de viajar ou algo assim. Tudo depende do tipo de estilo que você quer. Este é mais um estilo do Illustrator. Você tem um passaporte, as câmeras, e tudo mais. Eu tenho outro vídeo ensinando você como fazer um estilo de ilustração baseado em vídeo explicativo. Vou ligá-lo à descrição da turma e você pode verificar se quiser. Mas desde hoje, estamos trabalhando em uma animação estilo de colagem vintage, quando você pesquisa a palavra-chave dentro do site, ele vai te dar muita inspiração, e então você pode baixar coisas, e depois colá-las juntos. Tente criar seu próprio design. Isso é algo que eu faço. Há toneladas de desenhos e páginas que você pode passar para tentar obter alguma inspiração. Outro site que você pode tentar é Shutterstock, que é um site de imagens stock, isso é muito bom. Viajar. Digamos que se eu procurar viagens e, em seguida, se eu mudá-lo para ilustrações, vai haver um monte de ilustrações de viagem que as pessoas fizeram. Em seguida, você pode baixar depois de ter uma assinatura para usá-lo em seu próprio storyboard. Essencialmente, o que estou dizendo é que você não tem que inventar nada sozinho do zero. Você pode apenas referenciar as ideias das pessoas e, em seguida, combinar as coisas para chegar a algo que esteja adequado aos seus roteiros ou às necessidades do cliente. Há um monte de desenhos bonitos aqui. Mais tarde, uma vez que você tem os gráficos, você precisaria de uma paleta de cores, e é quando eu vou para coolors.com. Este é outro site aqui que vai ajudá-lo com alguma paleta de cores. Você pode ir para Explorar e, depois que você clicar em Explorar, você tem todas essas paletas de cores em tendência. Você pode fazer uma captura de tela e colocá-la dentro do arquivo do Illustrator ou até mesmo no Photoshop. Basta ficar com uma paleta de cores. Vai tornar o seu design consistente e a cor vai ficar muito bonita. Você pode ver nossa prancha aqui, nós ficamos com este quase bege como azul e verde, e esta cor laranja. As três cores, e essa é a nossa paleta de cores principal. Tudo é azul verde, azul claro, verde claro e, em seguida, laranja claro. Está deixando as pessoas muito calmas e tranquilizantes. Tem uma sensação de férias. Aqui é onde você pode encontrar algumas paletas de cores. Mais tarde, se você for apenas para um estilo específico, é aí que o Pinterest entra em vigor. Você pode registrar a conta. É completamente grátis. As pessoas fixam as suas coisas. Há um monte de grandes idéias aqui. Esta é a minha prancha para design de colagem. Como você pode ver, há muitas coisas que você pode fazer referência se quiser. Eu só vou trabalhar nesta animação estilo colagem vintage. Você pode consultar o Pinterest sempre que você clicar em algo, você pode ver um monte de coisas relacionadas que as pessoas postam, e você pode simplesmente ir mais fundo em cada estilo que você quiser. Se eu quiser clicar nisso, isso é muito bom. Você pode referenciar os estilos aqui, como eles tratam o gráfico, como eles tratam as imagens, a cor, a sombra, os estilos, e tudo mais. Ele tem tantos grandes designs que vão inspirar você a fazer seu próprio storyboard. Sempre que eu preciso projetar algo, este é o primeiro go-to principal. Eu tenho que vir no Pinterest para encontrar alguma inspiração, e então vir acima com o meu próprio storyboard. Como você pode ver, vamos voltar a este storyboard obter linha aqui. Nós temos uma obra de arte principal, e então nós vamos ter transição, basta seguir a mesma coisa. Basta ir no Freepik, tentar encontrar alguns gráficos e até mesmo ir no Pinterest para encontrar alguma inspiração. Depois que você seguir todas as coisas que eu falei, você possa criar um storyboard para si mesmo, e depois, podemos trazê-lo para o After Effects para animação. Esses são os dois cenários que queremos abordar nesta lição aqui. Além deste documento PSD, eu também tenho um modelo de storyboard no Illustrator, que é o mesmo que este modelo PSD. É um que você está tentando projetar algo ilustração baseado para que você tenha que usar o Illustrator para storyboard. De qualquer forma, isso é tudo o que precisamos para abordar nesta lição de storyboard. Espero que aprenda alguma coisa e nos vemos na próxima aula. 4. Prepare no Photoshop: Bem-vinda de volta. Nesta aula vamos falar sobre como preparar arquivos do Photoshop para animação. Vamos para as nossas pastas. Vamos ao nosso livro de histórias. Depois de abri-lo, como você pode ver, há 1, 2, 3, 4, 5, 6 quadros, seis pranchetas no painel de camadas do Photoshop. Se você não vir o painel de camadas, você pode ir para o Windows e, em seguida, escolher Camadas. Então você pode ver o painel de camadas aqui. Cada quadro aqui que temos é chamado de prancheta. Em seguida, dentro de cada prancheta temos todas essas camadas separadas. Nesta classe, o que precisamos fazer é separar cada prancheta em seu próprio arquivo do Photoshop. No momento, temos apenas um arquivo do Photoshop que contém todos os seis quadros, então precisamos exportar cada um para se tornar seu próprio arquivo do Photoshop. Nesse caso, cada arquivo do Photoshop conterá apenas uma prancheta e um quadro. Para fazer isso, é muito simples. Só precisamos repetir o processo seis vezes. Primeiro de tudo, precisamos clicar neste quadro 1 e, em seguida, ir para File-Export-Artboard para Arquivos. Então precisamos escolher um local de arquivo. Vamos para esta pasta principal aqui. Então eu posso fazer uma pasta chamada Separados. Clique em “Abrir” e, em seguida, clique em “Executar”. Diz que pranchetas para arquivos foi bem sucedido. Clique em “Ok”. Vamos voltar para a nossa pasta separada. Ele tem um storyboard 2 Frame 1.psd. Este é o nosso quadro 1 que precisamos nos preocupar, o que é bom. Então só precisamos repetir o mesmo processo por seis vezes. Vá para o Quadro 2, Arquivo-Export-Artboard para Arquivos, navegue, verifique se ele está dentro da pasta separada e clique em “Executar”. Sucesso. Vá para o quadro 3, Arquivo, Exportar, Pranchas para Arquivo. Certifique-se de que está dentro da pasta separada. Clique em “Executar”. Sucesso. Vá para o quadro 4, Exportações, pranchetas para arquivo, navegue, clique em “Separados”, Abrir, Executar. Em seguida, quadro 5, Exportar, pranchetas para arquivo, procurar, separado, Abrir, Executar. Em seguida, o último quadro, Arquivo, Exportar, pranchetas para procurar arquivo separado, abrir, executar. Sucesso. Vamos fechar este storyboard principal. Posso clicar em “Salvar”. Vamos voltar para esta pasta separada. Temos 1, 2, 3, 4, 5, 6. Temos seis arquivos do Photoshop. Cada um contém apenas um quadro. Vamos abrir o primeiro quadro. O que eu preciso ter certeza é que eu preciso ter certeza de que todos esses elementos são separados, são camada individual por conta própria para que mais tarde eu possa animá-los. Primeiro de tudo, temos este pontinho aqui, bom. Então, quando eu vejo que há uma máscara de camada como esta, máscara de camada nunca pode traduzir em efeitos secundários muito bem. Como toda vez que há uma máscara de camada, quando ela é transferida para efeitos após vai estragar a máscara de camada. Sempre que vejo uma máscara de camada, como eu vejo isso, camada de ajuste está em cima desta camada aqui. Vou apenas selecionar as duas camadas e, em seguida, fazer um objeto inteligente. Eu posso ir para camada e, em seguida, Objeto Inteligente, Converter para Objeto Inteligente. É quando eu teria este elemento aqui, a bagagem se tornou uma camada. Antes que ele tem camada de ajuste para mudar a cor da roda para preto e branco. Então eu tenho outra camada. Aqui está uma máscara de camada. Só preciso que a bagagem seja de uma camada para que seja mais fácil controlar mais tarde. Eu seleciono as duas camadas aqui, vá para lá Objeto Inteligente, Converter em Objeto Inteligente. Isto é bom. Posso mudar o nome para bagagem. Aqui temos uma cor e também uma sombra aqui. Quero fazer destes dois um grupo. Selecione os dois, vá para Camada, Objeto Inteligente, Converter em Objeto Inteligente. Isso é uma camada. Então eu tenho todos esses pássaros aqui. Eu não quero mudar nada aqui porque eu posso precisar de todos esses pássaros dentro do After Effects. Porque estas são variações muito boas. Neste momento, eu deixaria aqui para que mais tarde, quando eu importar para depois dos efeitos, ele possa salvar toda a variação dos pássaros que eu possa precisar. Então eu tenho esta cópia aqui, a sombra. Isto é bom. Está dentro da pasta. Agora temos viagens, esta camada de viagem, o que é bom. Como você pode ver, a camada de viagem está dentro de uma pasta. Quando eu importá-lo para o After Effects, ele vai salvar a pasta para mim. Então mais tarde eu vou ter isso. Esta é uma textura barulhenta. Temos este retângulo aqui, a forma no centro, e depois o fundo. Isso é sobre isso. Isso é tudo o que eu preciso. Tudo o que preciso fazer é Comando S ou ir para Arquivo, Salvar. Comando S, vá para Arquivo, salve. Como você pode ver, tudo o que eu tenho aqui só esta camada de pássaro tem uma máscara de camada, que eu intencionalmente deixei lá. Tudo o resto é apenas sua própria camada para que eu possa mais tarde conseguir animá-los. Vamos abrir o segundo PSD. Agora o que estamos fazendo é que precisamos passar por cada PSD, cada quadro único para ter certeza de que a camada de arquivo está configurada corretamente. Quando eu importá-lo para o After Effects, não vai estragar o meu design. Quero fazer dos três um Objeto Inteligente. Vamos para Camada, Objeto Inteligente, Converter em Objeto Inteligente. Agora é só uma camada aqui. Isso é bom. E temos o avião, temos a sombra. Isso é bom. Temos a fita. Isso é bom. O retângulo é uma camada. O jornal é uma camada. Isso é bom. Agora você pode ver que é bem organizado. Tudo está em sua própria camada, o que é bom. Vamos apenas para Arquivo, Salvar. Agora vamos abrir o quadro 3. Eu só preciso ver cada um deles para ter certeza que eles estão todos em camadas individuais. Tem esta cor azul aqui e depois temos esta tocha aqui. Este é o sinal da estrada. O táxi tem sua própria pasta aqui, o que é bom. Então eu tenho uma forma aqui, isso é bom. O que é isto? Esta é uma estátua da liberdade. Este tem uma máscara de camada. Talvez eu precise transformar este em um objeto inteligente. Vamos para Camada, Objeto Inteligente. Sempre que vejo uma máscara de camada, preciso fazer um objeto inteligente com ela. Então vamos para a estátua aqui. Essa é a sombra, o que é bom. Então, e quanto a estes? Oh, esta é uma linha de Nova York aqui. Quero fazer esta linha de Nova Iorque. Os dois trabalharam com um design, o estilo, em um objeto inteligente. Vamos para a camada. Tudo o que eu preciso é selecionar todas as quatro camadas e, em seguida, ir para Camada, Objeto Inteligente, Converter em Objeto Inteligente. Vai colocar tudo em um objeto inteligente. Então, quando eu alternar o ícone do olho, você pode ver isso ligado e desligado se tornar uma única camada. Então temos o fundo, a imagem de Nova York para a textura do solo. Isso é bom. Está tudo bem. Vamos para Arquivo, Salvar. Então vamos para a camada quatro. Este tem um gráfico aqui. Preciso fazer destes dois uma camada de objetos inteligente. Conversão de Objeto Inteligente em Objeto Inteligente. Então temos essa coisa aqui. As coisas nesta moto precisam fazer deles um objeto inteligente. Então toda vez que eu vejo essas setas, o que significa camada de ajuste, eu só preciso fazer tudo um objeto inteligente. Porque eu não quero ter tantas camadas quando eu importá-lo para o After Effects, isso não está funcionando. Vai estragar todo o projeto. Então, mais tarde, eu preciso, se estiver confuso, eu ainda tenho que voltar ao Photoshop para ajustá-lo. Em seguida, o fundo, agora o fundo tem uma sombra os textos de Roma, o fundo. O plano de fundo tem essa sombra dentro do plano de fundo. Na verdade, isto não é um pano de fundo. É uma sombra. Preciso trazer estas quatro camadas para fora desta pasta de fundo e, em seguida, ir para Camada, Objeto Inteligente, Converter para Objeto Inteligente. Este vai ser o “Bike Shadow”. Agora temos a forma de fundo, o que é bom. Vá para Arquivo, Salvar. Em seguida, temos quadro 5. Isso vai ser bem simples. A mensagem, não sei por que temos duas cópias. Posso apagar uma camada. Podemos deixá-lo com apenas um, o que é suficiente. Isso é bom, Save. Agora último quadro 6, temos um site. Nós temos que ir a este site aqui e então nós temos este retângulo, a textura do solo. Tudo parece bom. Vamos para Arquivo, Salvar. Isso é tudo o que preciso para cobrir. Como preparar um arquivo do Photoshop antes da animação. Próximo vídeo, vou mostrar como importar esses arquivos do Photoshop para o After Effects e começar a animar. 5. Configure o arquivo no AE: Neste vídeo, vou ensiná-lo a configurar arquivos no After Effects. Agora, vamos abrir o After Effects. Já o tenho aberto aqui. Como você pode ver, estou usando o Adobe After Effects 2021. Você também pode usar quaisquer outras versões mais antigas. Vamos clicar nesta nova guia de composição. Agora podemos alterar as configurações para as novas composições. Em primeiro lugar, podemos renomeá-lo para comp principal, que é uma composição principal na qual estaremos animando. Aqui você pode escolher algumas das predefinições. Há um menu suspenso. Normalmente seria padrão como 1920 por 1080, 16 por 9 proporção, ele vai ser HD, e então pixels quadrados é bom, taxa de quadros, você pode alterar a taxa de quadros aqui. Há 24 quadros por segundo, 25, 30 quadros por segundo. Para nós, vamos usar 25 quadros por segundo. Nosso vídeo será de 15 a 20 segundos, mas podemos manter a duração de 30 segundos. Agora você pode ver que são 30 segundos. Isso é bom. Dessa forma, temos mais cronograma para trabalhar. Em seguida, a cor de fundo pode ser qualquer cor. Vai ser preto no padrão e clicar em “Ok”. Agora você pode ver neste painel de projeto do lado esquerdo que temos uma composição principal configurada. Se você não estiver vendo a mesma coisa que meu painel aqui, vá para Janela e, em seguida, Workspace, escolha Layout padrão. Se você ainda não estiver vendo, você pode redefinir o padrão para o layout salvo, ele colocará o layout padrão como padrão. Você deve ser capaz de ver o mesmo layout que o meu. Lembre-se, temos um fundo de cor preta, mas agora não há nada. Não é preto, é transparente. É porque temos essa grade de transparência ativada. Se desligarmos esta grelha de transparência, verá esta cor preta. No entanto, se você renderizar, ele ainda será transparente. Você não tem um fundo de cor preta. Isso é apenas para fins de pré-visualização, então ele está mostrando você como uma cor preta, mas na realidade é realmente transparente, se você alternar o interruptor aqui. Vamos voltar para o painel do projeto no lado esquerdo e, em seguida, podemos clicar duas vezes para importar. Vamos apenas navegar para a nossa pasta aqui, Travelholics Animation, storyboard separado. Lembre-se que temos o storyboard separado, e então vamos importar o primeiro quadro aqui. Clique neste arquivo PSD e, em seguida, aqui você pode escolher Importar como. Para nós, é muito importante importar como tamanhos de camada de composição e retenção. Para filmagens, se você importar como uma filmagem, ele vai fazer tudo purê juntos como uma camada. Lembre-se que tínhamos todas as camadas separadas no Photoshop. Se importarmos como filmagem, será apenas uma camada. Você não será capaz de animá-los individualmente. Mas, em seguida, se você reter tamanhos de camada, importar como composição irá manter o tamanho da camada de cada camada, bem como manter as camadas separadas. Normalmente, 95 por cento do tempo escolheríamos Tamanhos de Camada de Composição-Retenção. Além disso, certifique-se de não clicar nesta sequência do Photoshop. Mantenha essa opção desmarcada porque se você marcar essa, ela será importada como a sequência do Photoshop, que você não deseja. Isto é muito importante. Há cenários em que você tem que usar isso, 95 por cento do tempo você não será capaz de precisar dele. Apenas certifique-se de que está desmarcado. Clique em “Ok”. Agora ele está me perguntando novamente, tipo de importação, Composition-Reter Layer Size, o que é bom, e então estilos de camada editáveis, o que é bom. Clique em “Ok”. Agora, como você pode ver aqui no lado esquerdo, no painel do projeto, eu tenho uma composição principal que foi criada no início e então eu tenho uma pasta e também outra composição chamada storyboard 2 frame 1. Se eu clicar duas vezes nessa composição do quadro 1 e clicar duas vezes nessa composição do quadro 1 novamente, ele terá todas as camadas do arquivo do Photoshop. Como você pode ver, há um ícone do Photoshop na frente, tudo é separado para que mais tarde possamos animá-lo. Agora o que eu preciso fazer é organizar um pouco o painel do projeto. Preciso de uma nova pasta aqui, preciso de uma pasta de ativos. Depois de ter a pasta de ativos, preciso criar outra pasta. Eu só quero clicar neste espaço vazio aqui e, em seguida, clicar sobre isso, Criar uma nova pasta ícone novamente, torná-lo um pré-comps. Preciso de outra pasta chamada saída. Isso é tudo o que precisamos. Se tiver música no vídeo, poderá criar uma pasta chamada música. Bem, provavelmente música e VO, dublagem e música. Agora só precisamos organizá-lo. A composição principal é a composição em que trabalharemos. Precisamos colocar esta composição principal na pasta de saída para que esta seja a nossa saída no final. Depois de terminarmos tudo, vamos renderizar esta composição principal como o vídeo final. Então pré-comps são qualquer coisa que não comp principal, que também é uma composição como esta. Qualquer coisa com o mesmo ícone. Este é um ícone de composição. Temos a composição do storyboard 2 quadro 1. Temos de o largar dentro do pré-composto. Em seguida, a pasta contém todos os arquivos do Photoshop. A pasta de arquivos em si, precisamos colocá-lo nos ativos e, a fim de torná-lo mais fácil de olhar, eu quero colocar 00 antes da pasta de saída para que a pasta de saída esteja sempre no topo da lista. Toda vez que vou ao painel do projeto, sei que esta é a composição principal. Esta é a saída final, está sempre no topo. Com base na sua necessidade, você pode adicionar mais pastas, mas normalmente para um pequeno projeto, esta é uma pasta que precisamos. É muito fácil organizar um pequeno projeto se você tiver um vídeo de 30 segundos ou um minuto, pode ser diferente. Haverá muitas revisões e você pode ter um monte de pastas diferentes. Mas agora, para nós, podemos manter as coisas simples. Basta criar essas quatro pastas, soltar tudo em sua respectiva pasta, composição principal em saídas e, em seguida, esta pasta em ativos, e esta composição de storyboard 2 quadro 1 em pré-comps. É isso. Se voltarmos à composição principal, este é o nosso principal espaço de trabalho. Agora o que eu preciso fazer é apenas fazer a mesma coisa, repetir os mesmos passos que eu fiz antes para importar todos os outros quadros. Eu posso ir para este painel de projeto aqui e, em seguida, clicar duas vezes no painel de projeto. Outra maneira que você pode importar é se você ir para Arquivo e, em seguida, você pode ir para Importar, Arquivo. Você vê este Arquivo, Importar, Arquivo, é aqui que você pode importar seu arquivo do Photoshop. Clique no segundo quadro e certifique-se de que temos Composition-Reter Camada Tamanhos selecionados. Não clique nesta sequência do Photoshop e, em seguida, “Ok”. Composição-Retenha Tamanhos de Camada, Estilos de Camada Editáveis. “ Tudo bem.” Agora temos outro quadro aqui, storyboard 2 quadro 2, solte-o dentro da pasta pré-comps e, em seguida, esta nova pasta, solte-o dentro dos ativos para que tudo seja organizado. Agora vamos para o painel do projeto novamente, clique duas vezes no espaço vazio. É o mesmo que Arquivo, Importar, Arquivo. É mais fácil clicar duas vezes no espaço vazio aqui para puxar a janela de importação. Vamos para o quadro 3, verifique se é Composition-Reter Layer Size, não clique na sequência do Photoshop. “ Tudo bem.” Então temos outro comps, e depois outra pasta. Temos mais três para ir. Vamos para o quadro 4, certifique-se de clicar em Composition-Reter Layer Size, clicar em “Abrir”, clicar em “Ok”. Então solte este em pré-comps, solte este em ativos, e depois mais dois. Vá para o quadro 5. Certifique-se de escolher Composition-Reter Camada Tamanhos. Clique em “Abrir”, “Ok”. Coloque-o em pré-comps e, em seguida, coloque desta forma em ativos. Em seguida, último, quadro 6, Composition-Reter Camada Tamanhos. Clique em “Abrir”, clique em “Ok”. Coloque-o dentro de pré-comps e, em seguida, coloque este dentro da pasta de ativos. Em seguida, apenas certifique-se de salvar os arquivos. Ainda não o salvei, então só preciso vir aqui e dizer “Salvar”. Certifique-se de que eu tenho um Salvar como, navegue até a nossa pasta. Este, posso chamá-lo Travelholics Animation, e depois clicar em “Salvar”. Eu só coloquei dentro desta pasta de animação, e depois “Salvar”. Agora você pode ver se vamos para o painel do projeto, temos quatro pastas, se eu fechar todas essas pastas, nós temos quatro pastas. Um é a saída, que tem a nossa composição principal. Agora está vazio, é o nosso espaço de trabalho. Em seguida, temos a pasta de ativos com todas as pastas do Photoshop. Ele tem todas as camadas individuais que precisamos, e então temos uma pasta de música e VO, que mais tarde podemos colocar música e dublagem. Então temos um pré-comps que foi importado do Photoshop também, mas estas já são composições, todos os seis quadros. Se eu abrir um deles, você pode ver que ele já tem tudo em posição como uma camada separada. É muito fácil para nós animar. É isso sobre este vídeo. É assim que configuramos o arquivo After Effects para animação. No próximo vídeo, vou mostrar a vocês como começar a animar a primeira cena. 6. Animação da primeira cena: fundo: Bem-vindos de volta a todos. Neste vídeo, vamos começar a animar a primeira cena de abertura no After Effects. Lembre-se do vídeo anterior, eu mostrei a você como importar os seis quadros do Photoshop para o After Effects. Vamos voltar ao painel Projeto. Eu já tenho meu arquivo do After Effects aberto aqui. Vamos para a composição do quadro 1. Lembre-se que falamos sobre a estrutura do arquivo no painel Projeto. Eu tenho quatro pastas aqui e, em seguida, dentro da pasta pré-comps, eu tenho uma composição quadro 1. Vamos clicar na composição do quadro 1 e dentro do quadro 1, temos outra composição chamada quadro 1. O que precisamos fazer aqui é copiar esta composição do quadro 1 aqui, comandar C, e depois voltar para a composição principal. Lembre-se que esta é a estação de trabalho principal que vamos animar toda a nossa coisa, então apenas certifique-se de colá-lo aqui, colar a composição aqui, comando V. Agora eu tenho uma composição dentro da minha composição principal. No entanto, notei algo muito estranho aqui. Vejo que há uma barra preta no lado direito. Eu quero entrar nesta composição do quadro 1 e verificar o tamanho desta composição. Para verificar o tamanho, você pode clicar no comando de tecla de atalho K e esta composição é 1.920 por 1.080, 25 quadros por segundo. Deve ser o mesmo que os comunicadores lá fora. Clique em “Ok”. No entanto, dentro desta composição, você ainda pode ver esta barra preta, o que significa que nosso fundo aqui não é grande o suficiente. Tudo o que eu preciso fazer é ir para a última camada, esta camada a camada Photoshop, que é um fundo BKG. Vamos mudar o tamanho disto. Um atalho de teclado S para escala e, em seguida, apenas torná-lo maior. Eu só quero fazer o fundo branco maior para que ele esteja ocupando todo o espaço do quadro e então vamos voltar para a composição principal e agora você pode ver que é atualizado aqui, a composição principal. Agora temos 1,920 por 1.080 quadro HD aqui que é agradável e limpo e esta é a nossa obra de arte. O que eu quero fazer agora é começar a animar dentro deste quadro 1. O que precisamos fazer é, vamos entrar neste quadro 1, clicar duas vezes sobre isso. Posso começar a animar esta cena dentro da composição do quadro 1, um por um. Primeiro de tudo, temos um passado e então eu não quero mudar nada com o fundo então eu posso apenas trancar isso. Você vê, há um ícone de cadeado aqui na frente. Vamos apenas bloquear este para que eu não queira tocá-lo acidentalmente. A próxima coisa é a camada de forma aqui. Eu tenho uma camada de forma. Para toda a animação aqui neste vídeo explicativo, estamos tentando animar uma animação estilo colagem olhar vintage para que a coisa toda deve olhar mais como um stop motion. Não vai ser muito suave. Eu quero tentar combinar o visual vintage com o estilo stop motion de animação para tornar a coisa toda mais atraente, então esse é o estilo de animação que eu estou indo para. Vou mostrar-lhe tudo o que você precisa saber para fazer um vídeo de explicação estilo colagem vintage com stop motion. Vamos para a camada de forma aqui e eu quero que a camada de forma venha da esquerda para a direita. Talvez como se mover um pouco quando ele vem em cima. Carregue em P para a posição e então eu posso apenas acertar um quadro-chave aqui, apertar no cronômetro para adicionar um quadro-chave aqui, e então eu posso ir para frente 10 quadros. Command Shift seta para a direita para avançar 10 quadros. Arraste este quadro-chave aqui para o décimo quadro e, em seguida, volte para os zero segundos. Talvez eu possa mudar a posição X para a esquerda e para baixo um pouco para que a forma apenas saia da esquerda para a direita muito sutilmente. Lá eu posso selecionar ambos os quadros-chave, ir para a velocidade do quadro-chave com o botão direito do mouse, alterá-lo para 60, 60 para ambos os quadros-chave, quadros-chave de saída e de entrada. Desta forma, podemos adicionar mais energia ao movimento. Vamos pré-visualizar a animação. Quero que seja mais dramático. Quero que o movimento seja rápido e rápido, algo assim. Então agora o que eu quero fazer é, eu quero cortar o quadro no terceiro quadro. Para cortar esta camada, use opção colchete esquerdo. Você pode ver o atalho no lado esquerdo. Podemos cortá-lo assim e agora eu quero adicionar um efeito especial. Você pode ir para o lado direito. Há o painel de efeitos e predefinições. Se você não tem a janela de efeitos e predefinições aqui, você pode ir para Janela e, em seguida, escolher Efeitos e predefinições. É por aqui. Vamos procurar por uma limpeza linear. Temos duas limpezas lineares. Uma é para a transição, que não é o que queremos. Queremos que essa animação predefinida limpe linear, clique duas vezes para que ela seja adicionada na parte superior desta camada de forma. Você pode ver que há dois quadros adicionados a. Se um hit em “U” no teclado vai me mostrar o quadro-chave desta transição. Quero que a transição termine provavelmente por aqui. Podemos ver a limpeza da esquerda para a direita. No entanto, queremos que a limpeza seja diagonalmente com um ângulo para que eu possa mudar o ângulo da limpeza para ser algo como isto. Agora, eu posso alterar a velocidade do quadro-chave para coincidir com a velocidade que eu tenho na propriedade position. Clique em “Ok”. Algo como isto. Isto é o que eu queria ser agora. Reparei que a minha velocidade anterior está muito lenta agora. O que eu posso fazer é, eu posso mudar a resolução de pré-visualização de cheio para talvez trimestre e isso é um pouco desfocado demais. Vamos mudar para metade. Se você mudá-lo para metade, você ainda pode ver a coisa toda claramente. Vamos tentar a terceira. Terceiro parece bem também. Você sabe o que? Vamos mantê-lo ao meio. Mudei a resolução da pré-visualização para metade para que o renderizador possa ser mais rápido. Pode tornar a pré-visualização mais rápida. A próxima coisa que queremos fazer, eu tenho um retângulo aqui. Retângulo é muito fácil, já que temos uma máscara. Vamos descer a lista, vamos para a Máscara, e depois entrar, temos um Caminho da Máscara. O que estou tentando fazer aqui é, estou tentando passar por cada elemento dentro desta composição para animá-los a partir de zero segundo. Mais tarde, se eu precisar atrasar o início ou talvez aleatorizar como um vem em primeiro lugar, qual vem em segundo, eu posso apenas rastrear as camadas para um carimbo de data/hora específico para que eu possa atrasar o início ou alterar a ordem da animação . Mas agora, o que eu preciso fazer é animá-los em zero segundo. Para este retângulo aqui, vai ser bem simples. Tudo o que eu preciso fazer, eu preciso de zero segundo, vamos avançar 20 quadros. Comando, Shift, Seta para a Direita, 10 quadros e depois 20 quadros. Você pode ver aqui, 20 quadros. Então vamos colocar um quadro chave no cronômetro. Então vamos voltar para zero segundo. O que posso fazer é clicar nos dois pontos de ancoragem e depois arrastar estes dois pontos de ancoragem para a esquerda, de modo que, em zero segundo, a máscara esteja toda à esquerda, modo que não esteja mostrando nenhum retângulo. Então a animação vai ser assim da esquerda para a direita. Talvez eu queira adicionar alguns quadros chave Velocity aqui. Clique com o botão direito, quadros de teclas Velocidade, mude para 66. Se eu quiser visualizar, eu posso ir para os dois segundos, pressione N no teclado para os pontos finais de visualização, você pode ver esta barra aqui. É aqui que a pré-visualização termina. Se eu visualizar desde o início, clique na barra de espaço, ele só vai pré-visualizar os dois primeiros segundos. Isso parece bom. Em seguida, subindo. O que é isto? Esta é a textura ruidosa e ruidosa. Esta é a nossa textura. Precisamos trazer a textura logo acima do fundo branco para que a textura não esteja em cima de nenhum outro elemento. Deve estar apenas em cima do fundo branco. A animação de textura vai ser um pouco diferente porque queremos aleatoriamente a textura como se ela estivesse apenas se movendo aleatoriamente em segundo plano. No entanto, não queremos que a animação seja suave, então o que queremos fazer é, a maneira simples é ir para a propriedade de rotação. Em seguida, em zero segundo, queremos que a textura esteja em zero e, em seguida, coloque um quadros-chave. Vá em frente cinco quadros. Comando, seta para a direita cinco vezes 1, 2, 3, 4, 5. São cinco quadros e, em seguida, vamos tentar alterar esse valor de rotação para talvez 20 negativo. Agora você pode ver que há a borda da minha camada de textura. Preciso manter a tecla Shift pressionada e clicar em S para abrir a propriedade scale. Certifique-se de que a escala é maior para que eu esteja esculpindo todo o espaço deste quadro aqui. Então vamos para cinco quadros 1, 2, 3, 4, 5. Digamos que se alterarmos a rotação para 20 positivo, de 20 negativo para 20 positivo. Então vamos em frente outros cinco quadros 1, 2, 3, 4, 5. Mude para 45 negativo. Eu só quero manipular o grau de rotação para que eu esteja aleatorizando o fundo. Ok, isso é bom. Então vá em frente 1, 2, 3, 4, 5. Desta vez, mude para talvez algo assim, e então vá para um segundo. Lembre-se, temos 25 quadros por segundo, então meus quadros principais estão separados por cinco quadros. O último quadro, eu quero voltar para zero grau. Agora, se eu alternar a linha do tempo, você pode ver o fundo apenas animando aleatoriamente. É o efeito que queremos, mas mais uma coisa que precisamos fazer, selecionar todos os quadros-chave. Clique com o botão direito do mouse, clique nos quadros de teclas Alternar Hold, para que não haja quadros intermediários. Ele dá-lhe como um tipo de stop motion de visão. Em seguida, a próxima coisa que queremos fazer é colocar para baixo uma expressão muito simples, mantenha pressionada a opção no Mac ou Alt no PC e, em seguida, clique no cronômetro aqui. Precisamos colocar essa expressão de loop out. Basta digitar LoopOut com um O em letra maiúscula e, em seguida, o colchete. O que ele faz é fazer em loop esta parte da animação depois de um segundo. Vai repetir de novo. Vai repetir-se para sempre. Se você tiver cinco segundos, ele vai repetir esta animação cinco vezes. Vamos pré-visualizar esta parte. Você vê isso? Temos um fundo que está animando. Isso é bom. No entanto, eu quero suavizar um pouco. Vamos para a transparência. Aperte T no teclado. Para transparência, neste momento, é 15%. Vamos mudar para 10 por cento. Quero diminuir a animação de fundo. Neste momento, está a distrair. É isso com a nossa animação de textura em segundo plano. Agora posso trancar isto. 7. Animação da primeira cena: texto principal: Fizemos este retângulo, e agora o que precisamos fazer é trabalhar nesta animação de texto principal de viagem. Vamos voltar para zero segundo. Eu quero que esta animação seja mais como um stop motion, por isso é muito simples de fazer. Em primeiro lugar, o que precisamos fazer é separar cada letra. Para torná-lo mais fácil, eu posso apenas solo este texto no quadro. Vamos tocar neste ícone solo aqui, esses pequenos pontos na frente da camada. Se eu clicar neste, ele vai somar meu texto e então esconder todo o resto. Uma vez que temos um fundo preto, ele vai mostrar um fundo preto sobre este texto preto que é muito difícil de ver. O que precisamos fazer é alternar essa grade de transparência. Acerte isso, ele vai mostrar um fundo transparente. Preciso duplicar esta camada de viagem 1, 2, 3, 4, 5, cinco vezes para ter cada letra em sua própria camada. Vamos duplicar 1, 2, 3, 4, 5. Agora eu tenho cinco camadas de viagem, e então vamos para esta ferramenta de retângulo. Certifique-se de que temos esta primeira camada de viagem selecionada. Vá para o retângulo também, desenhe uma caixa fora da letra T, vai isolar a letra T. Então vá para a segunda viagem, desenhe uma caixa fora da letra R. Vá para a A, a terceira viagem, desenhe uma caixa. No entanto, você pode ver a letra A, quando eu desenho a caixa, está cobrindo o V também, então eu preciso bater na camada novamente e, em seguida, ir para a ferramenta de seleção e, em seguida certifique-se de que eu arrasto esta máscara para a esquerda para que não seja Cobrindo o V. Desça a lista. Esta é outra camada, eu preciso desenhar uma máscara ao redor do V. Selecione este ponto de ancoragem, certifique-se de que não está cobrindo o A. Então vá para a ferramenta de retângulo novamente, desenhe uma máscara ao redor do E. Um, vamos ver o que temos. Se eu só solo uma camada, você pode ver que eu só tenho um T, e então esta camada eu só tenho um R, e então esta camada eu só tenho um A, cada camada tem apenas uma letra. Agora o que precisamos fazer é ir para a propriedade de posição, pressionar P no teclado. Deixe-me arrastar este espaço de trabalho um pouco, torná-lo maior. Antes de começarmos a animar essas letras, precisamos ter certeza que o ponto de ancoragem de cada letra está no centro da letra, então eu preciso mudar esse ponto de ancoragem, arrastá-los para o centro da letra. Vamos para a primeira camada e, em seguida, ir para este menu superior pan atrás da ferramenta. certifique-se que eu clique sobre isso, e então eu posso arrastar o ponto de ancoragem para o centro da letra. Desta forma, mais tarde se eu quiser girar a letra vai girar a partir do centro da letra. Se eu não fizer isso, ele vai girar do centro do quadro, o que não é o que queremos. Vamos para a segunda camada e, em seguida, arraste o ponto de ancoragem para o centro do R. Vá para a terceira camada, arraste o ponto de ancoragem aqui. Em seguida, vá para a próxima camada, arraste o ponto de ancoragem aqui. Vá para a próxima camada, arraste o ponto de ancoragem para o centro do E. Em seguida, vá para a próxima camada, arraste o ponto de ancoragem para o centro do L. Agora, eu preciso pensar sobre a animação. Eu quero que a animação se estabeleça em torno de dois segundos, então vamos para os dois segundos na linha do tempo e então eu posso selecionar toda a camada de viagem. Pressione P no teclado, puxe a propriedade position, pressione um cronômetro para adicionar um quadro-chave. Então vamos voltar ao quadro zero. Para a letra T, eu quero que o T venha do canto esquerdo aqui, e então eu quero que o R venha daqui também. Eu quero que o A venha talvez daqui de baixo. Eu quero que o V entre, você vê, meu V tem um ponto de ancoragem todo o caminho até aqui com um errado, então eu preciso usar este pan atrás da ferramenta. por já que eu já tenho os quadros-chave agora, eu não seria capaz de mudá-lo como nós fizemos isso antes então eu preciso excluir os quadros-chave para o V porque está tudo confuso. Preciso excluir o quadro-chave, e agora posso arrastar o ponto de ancoragem até o centro do V, e então podemos ir para dois segundos no ponto de ancoragem. É aqui que eu quero que esta carta se resolva, então este é o ponto final da animação. No ponto de partida, quero que o V venha de cima. Vamos puxar todo o caminho até o topo, e então eu quero que o E venha de cima também, e então eu quero que o L entre do canto direito. Em zero segundo, não há nada no quadro e eles entram assim. No entanto, se eles entrarem assim, é muito chato, não se parece com animação stop. O que eu preciso fazer é também puxar para cima a propriedade de rotação, selecionar todas essas seis camadas e, em seguida, pressionar Shift R para puxar para cima a propriedade de rotação. Certifique-se de que a rotação final é assim, então basta definir uma propriedade de rotação no final e este é o estado final das letras. Mas na frente, podemos mudá-lo livremente, aleatoriamente também, então eu posso arrastá-los aleatoriamente. Talvez algo assim, faça assim, faça assim, arraste assim, e depois arraste assim, e depois arraste assim. Quando eles entram pela primeira vez, eu teria que ajustar manualmente a rotação para torná-la mais interessante. Para o T entrar, eu queria ter um pouco como este, e então talvez o R assim. Algo assim para agora e, em seguida, não só a rotação, eu também quero definir uma propriedade position para todos eles. Vamos definir a propriedade position. Você vê agora eu só tenho um quadro-chave de rotação, mas se eu clicar no cronômetro, ele vai cancelar todo o quadro-chave que eu defini antes. Eu preciso clicar neste pequeno ponto vazio aqui, que é todo o caminho na frente. Uma vez que eu clicar neste ponto, ele vai adicionar um quadro-chave na propriedade position. Agora eu não só tenho propriedade position, mas também propriedade de rotação nas letras. Então, quando eles se mudarem, eu também quero que eles se mudem, de forma aleatória. Talvez como aqui, e então eles podem mudar o valor da rotação. Então, para o R, eu quero que ele venha aqui, girar na direção oposta. Para o A, mais perto do R e, em seguida, gire desta forma. O V pode vir aqui, girar por aqui. O E pode ir aqui, e girar para o lado oposto. Toda vez que eu quero alterar o valor de rotação, eu quero que o novo valor seja o lado oposto do valor antigo. Se é algo negativo desde o início neste ponto antes, da próxima vez que ele gira eu quero um valor positivo, apenas para torná-lo mais dramático. Não quero dois valores positivos juntos. Isso vai ser chato. Só quero torná-lo mais divertido. Neste ponto, podemos mudar a letra para aqui, e depois mudá-la para 20, e esta aqui. Você pode até ver o caminho da animação, 20 e então o V pode ir aqui, mais 9. Agora mesmo, eu posso fazer menos 20. Então este vai para este lado, 25. O R pode ir aqui, menos 25 e o T pode ir aqui. Posso fazer uns 10, talvez. Antes de se estabelecerem no lugar, também quero que a carta passe como um exagero. Antes de se estabelecerem em seu estado final, eu quero que a carta vá para o topo, como dizer este T, eu quero que ela passe por cima e então talvez gire um pouco e depois desça. Isso é chamado de superação na animação. Sempre que algo se anima quando chega ao estado final, ele não apenas descansa imediatamente. Às vezes, ele passa e então ainda podemos lembrá-lo de volta à sua posição final. Quero que este R suba e gire assim. Em seguida, o A para subir, altere a rotação. O V deve descer. Então coloque um pouco de rotação ali, o E pode descer. Vamos colocar um nove negativo. Então o último, isso pode cair, isso pode cair assim. Vamos ao R aqui. Vamos ver a animação primeiro. É muito lento e tem todos os quadros intermediários que não queremos. O que precisamos fazer é selecionar todo o quadro-chave aqui e, em seguida, clique com o botão direito do mouse, alternar os quadros-chave pressionados. Vamos pré-visualizar novamente. Agora parece muito melhor. É assim, assim, assim. Sinto que estamos perdendo uma animação no meio. Deste estado para este estado, o movimento é demais. Acho que temos de acrescentar algo no meio daqui. Vamos tentar adicionar algo aqui. Talvez mova um pouco para cima, e depois mude para cinco negativos. Algo assim. Então aqui, vamos movê-lo para cima. Mova para a direita, mude para 10 positivo. Este, vá para a esquerda. Acho que o R está tocando o A, o que é um pouco confuso. Preciso fazer este R mais perto do T agora. Em seguida, coloque o A aqui assim, e então arraste o V para baixo também. Coloque positivo 10 e então o E pode ser algo assim, negativo 10. O L pode estar aqui e depois vamos fazer 10 negativos. Temos isto e depois descemos. No entanto, depois que eu adicionei esse quadro-chave de rotação, você pode ver esse quadro-chave e esses dois quadros-chave são ambos negativos agora porque eles não estão mais no espectro oposto. Preciso alterar este quadro-chave aqui, para que todas as camadas sejam quadros-chave positivos para que haja mais contraste no valor de rotação. Caso contrário, só vai parecer um pouco estranho, vai parecer um pouco não tão divertido. Vamos mudar para um valor oposto, talvez cinco negativos. Então se for negativo nove, vamos mudar para nove e então se for negativo três, vamos mudá-lo para positivo três, algo assim, mas então o R é muito perto, onde está o R? O R está muito perto. Preciso modificar o R um pouco para que ele não toque tanto. Isso é bom. Vamos ver a animação aqui. Isso parece muito bom. Eu gosto disso. Vamos desligar o botão solo aqui. Clique nestes pequenos pontos. Agora temos toda a cena aqui. Vamos voltar a zero segundos e começar a visualizá-lo. Eu acho que este quadro é um pouco estranho, parece um pouco estranho porque o V está tocando o A. O que eu quero fazer é modificar este A aqui. Talvez mudar a rotação um pouco para que ele não esteja se conectando ao V tanto. Sim, parece muito melhor. Isso é bom. Tudo bem, é isso com nossa animação de camada de viagem. Há mais alguns elementos que precisamos animar na primeira cena, mas vou mostrar o resto no próximo vídeo. 8. Animação da primeira cena: o resto: Último vídeo, terminamos de animar a camada de viagem aqui. Esta é a sombra da bagagem. Isto é, você gosta, para que possamos animar isso primeiro. Digamos que este texto venha dentro de 1,5 segundo. Vamos pressionar P no teclado para a propriedade position, apertar o cronômetro aqui para adicionar um quadro-chave e, em seguida, voltar para zero segundos, e, em seguida, arrastar isso todo o caminho para fora do quadro. Vamos puxar a rotação também, mudar R, certificar-se de que temos a rotação ativada aqui e depois descer. Eu quero que a rotação seja assim, e então talvez venha para a esquerda. Em seguida, o próximo par de quadros vai para a direita. Lembre-se que dissemos valores opostos, negativo 11 agora para que possamos colocar positivo 14 isso todo o caminho para baixo e arrastá-lo de volta para cima, positivo 12 talvez. Então aqui em baixo, vamos fazer 5 negativos. Vamos mudar a posição um pouco também, desça. Então, pouco antes de se estabelecer, eu quero uma superação apenas está passando por cima assim, e então eu quero que este valor seja positivo 3. Volte, acalme-se. Vamos copiar todos os quadros-chave, clique com o botão direito do mouse alternar keyframes pressionados. Vamos puxar para cima este ícone Isolar e certificar-se de que também podemos isolar este pequeno retângulo bem como porque há os mesmos elementos, vamos pré-visualizar isso. Isso é bom. Vem do topo, é muito divertido, e há mais como um stop motion. Esse é o seu stop motion para este elemento. Parece muito bom, vamos desligar o Isolate. Agora temos dois pássaros aqui no céu. O que precisamos fazer é, quero que o pássaro voe da direita para a esquerda. O que precisamos fazer é puxar para cima propriedade de posição e propriedade de rotação. Talvez dentro de dois segundos, eu quero que ele voe para fora da tela. Vai ser do lado de fora, e depois de zero segundo, quero que ele venha daqui até o fim. Certifique-se de clicar neste quadro-chave aqui para adicionar um quadro-chave na rotação. Então eu quero que ele venha para cima, eu quero que o pássaro para girar um pouco, e, em seguida, arraste este valor de posição para aqui. Então aqui eu posso girá-lo para um valor positivo, talvez aqui e depois arrastá-lo para cima. Apenas nos dê alguma aleatoriedade, como se o pássaro estivesse voando negativo 4 ou negativo 3, e então este último aqui, eu posso arrastá-lo para baixo. Este é o caminho do pássaro, e então eu posso puxar esses dois quadros-chave mais perto do resto deles. Selecione todos eles. Clique com o botão direito do mouse alternar pressionado Vamos ver o que parece. Isso parece bastante decente. Sinto que o pássaro está voando para fora da tela. Se eu apenas alternar o botão Isolar aqui, e então talvez possamos isolar o fundo também. Vamos ver o fundo e o pássaro. Algo assim. Isso parece bastante decente. Temos o pássaro pronto e então o que é esta camada 33? Esta camada 33 é a sombra de tela da bagagem. Vamos para a bagagem. Quero que a bagagem venha da direita, então hippie na propriedade da posição, talvez possa resolver dentro de um segundo ou algo assim. Acerte um quadro chave na posição, este é um estado final e depois volte para zero segundo, arraste a exposição todo o caminho para a direita, e a bagagem pode simplesmente deslizar para dentro assim. Ele tem rodas e não tem que ser stop-motion para este, ele pode simplesmente deslizar para dentro assim. Isso vai fazer, e então nós temos este pequeno ponto aqui para os pontos, nós podemos apenas puxar para cima a propriedade scale, pressionar S no teclado e, em seguida, colocar um quadro-chave e, em seguida, mudar o ponto de partida para zero, então nós temos um zero para Expansão de 100 pessoas aqui. Certifique-se de colocar a velocidade do quadro-chave como 66. Vamos salvar o comando de arquivo S, salve o arquivo. Para a pequena bagagem aqui, quero que esta sombra sempre acompanhe a bagagem. Vamos mover o indicador da linha do tempo para onde a bagagem parou de se mover em torno de dois segundos ou 1,5 segundos, e eu quero clicar nesta camada 33 e, em seguida, ir para este botão pick whip. Arraste um link para a bagagem para que a sombra esteja sempre seguindo a bagagem. Se formos pais, podemos ver que há links de pais, e dentro da camada 33, que é a sombra da bagagem, diz bagagem de camada 2, que significa que está sempre seguindo esta camada. Se você não tem esta opção pai, você pode descer aqui para verificar esses dois botões. Ou você pode clicar com o botão direito do mouse e, em seguida, ir para colunas e, em seguida, certifique-se de que as colunas de opção Pai e Link estão selecionadas Uma vez que eu tenha essa configuração, se eu arrastar para trás, você pode ver esta camada verde da sombra que está sempre seguindo o mesmo movimento que esta bagagem aqui, que é o que nós queremos. Também a sombra aqui embaixo da bagagem, que é esta aqui, quero adicionar alguns quadros-chave aqui só para ter certeza que este está lá fora, bem como o começo. Ou de outra forma que eu possa fazê-lo seguir a bagagem. Vamos dizer que vamos voltar para 1,5 segundo, colocar o indicador de linha de tempo aqui, e então pai esta camada para a bagagem também, modo que temos os três elementos diferentes vindo como um todo, como um elemento. Até agora fizemos toda a animação para todos os elementos dentro da primeira cena, no entanto, não mudamos nenhuma ordem da animação, embora pareça muito boa, muito decente. Tudo apenas vindo ao mesmo tempo, então não parece muito natural e esta bagagem, eu sinto que está se movendo muito devagar eu preciso torná-lo mais rápido. Esta bagagem, posso deixá-la entrar dentro de um segundo e, em seguida, clicar com o botão direito, adicionar uma velocidade do quadro-chave, que é 66. Este é o meu número. A próxima coisa que eu quero fazer, eu quero cambalear a animação do texto de viagem e também tudo resto para ter certeza de qual vem em primeiro lugar e depois qual vem em segundo. Eu acho que o que precisamos fazer é, nós precisamos ter essa camada de forma vindo primeiro, esta vai ser a primeira camada que entra, e então eu quero que este pequeno ponto venha aqui também. O pequeno ponto e a camada de forma vem em, e então temos o retângulo entrar um pouco mais tarde. Nós temos a camada de forma entrar, e então nós temos o retângulo entrar, você gosta desta camada entrar depois que o retângulo entrar? E então eu quero que os textos de viagem venham um após o outro com um par de quadros separando um do outro. Vamos tentar isto. Talvez isso seja muito distante. Deixe-me aproximá-los, só um pouco mais perto. Isso vai ser depois que isso chegar. Eu quero que o pássaro entre ainda mais tarde depois do texto da viagem, já que é uma frase, então faz sentido, quando você gosta de entrar em primeiro lugar e depois viajar vem em segundo lugar, e então isso lentamente apenas se instala em posição aqui. Então, como está tentando ficar em posição, eu tenho a bagagem vindo por aqui, e quando eles tentam se instalar, a última coisa que eu quero entrar são os pássaros. Quero que os pássaros entrem depois que já se estabelecerem, por aqui. Eu acho que este pequeno ponto agora vai para cima da camada de viagem, que não está certo. Quero que este pontinho vá atrás da camada de viagem. Vou arrastá-lo todo o caminho para baixo, e então eu quero que os pássaros para ir para trás dos pontos também. Depois de reordenarmos tudo, vamos ver como é. Acho que parece muito bom. Isso une tudo. Isso é tudo com toda a animação parte da primeira cena. No próximo vídeo, vou mostrar-lhe como adicionar wiggles a todos os elementos dentro da primeira cena, e também tentar torná-lo mais como um estilo stop motion de animação. 9. Animação da primeira cena: adicione movimento: Temos que ver a animação primeiro agora. Há mais duas coisas que precisamos fazer para completá-lo. A primeira coisa que precisamos fazer é adicionar algum tipo de movimento em todas as camadas da minha primeira cena. Se eu for ao painel Efeitos e Predefinições aqui, no lado direito, você poderá acessar Janela, Efeitos e Predefinições aqui. Vamos escolher esta posição de manobra. Agora tenho a camada de bagagem selecionada. Vamos clicar duas vezes nesta posição de movimento, podemos adicionar um efeito de manobra a esta camada aqui, e o que precisamos fazer é mudar a velocidade de movimento para três wiggles por segundo, e então podemos mudar a quantidade para talvez 10 pixels. O que ele faz é, na verdade, adicionar mais movimento aleatório a todos os elementos que temos. Se eu sozinho esta camada de bagagem, e então me deixar sozinho este fundo, e vamos ver aqui. Eu apertei p no teclado, então o intervalo de visualização é cortado de dois segundos para cerca de quatro segundos. Vamos visualizar esta parte aqui, e você pode ver que minha bagagem está se movendo sozinha aleatoriamente no ar. Esse é o efeito de movimento que queremos colocar em todos os elementos dentro da primeira cena e todas as outras cenas também para torná-lo mais de um tipo de look de stop-motion aleatoriamente. Isso está parecendo muito bom. Tudo o que eu preciso fazer agora é eu apenas preciso copiar esses dois efeitos, Comando C, e então selecionar todas as outras camadas, exceto para o fundo e a textura. Selecione todas as camadas e, em seguida, vá para o painel de controle de efeitos que já deve estar lá, Comando V. Agora o que eu fiz é, Eu adicionei este efeito de movimento em todas as camadas, exceto para o fundo e a textura. Vamos ver o que temos agora. Acabou de adicionar um movimento muito sutil a todos os elementos dentro da cena e trazê-los mais à vida. Você vê isso? Isso está parecendo muito bom para mim, e a última coisa que eu quero fazer é agora você pode ver que a animação é muito suave. Depois que adicionamos o efeito wiggle, a coisa toda, é simplesmente muito suave, e o que eu preciso fazer agora é ir para o painel Efeitos e Predefinições, e eu preciso procurar por Posterizar Tempo aqui e o tempo que há Posterizar Tempo. Vamos para a camada Bagagem e, em seguida, vamos adicionar um Posterize Time no topo da camada Bagagem. Lembre-se, nossa taxa de quadros é de 25 quadros por segundo. Se eu adicionar um Tempo de Posterização, posso alterar a taxa de quadros dessa camada e dizer, agora, todas as camadas dentro da minha composição devem ser 25 quadros por segundo. No entanto, se for stop-motion, normalmente, você provavelmente conseguiria ver cerca de 5-10 quadros por segundo. Vamos tentar configurá-lo para cinco quadros por segundo, e então o que eu preciso fazer é eu quero copiar este Posterize Time em todas as outras camadas, exceto para a textura, e então Comando V. Agora todas as camadas dentro do meu são alteradas para cinco quadros por segundo, ele apenas faz toda a animação mais de um visual stop-motion. Vamos tentar visualizar e ver como ele se parece. Você vê isso. Ele só faz tudo mais stop-motion como em vez de antes de não termos Posterize Time. Tudo é suave e o movimento é bastante suave, e agora você pode ver um movimento stop como wiggle. É disso que precisamos. Vamos parar aqui e depois podemos voltar para a composição principal. Agora temos um primeiro quadro, animá-lo. É provavelmente em torno de cinco segundos, digamos N aqui em 5 segundos e podemos visualizar os primeiros 5 segundos. É assim que a nossa primeira cena se parece. Vamos passar para o próximo vídeo. 10. Animação da cena de aviões: Bem-vinda de volta. Neste vídeo, vamos começar a animar a segunda cena. Agora eu já tenho meu arquivo After Effects aqui, e como você pode ver, nós temos a animação Frame 1 dentro desta composição principal aqui. Se eu alternar a linha do tempo, você pode ver minha animação ali. Quero que a minha animação para a primeira cena dure cinco segundos para não a apressar. A próxima coisa que eu preciso fazer, é voltar para o painel do projeto no canto superior esquerdo aqui, este painel, e depois ir para a composição do storyboard 2, quadro 2. Clique duas vezes neste também. Agora estou dentro desta composição Frame 2. Vejo que o fundo ainda é curto. Há uma barra preta à esquerda, então eu preciso ir para o fundo inferior, apertar “S” no teclado para escala, apenas torná-lo um pouco maior. Isso é bom. O que eu preciso fazer agora, é copiar tudo. Você pode usar o Comando A para Selecionar Tudo e, em seguida, Comando C para Cópia. Volte para a composição principal na linha do tempo aqui, e então se você clicar neste Quadro 1 e clicar em “Command V”, ele vai colar tudo no topo do Quadro 1. Seja qual for a camada que você clicar, e então você selecionar “Command V” para colar, ele vai colar em cima da camada que você selecionou. Agora posso arrastar tudo para a marca dos cinco segundos porque os primeiros cinco segundos serão a minha primeira cena. Então eu quero arrastar todas as outras camadas para a segunda cena em cinco segundos. Cerca de cinco segundos, é aqui que a transição vai acontecer. Vamos ter este primeiro quadro deslizar para a esquerda, e depois a segunda cena, ele pode deslizar da direita para a esquerda. Então o avião, é claro, vai viajar da esquerda para a direita. Deixa-me mostrar-te o que quero dizer. Primeiro de tudo, eu preciso colocar um quadro-chave de posição nesta composição do Quadro 1, apertar “P” no teclado para a posição, e então colocar um quadro-chave aqui, ta cinco segundos, e então talvez ir para a frente, Command Shift, seta para a direita 10 quadros, e talvez outros cinco quadros, 1, 2, 3, 4, 5. Se eu sozinho este, preciso que toda esta camada se mova para a esquerda. Algo assim. Agora, eu só preciso ter a textura do jornal e esta camada de fundo branco para mover da direita para a esquerda. AP no teclado, defina um quadro-chave de posição. Esta vai ser a posição final aqui. No entanto, a posição inicial seria todas as três camadas, vindo do lado direito aqui. Eu quero mover o resto das camadas um pouco mais para baixo, para que eles não estejam cobrindo o fundo. Quero ver como é agora. Deixe-me colocar o intervalo de visualização daqui até aqui. Use B para definir os pontos iniciais da visualização e, em seguida, use N para definir o ponto final da visualização. Sim, algo assim. Eu tenho essa transição aqui. Vamos ter este C e, em seguida, o pan da câmera para a direita. Temos esta cena aqui. Preciso selecionar todos os quadros-chave. Clique com o botão direito do mouse em Keyframe Velocity, colocando 66, meu número de acesso. Vamos ver o que parece. Sim, isso parece muito bom. Agora o que precisamos fazer, é lembrar que temos textura animada dentro deste Quadro 1. Precisamos copiar, ir para o Quadro 1 e depois descer. Vê esta textura aqui? Precisamos copiar esta textura. Comando C, e, em seguida, voltar para a composição principal, e em seguida, para aqui, clique nesta camada de textura Comando V, e então eu posso arrastar esta camada todo o caminho de volta para este ponto aqui, onde todos eles entram. Em seguida, certifique-se nos pontos finais em torno de cinco segundos, 17 quadros aqui. Eu só preciso pai esta camada para o jornal ou para o fundo para que ele está se movendo com eles, e agora eu posso simplesmente desligar esta textura original que não é animado. Só preciso dessa nova camada de textura que já está animada. Posso até apagar este. Não preciso mais deste. Agora, essa camada de textura é pai para o plano de fundo, modo que está se movendo com o plano de fundo, além de ser animada de nossa primeira cena. A próxima coisa que precisamos fazer é introduzir o avião. Eu quero que tudo comece no avião para sair talvez por aqui, para vir daqui. Eu só quero animar o avião primeiro, mas eu estou pensando sobre o que eu preciso para ser pai do avião porque eu não quero animar cada coisa individualmente. Eu queria criar a fita para o avião e, em seguida, o texto para a fita, e então esta pequena barra azul para o avião para que quando eu animar o avião, tudo apenas se move com o avião, modo que eu só preciso animar Uma coisa. Agora o que eu preciso fazer é que eu preciso criar a fita para que a sombra dos aviões seja parentada para o avião. A fita deve ser o pai do avião vir conosco, pai trippy para a fita, e então temos este retângulo aqui. Quero que este retângulo seja o pai do avião também. Agora, se eu pressionar “P” no teclado para puxar a propriedade position para o avião, e então eu posso adicionar um quadro-chave clicando no cronômetro aqui. Quero que este avião venha da esquerda. Oops. O que é isto? Esta é a sombra do avião. Não, não a sombra, as asas. Esta camada aqui. Eu preciso colocar esta camada no avião também. Agora que tenho tudo para o avião, posso mover o avião para a esquerda. Você vê que tudo está se movendo com o avião. Basta tirá-lo da cena aqui. Isso é bom. Mova-o para fora da cena e, em seguida, talvez vá para a frente 20 quadros, ou até mesmo 10 quadros. Vamos tentar 10 quadros aqui. Eu avancei 10 quadros e então eu quero que o avião venha por aqui assim, e então eu preciso adicionar um quadro-chave aqui, usar este botão, pequeno ponto na frente. Então porque quando o avião chega, eu queria entrar muito rapidamente, mas em torno da área central, eu quero que ele pendure um pouco antes de sair. Eu quero que o avião fique lentamente no quadro por talvez um segundo ou mais, assim, e então por mais 10 quadros, ele pode sair da tela ou algo assim. Você vê que há, estes dois quadros-chave são um pouco mais distantes um do outro porque eu quero que o avião tenha mais tempo para ficar no centro do quadro.f Eu acho que o tempo de espera não é suficiente. Eu preciso até segurar esses dois quadros-chave ainda mais, para que haja um tempo de espera muito longo. Eu acho que ainda é um pouco rápido demais quando ele entra, então eu vou adicionar mais cinco quadros-chave, 1, 2, 3, 4, 5. Um, ele entra e então talvez outros cinco quadros quando ele sai, 1, 2, 3, 4, 5. Apenas fazendo esses quadros-chave mais distantes, que o avião possa ter mais tempo para viajar através da tela. Não quero que seja muito chocante, muito rápido. Só quero que as pessoas leiam isto, venham connosco, alinhem claramente e depois podemos transmitir a mensagem. Sim, isso pode funcionar. Então vamos seguir em frente. Agora, tudo parece bem, exceto este pequeno retângulo azul que parece muito estranho. Não sei por que está pendurado atrás do avião , mas preciso ajustar esta coisinha aqui. Quando o avião sair, quero deixar isso na máscara e ir para o caminho da máscara. O que eu preciso fazer é clicar nesses dois pontos e depois puxá-lo para a esquerda, modo que quando o avião entrar, ele não está estendendo para a frente do avião. Quando ele sai, o avião vai sair primeiro e, em seguida, ter este pequeno retângulo debaixo do avião, o que é bom. Isso é bom. No entanto, aqui você vê que o pequeno retângulo azul está quebrado nesta moldura? Há uma grande lacuna à esquerda, então não é isso que queremos. Preciso que este retângulo azul fique lá. Agora, o que eu preciso fazer é que neste momento em que nosso avião se mudou para cá, eu preciso duplicar este retângulo. Comando D, duplique este retângulo e então certifique-se que eu preciso remover o novo retângulo do avião, apenas certifique-se de que não temos nenhum. Este não tem um pai. Então preciso cortar o retângulo aqui. Para cortá-lo, eu preciso usar uma opção de atalho colchete esquerdo. Você pode ver que a camada é cortada aqui e eu preciso ir para a camada original e cortá-la para a opção certa, colchetes direito. Agora, o que acontece é que a partir deste ponto, movendo para a frente o retângulo não vai viajar com o avião porque o novo retângulo não tem um pai. Enquanto o avião se move vai ficar lá. No entanto, ainda preciso animar os caminhos da máscara. Deixe-me entrar na máscara e, em seguida, bater um quadro-chave aqui e, em seguida, quando o avião viajar para fora, eu preciso que esses caminhos de máscara também se expandam para fora, modo que parece que o avião rastrear o retângulo azul todo o caminho para a direita. Você vê isso? Isto é o que queremos. Então o avião sai dos nossos retângulos azuis ainda aqui. Em seguida, o que eu preciso fazer é adicionar algum efeito de ondulação à fita. Vamos para a faixa de opções e, em seguida, vamos para a pesquisa do painel de efeitos e predefinição para bordas ásperas. Como temos a camada de fita selecionada, vamos clicar duas vezes sobre essas bordas ásperas. Agora, precisamos ajustar algumas das configurações aqui. Vamos fazer o bruto e a fronteira maior, tipo 50. Então influência fractal, vamos mudar para baixo talvez 0,8 e precisamos de uma escala maior também. Você vê que há as mudanças. O efeito de ondulação é demais. Precisamos de uma escala maior, provavelmente mudá-la para 550, que possamos ter um efeito de onda mais natural para a fita. Agora, o que precisamos fazer é apenas animar a evolução. À medida que o avião vier por aqui, vou adicionar um quadro-chave aqui até que ele saia. Aqui, vamos adicionar talvez colocar um três aqui, para que haja três rodadas de evolução. Você pode ver a fita acenando. Este é o efeito que queremos. Isso é bom. Isso é tudo para toda a animação. No entanto, lembre-se da primeira lição que precisamos adicionar algum efeito de manobra a tudo o que você vê na cena. Agora podemos apenas voltar para o Quadro 1 e, em seguida, selecionar qualquer uma da camada. Precisamos copiar todo o efeito: os efeitos de wiggle e o efeito de tempo posterize, Comando C e, em seguida, voltar para o segundo quadro. Preciso copiar os efeitos de manobra para o avião e talvez não o retângulo. Não quero que o retângulo se mova muito. Vamos tentar colocar a fita e, em seguida, vamos tentar colocá-lo no texto, venha com a gente. No entanto, eu quero tentar reduzir a quantidade de movimento para talvez três pixels no texto. Não quero que o texto se mexa muito. Vamos pré-visualizar e ver como ele se parece. Acho que o que está acontecendo é que o tempo de posterização no avião está estragando a animação porque agora ela só está mostrando cinco quadros por segundo. Eu não preciso disso para a segunda cena, eu preciso deletar esse tempo de posterização e então eu só preciso deletar o tempo de posterização completamente na segunda cena. Vamos ver. Essa é a nossa animação para a nossa segunda cena. Parece muito bom. É isso com este vídeo. Vamos passar para o próximo. 11. Torne-se dentro de movimento: Antes de continuarmos, quero compartilhar com vocês uma notícia empolgante. Os cursos de design de movimento acabaram de se tornar mais acessíveis nos círculos de movimento. Com nossa associação Motion Insider por apenas $7 por mês, você terá acesso ilimitado aos nossos cursos de design de movimento de alto nível, com a nossos cursos de design de movimento de alto nível, confiança de mais de 50.000 estudantes em todo o mundo É hora de aprimorar suas habilidades de design de movimento para se tornar o melhor animador possível Como especialista, você também receberá arquivos de projetos gratuitos de todos os nossos tutoriais do Motion Circles no YouTube E aproveite um desconto exclusivo de 25% em todos os outros projetos incríveis de animação de outros artistas em nossa loja de arquivos de projetos. Não perca essa oportunidade de aprimorar suas habilidades de animação e , ao mesmo tempo fazer parte de nossa vibrante comunidade. Junte-se a nós hoje em motion circles.com e liberte 12. Transição: avião para Nova York: Parabéns por terminar as duas primeiras cenas até agora. Neste vídeo, vou mostrar a vocês como animar essa terceira cena, que é a cena de Nova York. Vamos começar de onde paramos do último vídeo. Já tenho as duas primeiras cenas preparadas e é assim que parece aqui. Enquanto eu estou olhando para esta segunda cena aqui, eu sinto que deve haver um pouco mais de movimento, então eu quero adicionar este efeito de movimento no mapa em segundo plano também. O fundo, em vez de ficar parado, ele pode apenas mexer um pouco para adicionar mais movimento à segunda cena. Deixe-me fazer isso rápido primeiro. Eu posso ir para qualquer camada que tem o efeito wiggle sobre, talvez a fita, e então eu posso apenas copiar os dois efeitos wiggle. Comando C. Deixe-me encontrar o jornal da camada de mapa, este é um jornal. Comando V, coloque na camada do jornal. Então eu também posso adicionar no, lembrar o efeito de tempo posterize da primeira cena, posterizar o tempo. Qualquer camada que tenha o efeito, eu posso copiar, Comando C, e então vamos voltar para a composição principal, selecionar o jornal e colá-lo em, Comando V. Agora, nosso jornal, este fundo, tem um efeito de manobra sobre também. É só adicionar mais movimento ao fundo. Isso parece muito bom. A partir daqui, o que eu preciso fazer é adicionar uma transição desta cena para a próxima cena de Nova York. O que eu quero fazer é, eu quero que este retângulo azul se expanda para cobrir a coisa toda. Deixe-me encontrar o retângulo. Este é o retângulo, creio eu. Quero que este retângulo se expanda a partir deste ponto. Deixe-me ir para o caminho da máscara. Eu posso alternar esta seta aqui e encontrar, clicar nesta seta, clicar na máscara e, em seguida, clicar na máscara 1, encontrar o caminho da máscara, e, em seguida, colocar um quadro-chave aqui, avançar 10 quadros. Agora posso arrastar os dois primeiros pontos para cima e depois expandir a máscara. Estes dois de baixo, expandam isso também. Tem animação semelhante a esta. Só vai expandir a máscara do centro indo para fora. Depois que eu tive isso, eu preciso adicionar outra camada sólida branca em cima do retângulo. Vamos para a camada, nova, sólida e então eu posso mudá-la para uma cor branca. Torná-lo do mesmo tamanho que o quadro, 1920 por 1080, clique em “Ok”. O que eu quero fazer é, eu quero apenas arrastar esta camada toda ao redor desta área por aqui e então eu quero adicionar uma máscara nesta camada também. Eu posso adicionar uma máscara de retângulo, basta desenhar uma máscara. Com a ferramenta de retângulo selecionada, basta desenhar uma máscara sobre a camada sólida branca. Deixe-me ir para o caminho da máscara e então o que eu posso fazer é tentar animar essa expansão de máscara aqui. Você vê isso? Se eu arrastar a expansão da máscara para pixels negativos, ela vai fechar uma máscara e, em seguida, se eu arrastá-la para fora, ela vai fazer a máscara cada vez maior. Eu posso animar essa expansão de máscara de 80 negativo, talvez negativo 85, onde você não pode ver o pixel branco em tudo e depois de 10 quadros, eu quero expandir a máscara todo o caminho para fora. Algo assim. Sim, isso funciona. Mas agora preciso adicionar uma velocidade do quadro-chave ao retângulo azul e à máscara branca. Antes de eu fazer isso, você vê agora quando a linha do tempo atinge esta camada de máscara branca, ele vai cobrir qualquer coisa que está abaixo dessa camada. Eu quero que a camada comece a partir daqui, deste ponto em diante, então eu preciso cortar a camada aqui apenas cortá-la. Opção, colchete esquerdo no Mac ou Alt, colchete esquerdo no PC para cortar a camada ali. Em seguida, posso selecionar os dois quadros-chave no retângulo. Clique com o botão direito do mouse, velocidade do quadro-chave , mude para 66 por cento e altere este para 66 também e veja como ele se parece. Eu quero que a máscara branca para animar, apenas seguindo este retângulo azul. Eu quero colocá-lo de volta um pouco, torná-lo animado mais cedo, algo assim, e então direcionar os dois quadros-chave mais distantes, tornar os movimentos mais lentos. Sim, algo assim, funciona. Você vê? Quando o avião sair, eu tenho o retângulo azul expandir e então eu tenho um retângulo branco expandir a partir do centro e esta minha transição para a próxima cena de Nova York. Salve o projeto. Agora o que eu preciso fazer é importar a composição de Nova York. Vamos voltar para o painel do projeto aqui e depois ir para pré-comps visto três, que é em Nova York. Vamos arrastar esta cena até esta composição principal e depois movê-la de volta em torno de nove segundos marcos. Algo assim. No entanto, eu quero que esta cor branca aqui seja uma máscara porque agora, eu tenho este quadro três em cima desta máscara, então quando a transição acontece, eu não posso ver o quadro três até que ele atinja. Quando o quadro três entrar, vai cobrir a transição. Não é isso que eu quero. Eu quero duplicar esta camada, Comando D, e então colocá-lo em cima desta camada três e, em seguida, definir um fosco de faixa, que é o fosco alfa. Isso vai nos dar esse tipo de efeito, quando a transição chegar, eu posso ver que há um portão aberto da camada azul e então eu posso ver essa cena de Nova York entrar. Deixe-me explicar rapidamente o que é um fosco de faixa. Basicamente, se eu mudar essa cor branca, mudar a camada para uma cor diferente, vamos mudar para vermelho, não importa. Espere um segundo. Deixe-me mudar para uma cor vermelha aqui. Você vê? Onde quer que esteja esta cor vermelha, é quando a camada abaixo ficará visível. Agora, você pode ver que a cor vermelha é um pequeno retângulo muito longo no centro e se eu desligar este ícone de olho, você pode ver aqui é onde a camada abaixo vai ser visível. Como temos a camada vermelha tornar-se maior e maior, como este grande, a área vermelha é a área onde a camada abaixo vai ser visível. Isso é o que acontece para um fosco alfa. Se eu desligar este ícone de olho, você pode ver que a área que está marcada em vermelho antes é visível para a camada abaixo dele. Toda esta área vermelha torna a camada abaixo visível. Vamos seguir em frente. Fizemos esta transição aqui. 13. Animação da cena de Nova York: Agora o que precisamos fazer é animar o quadro 3. Vamos para o quadro 3. Pode ser algo parecido com o que fizemos antes. Do fundo, temos um fundo aqui, e então temos a textura do solo. Lembre-se que precisamos copiar a animação de textura do quadro 1. Vamos para o quadro 1, deixe-me pegar aquela animação de textura Comando C, e depois voltar para o quadro 3, e depois colá-lo. Exclua esta textura aqui. Agora temos a textura animada. Ainda vejo uma barra preta à direita. Preciso expandir um pouco esse fundo. No entanto, eu acabei de perceber que esta sombra aqui está dentro do fundo, então eu preciso trazer essa sombra de volta para fora, é provavelmente esta camada, Comando X para cortar, e então voltar para o quadro 3 colá-lo, Comando V. Agora, para a camada de fundo, eu só tenho um fundo branco. Basta pressionar S para escala e, em seguida, dimensionar o plano de fundo. Isso é bom. Lá temos uma textura animada. Agora temos essa forma de fundo de Nova York. Esta animação pode ser semelhante ao que fizemos para a primeira cena lembrar, possamos voltar para a primeira cena e, em seguida, encontrar a forma aqui. Pressione U no teclado para mostrar os quadros-chave. Então eu posso copiar os quadros-chave, Comando C, voltar ao quadro 3, Comando V, colá-lo. Eu também tenho a pasta de transição de limpeza linear em. Preciso ir ao Controle de Efeitos e tentar ter certeza de que a limpeza linear está no mesmo ângulo da primeira cena. Isso é bom. Como isso. Essa animação é boa. Então temos este logotipo preto e branco de Nova York aqui. Para este, podemos apenas fazer uma mudança de escala, talvez puxar a escala para cima, apertar S no teclado, e então colocar um quadro-chave, fazer um zero no início e, em seguida, basta clicar duas vezes na ferramenta, velocidade do quadro, mudar para 66. Algo assim, que funciona. Agora temos a estátua. camada 12 é a estátua principal. Preciso fazer o mesmo truque. Lembre-se quando nós pai a fita e tudo relacionado com o avião para que possamos mover o avião sem tocar em nada mais, mas tudo simplesmente se mover juntos. Precisamos fazer o mesmo truque aqui. Preciso criar este estatuto para a camada 12, que é a verdadeira estátua. Esta estátua aqui é apenas o fundo verde. Então temos a forma 3. Isto não é o que queremos, o táxi não é o que queremos, a placa da rua está boa. Preciso encontrar a tocha, esta e esta aqui. Esses dois, eu preciso ser pai da estátua. Agora, se eu mover a estátua, tudo vai se mover com ela. Preciso animar isso. Pressione P no teclado, coloque um quadro-chave e, em seguida, use Shift R para puxar a rotação para cima. É semelhante ao que fizemos antes. Avançar talvez 25 quadros. Então esta vai ser a posição final. Então podemos mudar a posição, movê-la um pouco para baixo, todo o caminho para baixo. Os próximos cinco quadros, 1, 2, 3 , 4, 5, vamos movê-lo para cima. Lembre-se, precisamos usar valores opostos, agora é negativo 11. Aqui, preciso mudar para 15 positivo. Então os próximos cinco quadros, 1, 2, 3, 4, 5, preciso mudar para algum lugar por aqui. Em seguida, mude-o para 20 negativo. Então vá em frente um pouco. Mova isto para a esquerda, mude para 15 positivo, e depois mova-o para aqui, mude para 8 negativo. Então lembre-se, nós também precisamos fazer um overshoots só para ter certeza que ele vai mais um pouco, assim. Então para um valor positivo, provavelmente cinco. Então ele pode se estabelecer em posição. Essa é a animação toda. Então precisamos selecionar tudo com o botão direito do mouse, Alternar Hold quadros-chave, torná-lo um quadros-chave de espera. Vamos pré-visualizar. Sim. Embora eu sinta que é um pouco demais, talvez eu precise fazer a mudança de posição mais suave. Neste momento, o contraste é muito grande. Para a primeira posição, esta boa, e esta posição aqui, posso arrastá-la um pouco, arrastá-la para dentro, movê-la para dentro. Eu sou como, sim, isso funciona. Isso é bom. Salve o projeto. Temos esta forma aqui. Preciso mover o ponto de ancoragem da forma até o centro. Para este é bem simples. Eu posso duplicar esta animação de Nova York, que é apenas uma mudança de escala de 0-100 por cento. Eu posso arrastar o indicador da linha do tempo para zero segundo e colar no Comando V. Agora, ele tem a mesma animação que o texto de Nova York. A mudança de escala de 0-100, pode ser muito simples. O boné é o mesmo. No entanto, eu quero criar a sombra para o táxi. Onde está a minha sombra? Esta é a minha camada de sombra. Preciso colocar a camada de sombra no táxi. Agora, se eu quiser mover o táxi, vamos bater P para posição. Coloque um quadro-chave ali e, em seguida, mova-o um pouco. Mude a posição da tampa para a esquerda para que ela possa entrar a partir do lado esquerdo da tela. Vai ser um pouco assim. Vai entrar por talvez meio segundo. Isso é bom. Então temos a placa da rua. Acho que a placa de rua é bem simples. Posso cortar o sinal da rua. Eu não quero fazer nenhuma animação chique. Mas este aqui, isto é uma tocha, e esta é uma cor. A cor também pode cortar, não quero animar a cor. Isso é sobre isso. Isso é sobre a animação que eu preciso para esta cena aqui. A última coisa que eu preciso fazer é o mesmo que o primeiro quadro, eu preciso adicionar algum efeito de manobra a todos os elementos aqui na cena, e então organizar a ordem para decidir qual elemento vem em primeiro lugar e, em seguida, qual elemento entra em segundo. Deixe-me organizar a ordem primeiro. Primeiro de tudo, acho que quando chegar, quero que o fundo de Nova York fique em primeiro lugar, assim. Então eu quero que a placa da rua corte dentro, mova isso para trás. Temos o fundo da imagem cortado. Temos o fundo da imagem a entrar, e depois temos o sinal da rua cortado. Então temos a pequena camada de forma vindo do lado. Então, quero que o táxi venha pela esquerda. No entanto, eu não quero que o táxi para cruzar com a estátua, vai fazer a cena bagunçada. Provavelmente quero que a estátua apareça um pouco mais tarde. Quero o táxi em primeiro lugar, a estátua em segundo lugar, e depois o texto de Nova Iorque a chegar por último. Chega um táxi, e depois, quando passar por este ponto, quero que o estatuto entre. Depois, quando a estátua subir, quero que a mensagem de Nova Iorque chegue. Essa é a ordem certa que eu quero. Deixe-me mover a estátua um pouco mais cedo. Sim, isso é bom. Comando S para salvar o projeto. Agora só preciso voltar ao quadro 1. Basta clicar em qualquer uma das camadas e, em seguida, ir para Controle de Efeitos, copiar o Wiggle, bem como o Posterize Time. Comando C, e, em seguida, voltar para o projeto, voltar para o quadro 3. Deixe-me apenas tentar adicionar esses efeitos a tudo na cena, exceto para o fundo e as texturas aqui. Em seguida, Comando V, cole-o. Vamos pré-visualizar. Uma coisa que eu notei é que a sombra não está mais seguindo o carro, está bagunçando com o carro. Acho que para a camada de sombra, não posso usar o Posterize Time. Basta apagar este Posterize Time na sombra. Ou é por causa do carro? Eu acho que o carro que não podemos usar porque o carro está vindo muito bem, o táxi, não podemos usar o Posterize Time no táxi, apagar isso. Então a Estátua da Liberdade também está confusa, preciso apagar o Tempo de Posterização aqui. Este aqui. Excluir. Deixe-me antever. Sim, isso parece muito bom. Eu gosto disso. Isso é tudo para esta cena aqui. Vamos passar para o próximo vídeo. 14. Animação da cena de Roma: Vamos animar a cena 4, que é a cena de Roma. Aqui vamos nós. Já temos esta cena de Nova Iorque animada. Isto é o que parece agora. Depois desta cena, podemos trazer a cena de Roma aqui. Vamos voltar para o painel do projeto aqui. Já temos a composição da cena 3 dentro da nossa composição principal. Agora tudo o que eu preciso para entrar no quadro 4, e então basta copiar tudo no quadro 4, “Command C”, voltar para a composição principal. Clique na camada superior e, em seguida, comando V, colá-lo em. Arraste todas as novas camadas até a parte de trás em torno da marca de 12 segundos. É aqui que queremos que a cena de Roma comece. Agora o que precisamos fazer é mover este quadro 3 para a esquerda, e então introduzir o quadro 4, é muito fácil. Pressione “P” no teclado com o quadro 3 selecionado. Então eu posso apenas adicionar um quadro-chave na posição, ir para frente 10 quadros, arrastar tudo para a esquerda para que ele esteja se movendo para fora da tela como uma caneta de câmera. Aqui o que precisamos fazer para mover o quadro 4 é, você sabe o que, eu acho que para facilitar, o que eu posso fazer é, eu não preciso copiar todas essas camadas em nossa composição principal. Deixe-me deletar isso. Em vez disso, posso fazer a mesma coisa com o quadro 3. Quando eu estava fazendo quadro 3, eu apenas copiar as camadas inteiras. Eu só arrasto a camada inteira, apenas apago tudo isso. Então eu arrasto este quadro 4 composição externa inteira para esta composição principal. Então eu animei tudo dentro do quadro 4, poderia tornar a transição mais fácil. É apenas duas maneiras diferentes de trabalhar, e você pode escolher o que você preferir. Às vezes você pode animar a transição mais facilmente com a composição principal dentro da composição principal. Então você anima tudo dentro deste quadro 4 composição, se isso faz sentido. Uma vez que temos aqui, temos uma caneta de câmera à direita, então precisamos adicionar propriedade de posição a este quadro 4, avançar 10 quadros e, em seguida, mover esta cena de Roma para a direita. A cena de Roma está do lado direito desta cena de Nova Iorque. Quando se move, se move assim, é como uma caneta de câmera. Assim, funciona. Agora eu só preciso adicionar uma mudança de velocidade do quadro-chave para 66. Em seguida, talvez arraste os dois quadros-chave mais distantes para tornar a transição mais suave. Deixe-me antever, isso funciona. Isso parece legal. Primeiro eu preciso ir para o quadro 3 para copiar a camada de textura, “Command C”, e depois descer para o quadro 4, ir para o quadro 4. Aqui é onde nossa animação de Roma será animada. O fundo, torná-lo maior. Deixe-me apenas colar na textura animada. Agora podemos excluir o original. Esta cena é semelhante à que tínhamos antes. Temos a sombra da bicicleta. A sombra da bicicleta deve ser o pai da bicicleta. Preciso descobrir qual é a moto. Este preto e branco 11 é a moto, então eu preciso ter moto aqui. Então eu preciso criar a sombra para a moto. Precisamos criar os dois gráficos aqui, para a moto também. Agora, se colocarmos propriedade posição na moto, é tentado animar a propriedade posição da moto. Ok, isso é bom. Quero que a moto venha do canto superior direito, assim. Em seguida, clique com o botão direito do mouse em Keyframe Velocity, altere para 66 Coliseu. Quero que o coliseu cresça a partir do centro daqui. Deixe-me mudar os pontos de ancoragem com a caneta atrás da ferramenta para o centro do coliseu. Lá eu posso pressionar “S” para escala, adicionar um quadro-chave e, em seguida, mudar o início para zero. Temos esta animação aqui, clique com o botão direito do mouse em Keyframe Velocidade mudar para 66. Agora temos o coliseu crescer assim. Isso é bom. Então temos a sombra do coliseu. Eu quero criar a sombra para o coliseu para que eles cresçam juntos. Então este gráfico aqui, eu quero ter o mesmo tratamento que a estátua na cena anterior. Preciso animar manualmente. Ter uma posição e propriedade de rotação. Vá em frente em torno de 25 quadros, talvez um segundo, e então mova esses dois quadros-chave porque estes são a posição final e rotação para este gráfico, vamos movê-lo para o início. Posso movê-lo para cima, mudar a rotação negativa 20, movê-lo para cima. Então, quando ele cair, eu posso arrastá-lo para cá. Eu posso arrastá-lo para o lado e, em seguida, mudar a rotação para um valor positivo, positivo 15. Quando se trata da direita, negativo 9, positivo 6, negativo 5. Lembre-se de colocar em uma superação para ter o elemento ir sobre positivo 7 talvez, e depois se estabelecer de volta na posição. Clique com o botão direito Alterne mantenha pressionado o quadro-chave. Deixe-me colocar a pré-visualização da configuração, os pontos finais, colocar N no teclado e, em seguida, vamos pré-visualizar. Isso é bom. Nós temos isso, esses dois elementos podem simplesmente cortar dentro Isso não importa. A última coisa são os antecedentes. A forma azul de fundo aqui. Isso está dentro da composição de fundo. Preciso trazer isso para fora do Comando X, trazê-lo para fora da composição de fundo. Isto vai ser o mesmo que o quadro 3. Eu só preciso voltar para o quadro 3 para copiar a animação e quadros-chave e tudo mais. Nós copiamos este “Comando C” ou o que eu posso fazer é, eu posso apenas copiar os efeitos desta camada, e então voltar para o quadro 4, comando V, colá-lo, movê-lo para a frente. Eu posso mudar o ângulo da limpeza linear um pouco para que fique melhor assim. Isso é bom. Temos uma mensagem de Roma aqui. Preciso definir o ponto de ancoragem para o centro do texto. Vamos definir o ponto de ancoragem aqui. O que podemos fazer é voltar ao quadro 3, para copiar a animação deste texto de Nova Iorque. Há dois benefícios quando você está copiando e colando quadros-chave. Uma é que você não tem que fazer isso de novo. O outro como você pode manter tudo consistente. Só preciso achar essa mensagem de Nova York aqui e copiar os quadros-chave. Volte para o quadro 4. Essa é a Roma. Em seguida, certifique-se de que você tem o indicador de linha de tempo como zero segundos porque ele vai colar no quadro-chave com base em onde seu indicador de linha de tempo está. Isso é bom. Agora devemos ter todas as animações aqui. Só preciso reorganizar o pedido um pouco. Preciso que os antecedentes venham primeiro. Então eu quero que o coliseu entre logo após o fundo azul, talvez por aqui. A moto entra e, em seguida, este gráfico entra. Roma deve vir na última. Estes dois, podemos arrastá-lo mais para baixo. Este gráfico, eu quero que ele, uma espera, eu quero que este gráfico venha um pouco mais tarde. Quero coliseum em primeiro lugar porque esse é o principal ponto focal da nossa cena. Temos o coliseu, temos a moto. Então, de cima, há este gráfico aqui. Quando o gráfico se instala, temos esses pequenos elementos gráficos entram assim, o que é bom. Agora o que eu preciso fazer é trazer o efeito de manobra e o efeito de tempo de posterização para esta cena também. Basta voltar para a camada de bagagem, “Comando C” e depois voltar para o quadro do projeto 4, deixe-me apenas colar o efeito em tudo, e então nós podemos consertar qualquer coisa que não está parecendo certo. Aqui você pode ver que o efeito de posterização não pode ser aplicado à sombra. Tudo o que tem sombra vai atrapalhar o efeito de posterização. Preciso apagar o efeito do coliseu. Então eu preciso excluir o efeito, eu acho que da moto, mas a moto parece bem. Vamos pré-visualizar. É isso com a animação da cena de Roma. Parece bem legal. Vamos passar para o próximo vídeo. 15. Transição para o logotipo: Bem-vinda de volta. Até agora fizemos todas as animações para as quatro cenas principais. Aqui está o que parece. Como você pode ver, a animação em si, as quatro primeiras cenas , já são 15 segundos. Neste vídeo, eu vou terminar com os dois últimos quadros, que são a nossa Transição de Logotipo e o Logotipo Lockup. No final, o vídeo inteiro pode chegar a 20 segundos, o que é bom. Sem mais delongas, vamos começar. Depois da quarta cena, vamos aguentar essa cena de Roma por alguns segundos e então podemos mover essa coisa toda para baixo para fazer a transição para fora da tela. Podemos adicionar um quadro-chave aqui e, em seguida, avançar 10 quadros. Mova a posição para baixo assim. Agora temos uma cena vazia aqui. Agora aqui está um problema, eu sinto que eu posso ver essa textura se movendo com o gráfico. Talvez eu precise excluir toda a animação de textura com todos os pré-comps e, em seguida, basta colocar a animação de textura fora nesta composição principal. Você sabe o que eu acho que vou fazer isso, eu só lembro que temos essa animação de textura, o fundo branco, selecionar os dois, e depois colocá-los todo o caminho para o segundo 0, movê-los todo o caminho para baixo. Agora, na composição principal, eu tenho uma animação de textura que continua animando sem parar. Neste caso, posso esconder a textura e o fundo. Textura de fundo, composição principal. Ocultar o fundo e a textura dentro de cada composição. Este é o esconderijo de animação de textura e, em seguida, este é um fundo para a segunda cena. Vou esconder isso. Então, para a terceira cena, esta é a terceira cena, eu preciso esconder a textura, esconder o fundo, voltar. Em seguida, a quarta cena, vá para a quarta cena, esconda o fundo, esconda a textura. Agora o que acontece é que todos os textos para animação e o fundo estão dentro minha composição principal e há apenas um deles, enquanto antes eu tenho uma animação de textura dentro de todas as diferentes composições. Há quatro cópias diferentes em carimbo de data/hora diferente que é difícil de gerenciar. Agora eu só tenho uma versão da animação de textura dentro da nossa composição principal. É mais fácil gerenciá-lo dessa maneira. Como eu tenho esta cena de Roma ir para baixo, você pode ver que ainda há esta grande cor sólida de R, lembre-se, houve uma transição aqui. Esta transição R aqui está esculpindo a animação de textura na parte inferior. Preciso cortar esta camada. Então eu preciso cortar esta camada, a camada azul. O jornal, eu não preciso dele, eu preciso cortá-lo aqui. Então agora eu vou ser capaz de ver a animação de textura todo o caminho para baixo na parte inferior de lá. Isso é bom. A próxima coisa que eu preciso para obter os elementos do quadro 5. Basicamente, só temos uma linha aqui. Comando C, vá para Composição Principal, Comando V. Agora o que eu preciso fazer é só ampliar. Então deixe-me traçar uma linha aqui. Desenhe uma linha reta. Mantenha pressionada a tecla Shift para que você possa desenhar uma linha reta. Em seguida, deixe-me desativar a opção Preenchimento pressionada no Mac clique, clique, clique e, em seguida, clique no traçado, torná-lo cor preta. Mude o ponto de partida da camada aqui. Eu tenho uma linha aqui. Então preciso animar a opacidade da linha como se estivesse piscando. Preciso que a linha esteja a 100% do primeiro e, em seguida, talvez 1 , 2, 3, 4, 5, cinco quadros e preciso descer para 1, e depois 1, 2, 3, 4, 5, voltar para 98. Basicamente, preciso da linha para tremer algumas vezes. Eu estou tendo, no início, a linha é 100% e então ele vai para um por cento, quase desaparecendo, e depois volta para 98%. Preciso copiar o comando de três quadros-chave C e, em seguida, movê-lo para a frente um pouco e, em seguida, colá-lo para que a linha esteja piscando duas vezes. Deixe-me ver se está piscando. Sim, isso é bom. Eu preciso que o tempo de espera no meio seja um pouco mais longo para que eu mova o segundo conjunto de quadros-chave para longe do primeiro conjunto. Vamos ver o que parece. Isso parece bom. Só preciso movê-lo um pouco mais perto e depois deixá-lo piscar outra vez, três vezes cintilando. Agora eu preciso apertar P na mudança de teclado T. Eu preciso que esta linha viaje para a direita para trazer o texto. Eu preciso ter uma propriedade position aqui, definir um quadro-chave, ir para 10 quadros, e então mover a linha todo o caminho para onde o fim deste slogan está aqui. Em seguida, o que eu preciso fazer é desenhar um retângulo atrás desta pequena linha aqui. Eu preciso desclicar em qualquer camada e então apenas desenhar, ir até aqui para a ferramenta de retângulo, e então apenas desenhar um retângulo atrás desta linha aqui, talvez deste tamanho. Preciso desligar o curso, mantenha pressionada a opção. Desligue o traçado, clique, clique, clique no Preencher e torná-lo talvez uma cor vermelha, não importa. A cor deste não importa. Então eu preciso definir este novo retângulo para ser os filhos desta linha. Preciso do retângulo para viajar com linha. Use este chicote de seleção para direcionar a linha para o retângulo. Agora, se eu alternar a linha do tempo, você pode ver este retângulo apenas viajar com uma linha aqui. O que eu acho que não é longo o suficiente, eu preciso torná-lo maior. Este retângulo eu preciso para torná-lo mais longo. Vá para o Retangle Path, Size, eu preciso torná-lo um pouco maior e, em seguida, movê-lo para a esquerda. Isso é bom. Agora o que eu preciso fazer é mover este retângulo baixo e definir este retângulo para ser o Track Matte deste slogan aqui, basta ir para ter certeza que o retângulo está no topo do slogan e, em seguida, ir para a camada de slogan, ir para Track Matte, configurá-lo para Alpha Matte. O que ele faz é sempre que este retângulo rosa é visível, o texto por baixo vai ser visível. Agora, você pode ver se eu alternar a linha do tempo, quando o retângulo viajar com uma linha ali vai revelar o slogan aqui. Isso é bom. Salve o projeto. 16. Configuração do logotipo: Então o que eu preciso fazer é trazer o logotipo do quadro seis. Esta cor aqui, comando C. Volte para a composição principal, cole ambos dentro. Agora o que eu preciso fazer é eu preciso usar esta linha para voltar para a esquerda e, em seguida, rever o site. Como é que fazemos isto? Primeiro, quero que a fila volte. Basta ir para a propriedade position, pressione “position key-frame” e, em seguida, ir para a frente talvez 20 quadros. Então podemos fazer com que a linha volte assim. Então vamos ter este retângulo aqui para viajar com a linha expandir este retângulo para a linha aqui. Agora o que temos é algo assim. Uma vez que temos este retângulo viajar com a linha, podemos usar este retângulo duplicado Comando D para ser o fosco de controle deste texto aqui. Basta certificar-se de que o retângulo está no topo do travelholics.com e , em seguida, definir o Track Matte travelholics.com para Alpha Matte. Desta forma, podemos revelar o site. Mas acho que está um pouco confuso aqui. Estou a pensar que vou cortar a linha. Não quero que a linha conduza mais o retângulo. No entanto, eu quero que o retângulo se mova sozinho assim. Vamos ver o que parece aqui. Vamos fazer uma prévia. Parece bom, é muito lento. Sinto que o bar está vindo muito devagar. Não quero mostrar o bar completo. Quero cobrir uma parte dela, como talvez daqui. O que eu preciso fazer é talvez selecionar os dois quadros-chave que estão liderando a barra, ir para a velocidade do quadro-chave, mudá-lo para 66, torná-lo um pouco mais rápido. Então também quero cobrir o bar aqui. Eu quero cobrir o bar daqui, então eu preciso de outro Track Matte para a barra. Deixe-me desenhar outro retângulo. Tudo o que está lá fora nesta área. Eu quero usar este retângulo rosa para ser o Track Matte para este retângulo aqui e, em seguida, colocá-lo no topo. Certifique-se de definir este retângulo para ser Alpha invertido. Onde quer que haja esta cor rosa, não será visível. É aí que entra o invertido. Vamos ver algo assim. Vamos visualizar esta animação aqui. Isso parece bom. Parece bom para mim. Temos este tipo em vigor e, em seguida, rever o site. Outra coisa que eu só quero ter certeza de que a margem em torno do retângulo é semelhante. Preciso mover este retângulo. Lembre-se do novo Track Matte para estar por aqui. Basta tocar a borda para que a margem possa manter a mesma esquerda e direita. Comece S, salve o projeto. Acho que é isso para a nossa animação completa. Vamos dar uma olhada e visualizar a animação. Aqui está o nosso vídeo final, vamos dar uma olhada. Como podem ver, esta é a nossa animação final. Ainda há coisas aqui e ali que eu gostaria afinar mais tarde se eu tiver tempo. Mas você começa a idéia, é assim que normalmente animar um estilo de colagem de vídeo explicador, olhar vintage e com stop-motion. Espero que quando você está fazendo seu próprio projeto, você possa julgar a animação e o movimento por si mesmo e também criar seus próprios movimentos. É isso com este vídeo, vamos passar para o próximo. 17. Exportação: Parabéns por terminar a animação completa. Neste vídeo, vou mostrar-lhe como exportar o arquivo para um vídeo em formato MP4. Se você quiser adicionar alguma música ou dublagem, você pode ir em frente com sua própria animação. Para música, você sempre pode ir on-line para encontrar algumas músicas livres de royalties para baixar e, em seguida, colocá-lo em sua animação, que vai definitivamente adicionar mais fator divertido para sua animação e torná-lo mais interessante e atraente para os espectadores. Além disso, a voz, se você quiser, você pode gravar alguma voz sobre você mesmo, mas por enquanto, neste vídeo, eu vou apenas mostrar-lhe como exportar este vídeo para um vídeo em formato MP4. Depois de ter feito toda a animação de zero segundo a 20 segundos, eu preciso definir o intervalo de visualização ou renderização para 20 segundos. Com meu indicador de linha de tempo em 20 segundos, eu apertaria “N” no teclado para definir o ponto final da renderização. Agora, posso ir para Composição, “Adicionar à fila do Adobe Media Encoder”. Depois que eu clicar nisso, ele vai abrir o Adobe Media Encoder. Assim que tivermos nosso arquivo adicionado ao Adobe Media Encoder, teremos algo assim, e então podemos mudar o codec aqui a partir deste menu suspenso. Normalmente, ele ficaria no H264, que é um vídeo em formato MP4. Você também pode exportar em formatos QuickTime aqui, e podemos deixar a predefinição como este, alta taxa de bits, e então podemos alterar nossa localização do arquivo. Aqui eu vou apenas nomeá-lo uma nova pasta chamada Saída, e então o nome do arquivo pode ser apenas ficar como Travelholics Animation. Clique em “Salvar” e, em seguida, clique neste botão “Play” aqui para começar a renderizar. Nossa animação está aqui. Vamos dar uma olhada. 18. Parabéns: Parabéns, você conseguiu. Agora, é hora de terminar seu projeto e compartilhar comigo e com seus colegas alunos. Certifique-se de postar seu vídeo no painel do projeto para obter feedback e inspirar outros alunos. Este não é um curso fácil, mas agora você terminou. Se tiver alguma dúvida, sinta-se à vontade para me contactar. Estou aqui para te ajudar. Se você não consegue se lembrar de algumas das técnicas ensinadas na aula, você sempre pode voltar e refrescar suas memórias. Eu também tenho um par de outros cursos se você quiser conferir para aprender diferentes técnicas e melhorar sua animação. Muito obrigado por fazer este curso. Espero vê-lo em meus outros vídeos. Saúde.