Noções básicas de animação quadro a quadro

1. Introdução: Meu nome é Kyle Cernicky. Eu sou um diretor de arte e designer atualmente trabalhando em Nova York e eu sou especialista em design digital, que é realmente qualquer tipo de design que pode ser encontrado on-line. Qualquer coisa realmente, desde páginas web até conteúdo de mídia social e tudo o mais entre. Uma das coisas realmente legais que eu amo sobre design digital e o que realmente torna interessante para mim é que você tem a capacidade de utilizar animações e animações. Isso é o que eu vou ensinar a vocês um pouco aqui hoje. Nesta classe, vamos criar uma animação celular. Vou mostrar a vocês três diferentes estilos básicos de ilustração que criarão uma aparência diferente em cada dos produtos finais e também três exemplos diferentes de como a animação celular pode ser aplicada. Vamos começar com animação celular por conta própria e, em seguida, passar para a animação celular em cima de uma imagem e, em seguida, terminar com animação celular em cima do vídeo. Realmente o que eu quero que você tire desta classe é que design na sua definição mais básica é realmente apenas resolução de problemas. Mas com o design, realmente não há resposta certa ou errada para como o problema é resolvido e eu acho que você vai ver isso nesta classe quando pegamos uma animação básica resolvida e transformamos em três produtos finais muito diferentes. Não se esqueça de me seguir e também rever esta aula. Eu adoraria ouvir o seu feedback e, em seguida, quando você tiver concluído o projeto, não se esqueça de postar seu projeto final na galeria de projetos. 2. Projetos de curso, dicas e truques: Muito bem pessoal, vou começar esta aula mostrando algumas dicas úteis e truques para mantê-los em mente durante as aulas. Aqui tenho as versões finais do que vamos criar. Esta é a animação cel por conta própria. Apenas uma ilustração quadro a quadro de, eu ilustrei o meu cão. Você é livre para ilustrar o que quiser. A parte dois é uma animação cel em cima de uma imagem. Eu escolhi usar esta imagem de produto aqui, este perfume. Em seguida, a terceira parte é a animação em cima de um vídeo. Agora com essas três partes, se você estiver fazendo quadro a quadro, que é o que vamos fazer para a primeira parte aqui, então ele será exportado como um gif. Você pode ver que aqui, podemos exportá-lo diretamente do Photoshop como um gif. Mas para o no topo de uma imagem e em cima de vídeo, eles serão exportados como arquivos MOVs ou MP4 então eu vou mostrar a vocês realmente rapidamente como transformá-los em gifs facilmente. O que eu faço é usar um site chamado EZGIF, então é E-Z-G-I-F. Em seguida, faça vídeo para gif. Escolha o arquivo. Vou usar este perfume. Abra. Carregar vídeo. Você pode ver no canto aqui que está carregando. Ele mostrará uma prévia da aparência do vídeo e, em seguida, você pode compactar o vídeo aqui embaixo. Eu só vou fazer 500 pixels, converter para gif. Está se convertendo e este boné está dançando. Lá vai você. Ele irá mostrar-lhe uma pré-visualização do gif e , em seguida, você tem que apenas selecionar Salvar. Ele virá aqui e guardará para você. É assim que você pega um arquivo de vídeo e o converte em um gif. Agora este é um gif que eu vou fazer loop. É também um arquivo compactado, por isso é facilmente o compartilhamento, através de um determinado e-mail. Outra dica útil aqui é peles de cebola e isso é algo que eu vou chamar quando começarmos a usá-lo também. Mas uma pele de cebola é basicamente uma camada que permitirá que você veja o quadro anterior e o próximo. Esta é a minha animação em cima do vídeo, que eu vou colocar mais em detalhes mais tarde nesta aula. Mas realmente, isso é o que parece sem peles de cebola e isso é quando você habilita peles de cebola. Isso é realmente útil quando você está fazendo quadro por quadro e você quer que as coisas sejam usadas sutilmente ou se movam ligeiramente com cada quadro. Você pode ver onde o último quadro foi e colocar o próximo quadro adequadamente de acordo com isso. Peles de cebola são seus amigos. Nós definitivamente queremos usá-los quando estamos usando uma linha de tempo no Photoshop. Algumas outras coisas aqui, pessoal. Vou começar um novo documento para mostrar um atalho do Photoshop se você for novo no Photoshop. Deixe-me me livrar da minha linha do tempo. Alguns atalhos aqui. B é o atalho do pincel. Queremos usar o pincel para fazer nossas animações quadro a quadro. Se quisermos mais de uma mão, ilustrada ou visual esboçado, P é o atalho para caneta, então esta é a caneta aqui em baixo e a caneta é semelhante à ferramenta no Illustrator. Vai deixar você desenhar pontos de ancoragem. Se você quiser desenhar forma personalizada lá está. Em seguida, A é o atalho para mover pontos de ancoragem individuais. Se você desenhar uma forma e quiser refinar os pontos, é com A. Quando você estiver usando a ferramenta caneta, selecionamos P e você deseja que ela seja uma forma. Verifique se você está selecionando Forma nesta seta suspensa aqui. Este menu suspenso aqui em cima, não Caminho. Caminho é para se você quiser digitar ao longo de um caminho, o que nós vamos estar usando a ferramenta caneta para nós estaremos usando uma forma. O que estou fazendo agora é Desfazer. Esse atalho é o Comando Z para desfazer. Também uma ferramenta útil, a borracha que atalho é E, borracha. Em seguida, para o pincel e borracha. Para torná-lo maior, você vai querer usar o suporte para cima, o suporte grande. Para torná-lo menor, você vai usar o suporte inferior ou menor. Essas duas teclas estão localizadas ao lado do P no teclado. Maior é o suporte maior, menor é o suporte menor. Isto é para a borracha e a ferramenta de pincel. Para ajustar a suavidade do pincel ou borracha, mantenha pressionada a tecla Shift e use os mesmos suportes. Para tornar o pincel mais duro ou tornar as bordas mais afiadas, mantenha pressionado o suporte Shift grande. Isso é tão difícil quanto o pincel pode ficar e para torná-lo mais suave, você mantém pressionado o suporte Shift menor e isso é para tornar as bordas mais suaves para que você possa ver a diferença lá. mesmo com a borracha. Em seguida, para ampliar facilmente e diminuir o zoom de sua tela Command Plus é ampliar, Command Minus para diminuir o zoom. Em seguida, se você manter pressionada a barra de espaço, poderá clicar e arrastar para qualquer lugar. Isso será útil quando você estiver ficando detalhado com suas ilustrações. Você pode facilmente ampliar e diminuir o zoom e arrastar para fazer com que as coisas pareçam como você realmente deseja. Essas são as minhas dicas para vocês. Apenas algumas coisas que eu gostaria que você tivesse em mente enquanto avançamos. Vamos em frente e começar a animação da célula por conta própria. Pode ser um pouco difícil de começar, mas tenha em mente, na minha opinião, este é o mais difícil só porque você não pode confiar em mídia externa. Se você pode passar pela primeira parte desta classe, você pode facilmente seguir em frente, para fazer a animação com imagem e animação em cima do vídeo. Com isso, vamos começar. 3. O que é animação Cel: Ei pessoal, vamos começar. Antes de entrarmos na parte do brainstorming, eu só quero definir melhor um pouco sobre o que é a animação cel. Basicamente, cel animation é apenas uma série de ilustrações reunidas para criar uma animação, ou um motion graphic. Eu acho que este exemplo aqui realmente mostra isso muito bem. Porque no topo você pode ver os esboços básicos que este criativo começou com e, em seguida, abaixo você pode ver o produto final. Então eu vou mostrar rapidamente alguns outros exemplos. Pensei que este era muito fixe. Ele mostra que você pode usar a animação cel para mais do que apenas ilustração, como ilustração básica ou desenho animado. Pode ser usado para tipografia expressiva como fizemos aqui. Este eu pensei que era um estilo legal de ilustração. Não é tão complexo de uma ilustração, estilo muito simples, paleta de cores mínima, mas realmente eficaz, especialmente com o loop que este criativo construiu. Isso significa que o último quadro de ilustração e o primeiro quadro de ilustração são os mesmos para que a animação possa ser executada continuamente sem interrupção. Então, se quisermos ir em frente e olhar um pouco mais de exemplos de animação cel, bem como começar a discutir sobre o que vocês querem criar. Voltaremos para a página inicial do Pinterest e apenas pesquisar animação cel. Então ele vai te dar uma tonelada de exemplos. 4. Animação básica: brainstorming: Primeiro, vamos começar por brainstorming para nossa primeira animação cel básica. Para fazer isso, vamos começar aqui no Pinterest. É aqui que eu gosto de começar muitos dos meus projetos. Isso realmente me ajuda a fazer minha criatividade fluir, me ajuda a pensar em novas idéias e me inspira. Então é assim que eu começo muitos dos meus projetos, apenas vindo para o Pinterest. Eu acho que para a minha primeira animação cel, a animação cel sem qualquer mídia externa, apenas ilustrações básicas quadro a quadro para criar uma animação, eu provavelmente vou fazer algo bem simples. Eu só vou vir para o Pinterest e procurar estilo de ilustração simples. Então aqui, ele vai te dar uma tonelada de exemplos, e como eu disse, isso é o que eu costumo fazer quando estou começando um projeto. Eu só percorrer e procuro coisas que me interessam, estilos que eu acho legais ou estilos que eu poderia me ver fazendo, aqueles que se encaixam no meu tom criativo de voz. Então você pode apenas criar uma placa. Tenho certeza que muitos de vocês já sabem como usar o Pinterest. Outro lugar para o qual eu normalmente procuro inspiração é apenas na minha vida real. Vou tirar a inspiração que recebi do Pinterest para animar o meu cão. Aqui está ela. O nome dela é Sydney. Eu tenho esta imagem que é sempre grande para começar a partir de uma imagem. Basicamente, é assim que se pensa. 5. Animação básica: esboço: Começando de onde paramos aqui no meu quadro do Pinterest, como você pode ver, eu fiz algumas pesquisas ao redor e encontrei algumas imagens adicionais que eu achei muito legal para a minha primeira eliminação. Eu realmente gosto deste aqui. Eu acho que o estilo é muito divertido e brincalhão e realmente mostra a atitude do cão, que eu definitivamente vou fazer rosa para o meu cão porque ela é uma diva como essa. Eu acho que este estilo também lhe dá um pouco de espaço de manobra tanto quanto a precisão das ilustrações. Isso pode ser um pouco mais livre e você pode ser um pouco mais liberal com seus desenhos e ainda vai sair muito, muito bom. Dito isso, vamos começar com o esboço aqui. Há realmente uma série de maneiras que você pode esboçar. Você pode fazer a mão livre. Você pode usar um tablet. Vou usar uma mesa digitalizadora Wacom conectada ao meu computador, com isso dito, vou descer até o meu Photoshop. Deixe-o abrir. Então eu vou apenas ir em frente para o botão Abrir que está bem aqui e, em seguida, minha imagem que eu quero usar como base, eu vou ir em frente e abri-lo. Abra nesta janela bem aqui. Ótima. Apenas desbloqueie isso porque eu quero mantê-lo uma camada, não um fundo. Então eu vou subir aqui para a opacidade e apenas deixá-lo cair um pouco para baixo porque eu quero ser capaz de vê-lo, mas eu também quero ser capaz de ver o que eu estou desenhando. Cerca de 90 por cento é ótimo, depende da imagem. Você pode ter que ir mais baixo um pouco. Então eu vou até a minha barra de ferramentas e selecionar o pincel. Ou você pode empurrar b e então você pode ver com minha caneta o tamanho do pincel mas você pode dimensionar o pincel para cima e para baixo em seu teclado como atalhos. Usando o suporte maior para subir e o menor para descer. Você também pode ajustar a suavidade do seu pincel mantendo a tecla Shift pressionada. Então, se você empurrar Shift, suporte grande, vai tornar o pincel mais duro. Então você pode ver esse derrame. Então eu vou apenas para Command + Z para me livrar disso. Ou você pode tornar o pincel mais suave pressionando Shift e segurando o suporte menor. Então você pode ver que essa linha tem uma borda suave. Então eu vou empurrar Command + Z para fazer isso desaparecer. Assim que você tiver seu pincel pronto aqui, a primeira coisa que você quer fazer antes de começar a ilustrar é criar uma nova camada com este pequeno ícone de papel dobrado. O que isso permite que você faça é desenhar na parte superior da imagem sem afetar a imagem por baixo. Você deve criar uma camada diferente sempre que quiser que uma parte independente da imagem se mova. Então, por exemplo, se eu quisesse desenhar um círculo aqui em cima, e então eu queria que esse círculo se movesse independentemente desse triângulo. Agora, já que estão na mesma camada. Eu só vou selecionar a ferramenta de movimento para mostrar isso ou você pode pressionar V para um atalho. Veja esses dois itens se moverem juntos. Ao invés de criar uma nova camada para o triângulo aqui embaixo. Então você pode ver que estamos movendo esta camada, eu posso mover o triângulo separadamente e depois o círculo separadamente. Você realmente quer pensar sobre sua animação final para que você possa configurar os arquivos de esboço adequados. Então a cabeça dela, eu só quero ser capaz de inclinar sobre um eixo enquanto ele está se movendo, o corpo permanecerá praticamente no mesmo lugar. Apenas os detalhes da pele se moverão ligeiramente. Então eu vou criar duas camadas. Então eu vou rotular uma cabeça e rotular um corpo e então nós estamos prontos para começar a ilustrar. 6. Animação básica: construindo: Muito bem, pessoal, bem-vindos de volta e como podem ver, adicionei algumas cores à minha ilustração sobre o meu cão Sidney aqui. Você pode ver que a coroa está separada, o corpo está separado, e a cabeça está separada. Isso é para que possamos mover essas peças independentemente uns dos outros enquanto estamos criando a animação celular, assim como o plano de fundo é separado. Então, se os desligarmos, você pode ver a imagem original aqui. Se você decidiu esboçar sua ilustração à mão, está 100% bem. Agora é o momento em que você precisa trazê-lo para o Photoshop. Vamos usar esta linha do tempo aqui em baixo. Se você não está totalmente satisfeito com sua ilustração, tudo bem. É tudo um processo de aprendizagem e esta aula é especificamente animação celular, não ilustrações. O que é importante é que estamos entendendo as etapas de animação dessa ilustração. O que eu fiz foi criar uma prancheta aqui. My Canvas está dentro de uma prancheta. Então eu vou para o painel de camadas e selecionar essa prancheta e , em seguida, basta empurrar Command J. O que eu quero fazer aqui é fazer a pele brilhar um pouco e fazer a cabeça inclinada no pairar da coroa. Para que eu faça isso, vou ter que modificar a pele um pouco e apenas inclinar ligeiramente a cabeça e mover a coroa. Movendo-se ou a coroa é a parte mais simples, eu posso simplesmente selecionar a camada de coroa e manter pressionadas as teclas Shift e Seta para movê-lo, ou eu posso simplesmente deslizá-lo assim onde eu quiser. Eu só vou para as teclas pressionadas para cima e uma para a esquerda. Então eu vou selecionar cabeça empurrar Command T para transformar, e apenas incliná-lo um pouco. Em seguida, empurre Enter e eu vou apenas empurrá-lo sobre para que ele alinhe melhor. Então eu quero que o for se mova um pouco, então eu vou selecionar a cabeça. Para isso, eu vou para a Ferramenta Liquefy, ir para Filter Dissolver. Então você pode ver que é aqui em cima, Comando mais para ampliar. Lá está ele. Então meu pincel liquefeito está enorme agora, eu vou encolher para baixo. Então eu vou apenas mover as linhas ligeiramente só para que você tenha um movimento sutil com a inclinação da cabeça, mas nada drástico. Então eu vou empurrar Ok. Você pode ver se eu empurrar o Comando Z, você pode ver isso é o que parece agora, mas isso é o que parecia antes. Edite, Redo, isso é o que parece agora. Isto é o que parece antes, super sutil. Então eu vou fazer a mesma coisa com o corpo. Isto é o que parece agora, isto é o que era antes, Editar, Refazer, ver como ele se parece agora e antes, sempre tão ligeiramente. Nesse passo você pode ver que inclinamos a cabeça, levantamos a coroa e ajustamos ligeiramente o primeiro. Vamos seguir em frente e repetir esse passo aqui. Um pequeno truque que aprendi foi construir a partir do quadro anterior. Em vez de começar com a imagem original, vai começar com o segundo quadro. Eu estou realmente indo para copiar o segundo quadro, renomeá-lo quadro 3. Então aqui você pode ver que a coroa está no mesmo lugar e a pele está no mesmo lugar, e as cabeças em segundo lugar. Não temos que fazer uma mudança tão drástica. Vou continuar fazendo com que a multidão se mova ligeiramente. Um empurrão e um empurrão. Em seguida, faça a inclinação da cabeça um pouco mais. Então vamos ajustar as linhas na pele da cabeça e do corpo como fizemos no último. Vamos continuar a fazer este passo. Construindo as camadas fora da camada original em, nós fizemos o nosso caminho de volta para a ilustração original. Agora aqui você vê que eu tenho todos os meus seis quadros são totalmente ilustrados. Eu acho que provavelmente a diferença mais claramente visível nos quadros ou as diferentes posições da coroa. Você pode vê-lo subindo aqui e depois voltar para o lugar. Então ele volta por aqui e vai para cima e para baixo. mesmo com a inclinação da cabeça na onda. Você deseja certificar-se de que cada quadro está ilustrado corretamente. Se você quiser que ele faça um loop, você tem que se certificar de que o primeiro quadro e o último quadro parecem muito idênticos, ou se não, são idênticos. Então o que você faz a partir daqui, eu vou salvar este documento, Salvar como. Então o que vamos fazer é Arquivo, Exportar, Prankboards para Arquivos. Ao fazer isso, certifique-se de que você está selecionado em uma prancheta específica porque, em seguida, ela só exportará essa prancheta. Certifique-se de que você está selecionado em uma camada dentro de uma das pranchetas, Arquivo, Exportar, Pranchetas para Arquivos. Então você quer ter certeza de que sabe onde você está guardando. Vou guardá-lo na pasta. Então você verá aqui isso é o que cada um dos JPEGs será nomeado, seguido pelo nome da prancheta. Eu só vou chamá-lo de ilustração Sidney e então ele vai dizer quadro 1, 2, 3, 4, 5 ou 6. Eu quero exportá-lo como um JPEG aqui. Então, basta empurrar correr. Ótima. Então o que eu vou fazer é Abrir um novo documento e ter a camada base ser quadro 1. Basta abrir o quadro de um dos JPEG que você acabou ilustrar e, em seguida, voltar para baixo onde diz criar animação de quadro. Este será o nosso primeiro quadro. Então vamos adicionar aqui todos os outros quadros ou simplesmente abrir seu localizador e, em seguida, arrastar e soltar o resto dos quadros em sua imagem. Minha animação tem seis quadros, eu vou criar seis quadros na linha do tempo aqui em baixo, 1, 2, 3, 4, 5, 6. Você pode ver os números no canto. Você vai voltar para o primeiro quadro e ocultar todos os quadros posteriores e certificar-se de que este é o primeiro quadro porque, em seguida, ele irá aplicar essa ação para os seguintes quadros. À medida que descermos, vamos clicar no quadro 2. Em seguida, deixe o quadro aparecer, quadro 3, deixe o quadro 3 pop, quatro, deixe o quadro 4 pop up, cinco, a mesma coisa e assim por diante e assim por diante. Neste momento, o tempo está definido para zero segundos, o que é muito rápido. Vou fazer 0,2 segundos. Então aqui você pode mudar se você quiser que ele loop três vezes, uma vez ou para sempre. Eu projetei o meu para ser um loop. Eu vou dizer para sempre. Então eu vou deixar pra lá. Aí está você. Novamente, você pode ajustar a velocidade para que eu possa fazê-lo ir. Sem atraso, que é a velocidade mais rápida, que é um pouco rápido demais. Posso fazê-lo ir um pouco mais devagar. Eu posso fazer um segundo inteiro por quadro, o que eu acho que dá um pouco lento. Vou fazer 0,2 segundos. Eu acho que é isso que eu quero que minha animação seja. Mas, novamente, você pode ajustar sua animação para qualquer velocidade que desejar. Em seguida, sintonize a próxima lição para ver como exportamos essas animações. 7. Animação básica: como exportar: Muito bem, pessoal, parabéns. Acabou de terminar sua primeira animação aqui. O último passo, encerrá-lo é apenas exportar. Realmente para este tipo de animação quadro a quadro, só há uma maneira de fazê-lo. Super simples. Você está indo apenas para ir Arquivo, Exportar, Salvar para Web, e então esta pequena janela vai aparecer e você vai querer ir, GIF, os diferentes números ou quantas cores estão no GIF. Às vezes você vê um GIF e as cores estão desativadas, isso é provavelmente porque ele está em um 64. O Dithered versus No Dither é como as cores se difundem umas nas outras. Para este estilo realmente básico de ilustração, não há realmente um problema. Você poderia fazer um 64, não se espalhou e ainda vai parecer bom. Mas eu normalmente apenas para a prática recomendada tendem a exportar em 128 dithered e você pode ver todas as cores que estão indo para a ilustração. Se você quiser redimensionar sua imagem aqui, tudo bem. Provavelmente vou abaixar um pouco. Não precisa ser assim tão grande. Eu só vou dimensioná-lo para 80% e ele vai fazer os pixels aqui. Como você pode ver, ainda parece grande resolução sábia. Então você vai clicar em “Salvar”. Eu vou salvá-lo na minha pasta sid aqui, e eu vou nomeá-lo apenas sidney.gif. Salve, e então aqui eu vou trazê-lo para cima. Você pode vê-lo aqui e é um GIF. Lá vai você. É assim que você faz um estilo muito básico de animação estilo quadro-a-quadro. Se você quiser clicar na próxima lição, vamos entrar em como combinar este formato com imagens. 8. Animação + imagem: brainstorming: Muito bem, pessoal, bem-vindos de volta. Aqui estamos nós novamente, começando a segunda parte de nossa lição de três partes de volta no Pinterest, onde eu disse que gostaria de começar a maioria dos meus projetos para obter inspiração e apenas obter a minha criatividade fluindo. Para a segunda parte, vamos continuar expandindo a animação cel que aprendemos. Desta vez vamos usar imagens, que parece mais complicado, mas na verdade torna o processo um pouco mais fácil. Então você vai ver isso. Só para você ter algumas idéias, eu puxei alguns exemplos de como isso se parece. Aqui está um ótimo exemplo usando animação cel com imagens e não deve ser confundido com stop motion. Muito disso é stop motion, que é uma série de imagens. Cel animação é uma série de ilustrações. A tipografia no início em particular é o que está usando animação cel aqui, bem como alguns dos elementos ilustrados adicionados no final. Deixei tocar de novo. Então aqui está mais um pouco. Você pode ver que a imagem em si não está se movendo. Isso seria “stop motion”. É apenas a ilustração que está se movendo e é isso que o torna cel animação. Novamente, você também pode ver diferentes estilos de ilustração que estão entrando em jogo aqui. Aqui está outro exemplo. Isso novamente utiliza algum stop motion. As imagens das maçãs na parte de trás são o stop motion, mas as animações e os salpicos, são animações cel. Isso é algo que você verá sendo usado muito com o produto. Então aqui está outro exemplo. Aqui o vidro no meio ou no fundo e no meio nunca realmente se move. São apenas as ilustrações e a topografia ao redor do exterior que dão ao vídeo quaisquer efeitos de animação ou movimento. Então, você pode realmente fazer um monte de animação cel. Apenas para uso prático aqui, vou selecionar uma imagem básica do produto e criar uma animação cel em torno disso. Para isso, vamos para este site que eu gosto de usar. Chama-se pexels.com. Tem imagens gratuitas e vídeo gratuito. Para isso, eu vou apenas procurar uma garrafa como meu produto genérico. Apenas com base no que você olhou no Pinterest e no que você se sentiu inspirado, você pode selecionar qualquer tipo de produtos que você quiser. Você pode tirar sua própria imagem que você deseja adicionar animação cel, totalmente bem. Fotografia de alimentos é ótimo para ele. Então eu vou apenas selecionar esta imagem. Eu gosto da flor e eu acho que ter flores crescendo nas laterais da garrafa será algo realmente fofo e brincalhão que podemos animar aqui e bem como encaixar a estética desta imagem. Eu só estou indo para ir aqui e “Free Download”. Isso vai ser baixado para o meu computador e então podemos começar o processo de desenho no próximo vídeo. 9. Animação + imagem: esboço: Acabei de baixar minha imagem aqui. Vou voltar para o meu Photoshop. Ainda tenho minha última animação aberta aqui. Eu só vou em frente, e abrir minha nova imagem, que está na minha pasta de downloads, já que eu acabei de baixá-la. Aqui está. Vou renomear isso, e salvar isso em um local diferente. Para a parte do esboço, eu só vou fazer um esboço áspero, e jogar com as cores, e descobrir o que exatamente eu quero que a animação celular faça. Estou na escova aqui. Estou pensando que talvez seja bom ter algumas flores vindo aqui. Eu só brinco com ele. Vou fazer um estilo mais refinado de ilustração. Isso está apenas me ajudando a obter idéias sobre como a física da animação vai ganhar vida. Trabalhando com uma imagem, eu acho que é um pouco mais fácil do que apenas fazer uma animação celular por conta própria, simplesmente porque você tem o produto para trabalhar, e você pode sair dele. O que estou fazendo aqui é que eu poderia ter uma animação comum ao redor do lado da garrafa, e então desembrulhar. Como eu disse, as flores que florescem aqui podem ser boas. Talvez ter perdido o perfume. Basta continuar brincando com ele, e descobrir o que é que você quer fazer, e colocar seu esboço em um lugar onde isso é o que eu quero que ele pareça quando tem mais animação acontecendo. Então é quando se ainda não é digital, vai trazê-lo para um espaço digital, que possamos começar a construir a animação no topo. 10. Animação + imagem: construindo: Na última lição, terminamos nossos esboços sobre a imagem que você selecionou. Como pode ver aqui, terminei meu esboço. Eu fiz um estilo um pouco mais refinado, a última ilustração, que foi um pouco mais livre mão, mas desta vez eu uso a ferramenta caneta com a ferramenta pincel em cima para alguns dos detalhes. Você vai ver mais de como isso funciona quando eu mergulhar em começar a construir este celo fora. Eu quero começar esta animação com o seu esboço praticamente construído para fora, então você tem que construir em cima de quando você está construindo os quadros. O que vamos querer fazer é arquivar, salvar como JPEG. Vamos abrir uma nova janela com o JPEG plano. Aí está, ótimo. Então eu vou começar por cortar isso um pouco. Não há realmente nenhum elemento ilustrativo aqui, então eu vou apenas cortar esse lado para fora e trazê-lo mais centrado. Você pode cortar usando o atalho C e, em seguida, apenas arrastando-o e, em seguida, digite ou marca de seleção. Esta vai ser a minha camada de fundo, e então eu vou basicamente desenhar quadro por quadro em cima disso, a fim de tê-lo embrulhar e pressionar e esguichar. O que queremos fazer agora é voltar para janela e linha do tempo, e em vez de criar uma animação de quadros, desta vez vamos fazer uma linha de tempo de vídeo. Lá estamos nós. Isto parece um pouco diferente, em vez do quadro a quadro, você vai ter esta linha do tempo. Esta outra vez vai ser a camada que eu estou rastreando em cima. Vou diminuir um pouco a opacidade, e então o que você quer fazer é File, Place Embedded. Você vai querer adicionar na sua imagem original e, em seguida, apenas alinhá-la. Lá vamos nós. Vou deixar isso para trás e também diminuir um pouco a opacidade. Ótima. Agora você tem essas duas camadas de vídeo, esta camada zero é apenas para rastrear. Algumas dicas diferentes para tornar isso mais fácil é que você deseja habilitar peles de cebola, que basicamente uma pele de cebola permite que você veja o que a camada anterior tem, ou o quadro anterior tem. Basicamente, se eu fosse desenhar algo no primeiro quadro, como um grande rosto sorridente aqui, e então eu passar para o próximo quadro. Você ainda pode vê-lo de forma transparente, mas não está na moldura. Se eu desativasse as peles de cebola, você não veria, mas volte e está naquela moldura. Vou apagar isso e, em seguida, ativar skins de cebola novamente, e, em seguida, algo mais que você quer ter certeza é definir a taxa de quadros da linha do tempo, 30 quadros por segundo. Vai dar-te muitos detalhes. É basicamente dizer que você vai fazer 30 ilustrações diferentes ou 30 peças diferentes de ilustração por segundo, que é muito, e isso não é realmente necessário o tempo todo. Se você quer uma animação super suave, você vai ter que fazer mais quadros por segundo. No entanto, eu acho que para este cenário, seria bom fazer 23 ou 15 quadros iguais por segundo. Vou cortá-la para 15 quadros por segundo. Vai ser uma animação mais choppier, mas vai realmente limitar a quantidade de quadros que você tem que criar para construir esta animação. Eu tenho minha imagem base no fundo e isso vai acabar fazendo parte da animação, o produto final. Então eu tenho essa camada que eu vou estar rastreando por toda parte, que eu já ilustrei com base na fase de esboço. Então eu vou em frente e pegar a ferramenta de caneta, e eu vou mostrar a vocês como usar isso. Como eu disse, este é um estilo diferente de ilustração que eu acho que a ferramenta caneta é mais adequada para o que o pincel. Vou em frente e usar a ferramenta de caneta aqui em baixo. Quando eu começar a usar a ferramenta caneta, ela vai criar outra camada de forma aqui na linha do tempo. Vou começar na base da animação onde quero que a moção comece. Lá você pode ver que começou uma nova camada de forma, e então eu tenho minha camada de esboço e minha camada de imagem. Eu só vou movê-lo um quadro, e então eu vou cortar esta camada bem aqui. Certifique-se de que a camada Forma está selecionada, e então você pressiona a tesoura e então você pode excluir isso; mas então, se você olhar de perto, porque você tem peles de cebola habilitados, você ainda pode ver qual era a última forma sem estar presente neste quadro. Isto é quando está no quadro, e isso é o que a pele da cebola, você pode vê-lo sutilmente. Agora você sabe como mover a forma continuamente para que seja o próximo passo depois disso. Eu só vou fazer assim. Basta usar a ferramenta de caneta desenhando pontos de ancoragem ali mesmo e, em seguida, passar para o próximo quadro. Certifique-se de que você selecionou esta forma e, em seguida, pressione a tesoura, e então lá vai você, você pode ver sutilmente a forma novamente, mas é assim que ela se parecerá. Isto é o que vai parecer na animação, e então é assim que uma pele de cebola permite que você a veja. A pele de cebola é super, super útil para animação cel porque permite que você construa sobre si mesmo. Vou continuar a fazer isso usando os pontos de ancoragem para construir ao longo do meu esboço. Vamos movê-lo sobre quadro a quadro até que o movimento completo do meu esboço esteja completo. Realmente este esboço é apenas uma diretriz. Se você achar que você começa a fazê-lo e ele não segue o esboço exatamente isso é totalmente bom. Novamente, então a animação se move muito rapidamente, então nem todos os quadros têm que ser totalmente perfeitos, porque você só vai ver esse quadro por um segundo. Então o que eu também vou fazer aqui é eu vou adicionar uma nova camada, nova camada de vídeo em branco. Você verá isso na sua linha do tempo. Vou deslizá-lo para cima, por isso é sobre toda a linha do tempo. O que eu quero fazer, quando eu quero começar a adicionar os pincelados que estão em cima do meu esboço aqui, aqueles serão desenhados na camada de vídeo. Portanto, certifique-se de que você está na camada de vídeo aqui, você não está desenhando em cima de uma forma caso você queira ser capaz de remover isso na animação final. Se você sabe com certeza que você vai querer ter isso na animação final, você pode desenhá-lo em cima de sua forma, mas eu gosto de manter minhas camadas separadas e independentes umas das outras no caso de haver algo que eu queira mudar mais tarde. Então eu só vou selecionar meu pincel e subir aqui, e eu usei um pincel de caligrafia para fazer esses detalhes. Só vou me certificar de que estou na escova de novo, e então vou voltar aqui, aumentar a opacidade por um segundo para que eu possa obter a cor adequada. Eu só vou deixar cair isso aqui, depois baixar a opacidade para que você possa ver suas peles de cebola. Selecione a camada, pincel, certifique-se de que você está na cor certa. Acho que vou querer que isto seja um pouco mais leve. Novamente, nem tudo tem que corresponder perfeitamente ao seu esboço, é apenas uma orientação áspera. Vou começar isto aqui e depois passar para o próximo quadro. Se você ver, você ainda pode ver esta linha. Eu vou até aqui e estendê-lo, que pareça que está se movendo, e então eu vou fazer outra forma com a caneta. Se em algum momento você achar difícil usar as peles de cebola, você pode alterar as configurações. Você pode diminuir a opacidade da pele da cebola ou aumentar a opacidade, então este está tornando mais fácil de ver. Você também pode alterar o modo de mesclagem. Depende da cor da sua imagem, quanto ao que o ajuda melhor. Eu acho que o meu é melhor em multiplicar e cerca de 75 por cento. Deixe-me usar a caneta, desenhar outra forma. Eu quero que minhas pinceladas sejam ligeiramente em movimento enquanto esta fita está enrolando em torno da garrafa. Estou movendo um pouco o pincelado como ele vai. Você pode vê-lo começando a se unir, e você verá suas camadas sendo construídas conforme você avança. Isto é apenas novamente, o início, mas você pode ver o vermelho vindo através da garrafa, bem como o pincel dourado pincel começando a se formar. Vou continuar com isso até que a garrafa se envolva completamente. Como você pode ver, essas camadas anteriores foram passos para que quando a nova forma começa, a outra forma não é mais visível, mas esta eu vou querer duas formas visíveis ao mesmo tempo, então essas camadas estão em cima de cada outro. Como você pode ver aqui, eu tenho um monte de camadas acontecendo e isso é só porque eu estou me movendo um pouco quadro por quadro. Só porque eu quero que esta fita flua bem em torno da névoa aqui. Estou quase terminando. Eu quase desenhei tudo. Vou desactivar a camada de pele de cebola para que possas ver. Mesmo se você apenas passar, você pode testá-lo. Vou continuar aqui e terminar com o spray, e na próxima lição, mostrarei a vocês como salvar e exportar isso. 11. Animação + imagem: Exportação: Tudo bem, pessoal. Então eu acabei de terminar todas as camadas para construir minha animação. Eu tenho muito aqui, só porque havia muita coisa acontecendo na minha animação. Cada uma dessas formas roxas ou cada uma dessas camadas roxas é uma forma diferente. Então esta camada azul tem todas as minhas pinceladas nela. Só porque toda vez que você cria uma nova forma, com a Caneta, ela criará uma nova camada roxa. Você pode ver no meu painel de camadas, eu tenho 41 formas para criar esta animação. Então a única camada tem todas as minhas ilustrações. Quando você terminar todas as camadas, você pode ampliar e reduzir a sua linha do tempo aqui com esta tão pequena cadeia de montanhas em uma grande cadeia de montanhas. Você pode ampliar indo em direção a uma grande cordilheira e diminuir o zoom movendo-se em direção ao pequeno. Se reduzir o zoom, poderá ver que pode ajustar o comprimento da linha do tempo. Eu só vou endereçar o meu para onde minha animação está concluída. Você pode ver aqui, este é o último dos meus cuspes saindo. Eu só vou arrastar este pequeno marcador para baixo. É aí que minha animação começa e termina. Então, se você quiser rolar para trás, trás e para frente, você pode ver a animação ganhar vida. Agora tenha em mente que isso é com peles de cebola. Vou desactivar as peles de cebola. Então é assim que a minha imagem original se parece. Você pode rolar ou você pode esfregar para frente e para trás aqui para ver a animação acontecer. Então o que eu também fiz foi trazer a opacidade aqui. Você está apenas usando esta imagem como um modelo. Eu mencionei a opacidade e também removi este jogador que tinha o seu esboço. Esconda essa camada. Então eu vou voltar para o início. Em seguida, você pode clicar em “Play” na sua linha do tempo. Botão Tocar aqui. Assista a sua animação ganhar vida. Se você vir algum erro, você sempre pode empurrar o play e, em seguida, pará-lo. Diga que vi um erro lá. Não gosto de nada sobre a aparência deste pincelado. Tudo o que você precisa fazer é selecionar a camada que tem seu traçado de pincel. Eu posso usar o apagador que é o atalho e, e eu posso simplesmente apagá-lo. Nenhum Comando Z vai recuperá-lo. O mesmo com todas as suas camadas de forma. São todos facilmente ajustados. Alguns outros atalhos rápidos aqui, se você pausar e você não consegue colocá-lo no quadro certo para mover um quadro para a frente como este aqui. Um quadro para trás esta é a chave para trás aqui. Você pode simplesmente mover quadro por quadro. Também é legal ver sua animação se mover lentamente assim. Agora vamos exportar isto. Como fazemos isso é ir para este ícone de hambúrguer onde você habilita peles de cebola. O que você vai selecionar “Renderizar vídeo”. Vai levar um segundo. Então o que eu normalmente renderizo é H.264. Isso lhe dará um arquivo Mp4. Se você quiser exportar com um plano de fundo transparente, você vai querer fazer um vídeo de tempo rápido. Se você quiser um plano de fundo transparente onde você criou uma animação de célula que você deseja colocar em cima de outra coisa, isso será QuickTime. Mas para isso, eu quero que ele esteja em cima da imagem. Eu só vou fazer H.264, que é novamente um arquivo Mp4, que você pode ver aqui em cima esboçar perfumes. Mp4. Eu vou mudar isso para animação de perfume e, em seguida, eu vou selecionar a pasta que eu quero exportar neste na pasta de imagem que tem todos os meus arquivos de trabalho a partir deste. Então nós vamos apenas selecionar “Render” e ele vai renderizar vídeo exportando. Mas parece que acabou de exportar aqui. Eu só vou para o meu localizador, para o local onde eu guardei. Então aqui está. Deve ser explorado como um Mp4, que é um arquivo de vídeo. É assim que você cria uma animação de célula em cima de uma imagem. Sinta-se livre para postar seus projetos finais no painel do projeto. Eu adoraria ver o que vocês fizeram e sintonizar minha próxima lição que eu vou mostrar a vocês como criar esse efeito em cima de um arquivo de vídeo. 12. Animação, vídeo : brainstorming: Pessoal, bem-vindos de volta à terceira parte do aprendizado sobre animação celular. Aqui estamos novamente de volta ao meu lugar favorito para brainstorm Pinterest. Para esta lição, vamos discutir sobre o que queremos criar para a nossa animação celular no topo do vídeo. Mais uma vez eu puxei alguns exemplos para vocês verificarem. Animação em cima do vídeo é o conceito semelhante. É uma série de ilustrações quadro a quadro juntas para criar movimento. Desta vez estamos incorporando um fundo de vídeo. Achei que esse era um exemplo muito legal. Eu acho que ilustra o movimento no vídeo muito bem, e esta é uma animação celular muito avançada. Isso provavelmente vai 23 quadros por segundo se não 29 ou 30, isso é super suave e muito detalhado. Aqui está outro exemplo. Isto é um pouco mais lento e um pouco mais picante. Um pouco menos quadro por segundo, eu diria. Esse é outro grande exemplo. Aqui está outro. Muitas vezes com animação celular, Eu vi apenas usando efeitos de esboço branco. Apenas um pincel branco, só porque o branco se destaca contra o fundo em movimento. Em seguida, outro legal que eu queria mostrar a vocês que eu vi no meu Instagram, e eles realmente fizeram um efeito de esboço com ele parece um pincel, mas então eles adicionaram um brilho para que pareça néon. Para mim, o que eu estou fazendo, então animação em cima do vídeo, Eu tipicamente usá-lo para enfatizar o movimento. Eu acho que além deste vídeo aqui, este vídeo parece que ele está usando esboço para fazer backup dos elementos de narração do vídeo. Mas eu acho que é muito divertido de usar ao mostrar movimento, que é o que este vídeo faz, assim como este vídeo. Para este projeto, vou pedir-lhes para escolherem algo onde possam mostrar alguma moção. Para mim, onde eu gosto de ir, vou conseguir filmagens de estoque e imagens de estoque são Pixels. Nós vamos para Pixels, e a página inicial irá levá-lo para imagens. Mas queremos ter certeza de que estamos vendo o vídeo Pixels, então pesquise o vídeo Pixels. Eu vou procurar vídeos de skate, porque eu acho que isso seria algo que é muito legal para adicionar um efeito divertido. Você pode rolar por aqui. Pixels tem muitas opções. Se você quer um vídeo de dança, você pode procurar isso, e há muito. Mas para mim, pessoalmente, acho que vou usar um vídeo de skate. Vá em frente e tire algum tempo pessoal para descobrir o que você quer que sua animação de celular esteja em cima. Vou em frente e escolher um desses vídeos de skate. Se vocês querem filmar algo por conta própria, em seus smartphones, isso é ótimo e definitivamente funcionará. Na próxima lição, vou ensinar-lhe como criar storyboard e planejar sua animação celular em cima do vídeo. 13. Animação + vídeo: storyboard/esboço: Bem-vindo à próxima parte da animação celular em cima dos vídeos. Este é o lugar onde nós deixamos, olhando para os vídeos de pixels. Este é o que eu escolhi para baixar. Eu acho que este é ótimo porque não só mostra no skate, que podemos fazer alguns efeitos legais, mas também mostra a queda. Que com a ilustração no topo, podemos realmente mostrar o impacto do. Eu só fui em frente e baixei aqui. Em seguida, ele entrou na minha pasta Downloads. Então, o que eu fiz foi abrir o vídeo e então eu apenas passei e pausei em diferentes áreas. Quando ele é pausado para tirar uma captura de tela, eu fiz Command Shift 4, e então não é uma captura de tela cheia, mas você pode arrastar este pequeno cursor para o tamanho da tela e, em seguida, deixá-lo jogar um pouco. Pausado. Em seguida, captura de tela, Comando Shift 4. Lá vamos nós. A mesma coisa que fiz a cada par de quadros. Então o que isso faz para nós é fornecer uma base de imagens que podemos usar em nossos esboços como miniaturas para esboçar em cima de para que possamos planejar ou storyboard. Então, uma vez que você tem essas imagens, aqui está toda minha. Você pode colocá-los para fora e imprimi-los e, em seguida, usar papel de rastreamento ou apenas um marcador ou algo para esboçar sobre cima se você preferir esboçar à mão. Prefiro esboçar digitalmente. Eu fui em frente e coloquei alguns quadros de arte aqui. Eu tenho 12 quadros e meus esboços. O primeiro não é ilustração. Quero começar a jogar como os skatistas virando a esquina. Então eu começo com algumas ilustrações muito simples. Eu escolhi fazer apenas branco, ilustrações estilo muito esboçado porque eu acho que vai com efeito grunge skatista do vídeo. Então você pode ver aqui quando a queda começa a acontecer, eu começo a destacar o chão para mostrar um impacto. Quando seu pé bate no chão, e depois para baixo quando o resto do corpo bate. Em seguida, ele sai do quadro e os rabiscos, apenas segui-lo para fora. Quando você os configura, se você estiver desenhando digitalmente, acabei de abrir a primeira captura de tela no Photoshop e, em seguida, camada, nova placa de arte dessa camada. Em seguida, basta copiar que estão entediados com a função duplicada Command J, como fizemos na primeira parte deste curso. Duplicar por quantos quadros você tem, arraste cada captura de tela e, em seguida, eu só usar a ferramenta de pincel aqui. O que você faria, eu lhe mostrarei nesta última tela. O que você faria é ter sua captura de tela aqui, criar uma nova camada, selecionar a ferramenta de pincel, B é o atalho. Apenas desenhe o que quiser. Se você não gosta de algo como, por exemplo, eu estou atraindo ele, você pode usar a ferramenta borracha. Você também pode experimentar diferentes opções com diferentes camadas. Digamos que esta é uma opção e eu quero esconder a camada, criar uma nova e, em seguida, talvez eu queira que esta seja uma escova mais espessa e uma cor diferente. Talvez eu queira que seja vermelho. Então eu posso usar a ferramenta de borracha para apagar para que não fique na frente dele. É por isso que eu prefiro esboçar digitalmente porque ele permite que você diga, “Ok. Eu gosto disso? Ou eu gosto disso?” Talvez você queira os dois. Mas eu acho que digital lhe dá a opção de realmente testar e brincar muito mais. Mas novamente, se você preferir uma caneta e papel ou um esboço físico, isso também é totalmente bom para isso. Esse é o processo de embarque de histórias e esboçar sua ideia de informações sólidas em cima do vídeo. Isso também pode ser chamado de animação de rotoscópio. Com isso, vamos Segway para a próxima lição, que é realmente construir sua animação celular em cima do vídeo. 14. Animação + vídeo: criação: Muito bem, pessoal, bem-vindos de volta. Paramos de mostrar a você como criar storyboard para fora sua animação em cima do vídeo. Agora vamos pular direto para construir a animação. Eu tenho meu storyboard aqui aberto em um no Photoshop. O que eu vou fazer agora é abrir meu vídeo em outra guia no Photoshop. Aqui temos. Você pode jogar através dele e vai ser muito agitado. Isso é de se esperar. É porque o photoshop não foi feito para reproduzir um vídeo de edição. Você verá como temos que exportar isso de forma diferente na próxima lição, porque o photoshop não é feito para vídeo. O que vamos começar é que vamos voltar para o início. Eu vou cortar um pouco deste vídeo só porque eu vou ter a animação começar. Quando você pode ver o skate e aparar o vídeo tornará mais fácil de trabalhar com. Vou aparar por aí. Basta selecionar a camada de vídeo e pressionar a tesoura. Vocês devem se lembrar disso de quando criamos a animação em cima de uma imagem e depois excluímos. Então lá eu tenho o clipe menor que eu quero editar. A primeira coisa que queremos fazer é criar uma nova camada de vídeo. Camada, novas camadas de vídeo, nova camada de vídeo de reprodução. Em seguida, ele vai aparecer no mesmo grupo de vídeo, mas nós queremos tê-lo em cima do vídeo original. Vamos arrastar esta camada para cima do grupo de vídeo assim. Então vamos arrastá-lo para cima do vídeo. A razão pela qual estamos fazendo isso é para que possamos desenhar nesta camada de vídeo. Então podemos fazê-lo desaparecer ou fazê-lo aparecer e não ter o vídeo por baixo afectado por ele. Também podemos apagá-lo sem apagar o vídeo por baixo. Se você tivesse a camada de vídeo selecionada e desenhasse em cima dessa camada de vídeo e então quisesse apagá-la, acabaria apagando o próprio vídeo também. Isso é o que queremos evitar aqui. Vá em frente e selecione a camada de vídeo novamente. Vou ampliar a minha linha do tempo e ativar as peles de cebola. Em seguida, você só vai esfregar quadro por quadro e certifique-se de que você tem esta camada em cima do vídeo original selecionado. Selecione o pincel com a tecla de atalho b. Em seguida, vá em frente e certifique-se de que você tem a cor correta selecionada aqui e comece a desenhar. vez, estou fazendo um olhar e sensação muito à mão livre . Só porque eu acho que é grunge e combina com o tom do meu vídeo. Mas se você quiser que ele seja mais geométrico e você quer usar a ferramenta de caneta, ou se você quiser usar a forma, o que você quiser. Desde que você esteja indo quadro a quadro, é tudo a mesma coisa. Então você só passa para o próximo. Como você pode ver, minha pele de cebola vai me permitir ver onde o último quadro se parece. Eu só vou desenhar mais ou menos no topo, dessa forma ele se move ligeiramente. Certifique-se de que você está esfregando um quadro de cada vez. Caso contrário, você obterá um quadro onde uma ilustração não é visível, a menos que seja algo que você queira. Mas se você esfregar muito longe, você não será capaz de ver a ilustração com sua pele de cebola assim. Não vejo nenhuma ilustração. Isso significa que eu limpei mais de um quadro de distância. Se você ampliar mais, isso é útil para esfregar mais lentamente. É mais fácil mover o cursor apenas um pouco se estiver mais ampliado. Novamente, semelhante à animação na imagem, tudo bem se você não gostar da aparência de um quadro individual. Isso é 29 quadros por segundo agora porque é um vídeo que é algo que você sempre pode diminuir a velocidade se precisar, mas é muito rápido. É 129º de segundo que você gastará em cada quadro. Contanto que você obtenha o movimento geral de cada quadro para baixo, realmente não importa como o quadro individual será parecido. Basta continuar a ir quadro a quadro até chegar ao final do seu vídeo. Tudo bem, pessoal, então eu completei minhas ilustrações quadro a quadro aqui. Você pode visualizar sua animação esfregando quadro a quadro. Se você empurrar o jogo e não poderia também assistir a uma versão agitada do mesmo. Mas para ver a versão suave, vamos ter que exportá-la e, em seguida, colocar o vídeo de animação em cima do vídeo original em After Effects. Vou mostrar a vocês como fazer isso na próxima lição. 15. Animação + vídeo: como exportar: Acabamos de terminar nossa animação celular em cima de um vídeo. Vou mostrar-vos como exportar isto e depois juntá-los para o produto final. Como eu disse na última lição, Photoshop não é realmente destinado a editar vídeo. O que vamos fazer aqui é esconder esta camada de vídeo e exportar as ilustrações com o fundo transparente. Vamos clicar neste ícone de hambúrguer aqui em baixo, renderizar vídeo, e eu falei sobre isso em uma das lições anteriores. Nós não vamos fazer H.264 porque isso é MP4 e você não pode ter canais transparentes em MP4, vamos fazer um tempo rápido e este tempo rápido nos permitirá ter um fundo transparente. Em seguida, vamos para baixo para canal alfa, Straight Unmatted, e o canal alfa é o canal transparente; então Straight Unmatted e, em seguida, você seleciona a pasta para a qual deseja exportar. Eu vou trabalhar em vídeo, escolher isso, e dizer, animação de skate, e então ir em frente e renderizar. Ao renderizar, certifique-se de que a linha do tempo está definida para o início e o fim da animação. Em seguida, vá em frente e olhe para isso em seu localizador quando terminar a renderização. Certifique-se de que é um fundo transparente, e como você pode ver aqui, é. Se estiver em preto, significa que é transparente. Você pode ver a animação acontecendo aqui, mas é sem o vídeo em segundo plano. O que queremos fazer agora, certifique-se de salvá-lo no lugar correto, em vídeo. Eles estão salvos e você pode substituir. Então vamos em frente e abrir o After Effects. Você está After Effects está aberto, vamos arrastar e soltar o vídeo original no arquivo do projeto. Ele vai aparecer aqui no projeto, depois arrastá-lo para a sua linha do tempo, lá está. Ele deve ser executado facilmente, e se você estiver tendo problemas para armazenar em buffer, você pode reduzir a qualidade para que ele seja reproduzido mais facilmente. Você pode ver minha barra verde aqui, isso significa que está armazenando. Eu só vou deixá-lo jogar através e amortecer para que seja mais fácil de assistir de volta. Eu só vou empurrar a barra de espaço, que pausa; e então eu vou pegar minha animação e arrastar e soltar também. Você pode ver, mas o que eu quero fazer aqui é alinhar este clipe com o skate. Quero voltar ao quadro em que comecei a animação. Foi quando o skate estava presente ou quando estava por trás, provavelmente por lá. Talvez um pouco mais longe. Isso parece certo. Então você pode ir em frente e assistir e testá-lo. Então, se quiser cortá-la, vou cortá-la para um pouco antes. Eu vou selecionar o clipe de vídeo, e para cortar no After Effects, o atalho para max é Command Shift D, então eu vou excluir isso, e eu vou cortá-lo para baixo para o final também, bem aqui. Command Shift D, exclua isso e selecione ambos os clipes, mantenha a tecla shift pressionada e clique neles, arraste-a de volta para o início da linha do tempo e, em seguida, pegue isso e deslize de volta, e esse é o parte ativa da sua linha do tempo. Vou mostrar-vos como exportar isto. Eu estou indo para ir, Arquivo, Exportar, Adicionar à fila de renderização. Se você preferir o Adobe Media Encoder, isso também é bom. Mas para esta lição, vou dizer Adicionar à fila de renderização porque o Media Encoder requer software adicional. Eu vou para ir Adicionar à fila de renderização e, em seguida Saída para selecionar isso se ele diz não especificado ainda, e então é onde você pode ir e salvá-lo. Eu vou salvar no meu arquivo de projeto, Skateboard Animation Final, e, em seguida, pressione Render, e você pode assistir o processo aqui. Aqui estou eu no meu localizador e, em seguida, aqui está o último vídeo de skate. Aí está, e com esses caras, parabéns. Você acabou de aprender como fazer animação cel em cima do vídeo. 16. Até próximo na próxima vez...: Ei pessoal, sou eu de novo. Só queria agradecer-te pessoalmente por teres frequentado a minha aula. Espero que tenha aprendido muito. Não se esqueça de avaliar e revisar. Quero ouvir o seu feedback. O que vocês gostaram? O que vocês não gostaram? Também não se esqueça de postar seus projetos no painel do projeto. Quero ver o seu trabalho. Quero ver o que vocês criaram e com isso, obrigado pessoal. Obrigado por sintonizar.