Animação quadro a quadro: dicas e truques divertidos para não animadores

1. Introdução: Oi, meu nome é Chris Piascik. Sou ilustrador e animador. Tenho trabalhado na indústria criativa nos últimos 15 anos. Nos últimos cinco anos, comecei a incorporar animação no meu trabalho profissional também. Você é um ilustrador que quer começar a brincar com animação? Você também se sente intimidado pela idéia de ter que aprender um novo software? Bem, adivinhe, você não precisa. Nesta aula, vou te ensinar a técnica de animação quadro a quadro. Você aprenderá a configurar um arquivo para animação no Photoshop e no Procreate. Você aprenderá a fazer suas ilustrações balançarem ou vibrar naturalmente. Aprenderemos como usar esfregaços para criar um movimento dinâmico com apenas um quadro. Aprenderemos como transformar um objeto em outro objeto, e então aprenderemos a combinar essas habilidades para criar uma animação ainda mais dinâmica e envolvente. Depois disso, mostrarei como exportar suas animações de várias maneiras diferentes para qualquer aplicativo que você deseja usá-las e compartilhá-las. No final, você poderá criar suas próprias animações simples. Você não precisa ter nenhuma experiência de animação anterior para fazer essa aula. A classe é destinada a ilustradores, ou realmente apenas qualquer um desenho confortável livre e expressivamente. Ao longo dos anos, fiz ilustrações para clientes como Nike, Google, Nickelodeon, The Washington Post e inúmeros outros. Aprendi animação através da experimentação, e fiz tudo isso sem aprender software de animação específico. Aprender habilidades de animação com alguém como eu pode ser útil porque eu vou estar me aproximando disso como um ilustrador. Também usarei o software que você já está usando. Além disso, eu não vou ter a tendência de entrar em qualquer jargão de animação técnica porque, vamos encarar, eu realmente não sei nenhum. Aprender algumas habilidades básicas de animação dará nova vida suas ilustrações e abrirá a porta para todos os tipos de novas possibilidades de trabalho. 2. O projeto: O projeto para esta aula é criar uma animação simples usando duas ou mais das técnicas que abordarei nos seguintes exercícios. O que você escolher para animar é com você. Mas se você é alguém que prefere avisos, aqui vai uma sugestão. Anime duas de suas coisas favoritas, fundindo-se para formar a melhor coisa de sempre. Como vamos aprender uma série de técnicas diferentes, as habilidades que você vai desenvolver são mais importantes do que um único projeto. Em cada exercício estaremos criando uma animação autônoma. Achei que seria divertido pegar algumas dessas habilidades diferentes que você aprenderá, e combiná-las em uma animação mais envolvente. Por favor, compartilhe seus projetos finais nas Galerias de Projetos para que todos possamos conferi-los. Como sempre, fornecerei feedback para todos e cada um deles. Além disso, compartilhe a animação que você cria para cada um dos exercícios. Vai ser muito divertido vê-los também. 3. Configuração: Antes de começarmos com a parte divertida, precisamos configurar nossos arquivos corretamente para evitar qualquer soluço à medida que avançamos. Nesta lição mostrarei como configurar seus arquivos no Photoshop e no Procreate. É bastante semelhante para ambos, mas cada um deles tem suas próprias características e configurações únicas que eu vou rever. Antes de entrarmos nos detalhes de cada um, devemos rever alguns fundamentos. Vamos animar quadro por quadro. O que isso significa é que todos os movimentos que acontecerão em nossas animações acontecem como resultado de desenhos individuais que passam de um para o outro. O exemplo mais básico disso é um flip book. Cada desenho individual muda ligeiramente, mas quando você virou através deles rapidamente ele se transformou em um pequeno vídeo mágico que engana seu olho. Cada animação é composta de quadros, e um quadro é igual a um desenho. Você pode estar pensando, quantos quadros eu tenho que desenhar? Estas são muito boas e são uma questão muito importante. Para responder a isso, precisamos falar sobre taxa de quadros. taxa de quadros é a quantidade de quadros ou desenhos que ocorreram em um segundo. O vídeo padrão é de 24 quadros por segundo. Novamente, você pode estar pensando, espere um segundo, cada segundo que eu tenho que fazer 24 desenhos? Na verdade, não. Felizmente para nós, a animação é muitas vezes feita em 12 quadros por segundo. Isso geralmente é chamado de animação em dois, que significa que em um padrão de 24 quadros por segundo de vídeo, cada quadro da animação aparece duas vezes. Nos aplicativos em que vamos trabalhar, Photo-shop ou Procreate, podemos configurar isso como apenas um documento de 12 quadros por segundo no início e não ter que se preocupar com nenhuma matemática complicada. Vamos começar a configurar um arquivo no Photoshop. Vamos arquivar novo, e aqui vamos escolher o tamanho do nosso documento. Isso obviamente vai depender em grande parte do que você está planejando usar sua animação para, mas para nossos propósitos e os propósitos desta classe, eu vou apenas usar um formato quadrado que é um bom tamanho para postar em mídias sociais, ou talvez usando como miniatura em seu site ou qualquer coisa para a qual você possa usar uma imagem quadrada. Uma coisa a considerar ao escolher um tamanho é que você quer algo que não é muito grande que pode ser complicado e fazer o seu computador ficar lento e ter um tamanho enorme de arquivo, porque lembre-se, nossa animação será composta de desenhos individuais. Se você tem um arquivo grande que tem toneladas de desenhos diferentes, ele pode ficar muito grande e como você está começando a tentar visualizá-lo e reproduzi-lo, pode tornar-se lento e lento. Acho que um bom lugar para começar é 2.000 pixels. Dois milhares de pixels me dá uma resolução alta o suficiente onde eu posso exportar este grande, e também permite a melhor experiência de desenho. Você verá que, se o arquivo for muito baixa resolução, não terá pixels suficientes para obter os detalhes do pincel que você está acostumado e não ter o controle sobre suas ferramentas de desenho. Se você tem um computador mais antigo ou talvez você esteja ficando em um espaço no disco rígido ou memória, você provavelmente poderia descer para 1.500 ou 1.000 pixels e ainda ter espaço suficiente para jogar. Tenho uma máquina mais nova aqui com muita memória. Gosto de usar um tamanho maior porque me dá mais flexibilidade. Eu estou indo para ir com 2.000 pixels e bater criar. Vamos precisar das nossas camadas. Nossas camadas estão onde nossos desenhos individuais estarão. Vou entrar nisso mais tarde, mas cada desenho terá sua própria camada. Aquelas camadas que precisaremos enviar para uma linha do tempo. Vamos abrir a nossa linha do tempo, por baixo das janelas, vamos para a linha do tempo. A janela da linha do tempo aparece, geralmente na parte inferior. Não aparece lá em cima. O fundo é um bom lugar para colocá-lo. Vou bater em criar uma linha do tempo de vídeo. Você verá na parte inferior que diz 30 quadros por segundo. Definitivamente queremos mudar isso porque não queremos desenhar 30 quadros a cada segundo. Se você clicar nessas linhas no canto direito, podemos definir taxa de quadros da linha do tempo. Aqui podemos mudá-lo para 12 ou animar em dois como falamos. Temos nossas camadas, temos uma linha do tempo. Eu gostaria de abrir minhas predefinições de ferramentas que é onde meus pincéis diferentes estão com os quais eu vou desenhar. Eu clico nas predefinições da ferramenta. Nós temos nossas camadas que são predefinições de ferramentas, e se você é chique e você está ficando sério sobre querer fazer mais coisas de animação, há uma extensão que eu amo usar chamada animators toolbar pro. O que isso faz é que faz botões para um monte de recursos que você teria que fazer manualmente. Isso realmente torna as coisas mais fáceis e eu vou mostrar-lhe alguns dos benefícios para isso enquanto começamos a animar. Mas eu também vou mostrar-lhe como fazer o que você precisa fazer sem usar a barra de ferramentas animadores se você não quiser. Eu tenho que sair e comprar uma extensão só para aprender animação. Você certamente não precisa usar isso para começar a animar. Isso apenas agiliza um pouco do processo e é algo que eu realmente gosto, então eu pensei em compartilhar com você. Essa é a configuração básica para o Photoshop. Vamos ver como configurar um arquivo no Procreate. Vamos configurar um arquivo e Procreate. Vou em frente e abrir o Procreate. Vou ver um novo documento. Como eu mencionei no último, eu estava indo para ir com cerca de 2.000 pixels. Procreate tem uma configuração padrão com 2048 até 2048. Eu vou escolher esse porque sou preguiçoso e 2.000 foi apenas uma estimativa, então isso é bem perto. Vou clicar nisso. Temos o nosso novo documento. Temos nossas camadas aqui, assim como no Photoshop. O que precisamos fazer para começar a animar no Procreate é clicar nesta pequena barra de ferramentas, ícone de ferramenta no canto superior esquerdo, e depois ir para Canvas e, em seguida, animação auxiliar e, em seguida, queremos ativar isso. O que isso faz é abrir uma pequena linha do tempo na parte inferior semelhante à linha do tempo no Photoshop. Aqui em baixo temos um pequeno botão de configurações. Aqui você verá quadros por segundo. Lembre-se que queremos isso às 12. Nós só vamos arrastar isso para baixo para 12. Temos 12 quadros por segundo. Procreate tem uma característica de pele de cebola incorporada. O que a pele de cebola é, é que ele diminui a opacidade do quadro anterior e mostra para você enquanto você está desenhando o segundo quadro. Dessa forma, você pode ver onde a animação estava enquanto você faz mudanças lentas para enganar o olho para fazer com que pareça movimento. Isso será muito benéfico e útil. Se é confuso para você agora não se preocupe com isso, vai fazer mais sentido à medida que começarmos a desenhar e começar a animar. Temos algumas configurações para as peles de cebola aqui. Temos molduras de pele de cebola no máximo. O que isso significa é que vai nos mostrar graus relativos de transparência todos os quadros. Eles acham que isso não é útil em tudo, eu gosto de ter este conjunto para um ou dois. O que isso faz é, ele irá apenas mostrar-lhe o quadro de antes do seu quadro atual e o quadro após o seu quadro atual. Novamente, se isso é confuso, não se preocupe, vai fazer sentido enquanto estamos indo. Então você pode controlar a opacidade da pele da cebola aqui. É assim que a luz ou a escuridão aparece. Você pode mudar isso como você está indo se ele se tornar irritante ou distração. Esta outra configuração eu acho que é muito legal, as cores quadros secundários. Isso vai junto com a coisa da pele de cebola. Além de torná-lo transparente, também torna uma cor diferente. Isso pode ser muito útil porque quando você está começando a transformar as coisas e fica um pouco abstrato, pode confundir qual camada é qual. Quando você tem a camada anterior em uma cor diferente, ela se torna muito mais clara. Gosto de ligar isso. Então, abaixo disso, temos apenas algumas opções para [inaudível] e temos a única foto, o que significa que quando você toca a animação, ela começa no início e pára no final. Loop vai apenas continuar em um ciclo, quando ele chegar ao fim ele vai voltar para o início. Pingue-pongue, ele vai jogar até o fim e, em seguida, saltar para trás e jogar ao contrário. Podemos brincar com eles à medida que começamos, mas tudo o que preciso fazer para obter uma configuração de arquivo para começar a animar. Na próxima lição, vamos escolher e fazer os assuntos para nossas animações, mas soa como divertido? Muito bem, vemo-nos lá. 4. Escolhendo seu tema: No vídeo anterior, falamos sobre como obter a configuração do nosso arquivo. Mas antes de começarmos a animar, precisaremos de algo para animar. Na próxima lição, vamos escolher os temas de nossas animações. Isso pode ser um personagem, um objeto, ou até mesmo uma forma aleatória. Seja o que for que você escolher, você vai querer mantê-lo simples. Basta ficar com um trabalho de linha de cores por enquanto. Mais tarde, abordarei como adicionar cor, mas é muito mais fácil aprender o básico sem essa complicação adicional. Para animação, vamos precisar de um assunto principal, que é o personagem, objeto ou forma aleatória e outro para transformar esse personagem. Isso pode ser apenas outro objeto de personagem ou forma aleatória. Para manter as coisas mais fáceis, eu recomendo escolher algo que tenha uma forma semelhante ao outro lado. Por exemplo, uma fatia de pizza e um cone de trânsito, ou a lua, e um donut, ou um carro e patins. Depois de decidir o que fazer, o próximo passo é começar a esboçar. Você pode fazer isso em um pedaço de papel, se isso for mais confortável para você, ou começar a trabalhar diretamente no arquivo que configuramos. Neste ponto, realmente não importa. Estamos apenas tentando esboçar idéias e qualquer que seja a maneira mais confortável para você fazer, é isso que você deve fazer. Vou começar a esboçar uma ideia para o meu personagem. Gosto de fazer esboços em novas camadas dessa forma. Você pode excluí-los, eles são ruins ou você pode diminuir a opacidade e rastrear sobre eles se eu quiser refazê-los para torná-los um pouco melhores. Vá em frente e pegue um pincel e talvez use um lápis, escove um dos pincéis de Kyle Webster porque seus pincéis são ótimos e eu vou começar a desenhar. Decidi ir com um dos meus personagens fantasmagóricos. Eu decidi fazer isso porque eu gosto de desenhar estes, eles geralmente são o meu go-to quando eu começar a desenhar um personagem e eles são divertidos animar porque eles têm esta forma orgânica wiggly. Deixe-me dar-lhe alguns pés, no entanto, não sei o quão cruciais são os pés, porque fantasma pode voar. Eu não sei. Os pés darão mais um caráter melhor. Mas de qualquer forma, não vamos nos envolver nos detalhes aqui. Temos alguns pés, é um fantasma, tem uma cauda, pode voar. Vai precisar de uns olhos. Bem, vamos colocar alguns grandes olhos patetas nesse cara. Um saque da cabeça de fantasma dele e dê-lhe umas bochechas de fantasma, e uma boca grande. Você vai precisar de alguns dentes grandes para ir para a boca grande dele. Agora que eu tenho o esboço para um bom lugar que eu estou satisfeito com, eu vou fazer versão mais apertada. Eu só vou derrubar a opacidade na minha camada, que ela fique escura o suficiente para que eu possa vê-la, mas leve o suficiente para que eu possa desenhar por toda parte. Vou fazer uma nova camada e é aqui que vou desenhar a minha versão apertada. Amplie um pouco e só vou rastrear por cima dele. Levando as coisas para cima, livre-se de todas as linhas extra esboçadas para que tenhamos apenas um desenho de linha simples para trabalhar. Eu só vou suavizar todas essas linhas. Descobrir como essas formas realmente se parecem desde que eu tenho todas essas linhas de esboço. Só quero simplificar as coisas à medida que vou. Às vezes, quando eu estou fazendo uma linha como esta, eu vou direto através das pernas um pouco e então eu vou simplesmente apagá-los depois, assim eu posso obter esse ângulo agradável e suave. Coloque um lábio nesse cara para um pouco de personagem ou lábio fantasma e traga esses dentes aqui, pegue a língua, mostre esse fim. Novamente, estou apenas apertando as coisas, apenas deixando essas linhas agradáveis e limpas. Preciso de olhos. É só atraí-los primeiro e depois podemos entrar e apagar a sobreposição depois. Você tem esses pés supérfluos de um fantasma voador. Vamos apagar isso e acho que ele está pronto para ir. Agora podemos excluir nossa camada de esboço, não precisamos mais disso. Vou movê-lo para o topo para que eu possa indicá-lo e começar a trabalhar no meu próximo personagem. Estou a pensar como uma situação de cão para este tipo. Estou pensando nisso porque notei que esses pés parecem ser ouvidos em um cachorro. Faz-me lembrar os ouvidos em Odie, de Garfield. Estou pensando que ao fazer a transformação, eles poderiam girar até o topo assim e será uma brincadeira visual fazendo os pés em ouvidos. Acho que esta parte traseira do corpo pode ser a boca, então talvez o cão esteja virado para o outro lado. À medida que surgem as orelhas que podem transformar-se numa boca. Isso é o que eu estava falando quando você tem formas semelhantes. Você escolheu algo que segue as linhas da outra coisa pode tornar as coisas interessantes e divertidas. Mas você definitivamente não precisa fazer isso dessa maneira, mas é um truque para facilitar as coisas. Temos este pequeno corpo nele, vamos fazer alguns olhos de inseto semelhantes aos outros. Eu quero que este seja definitivamente seu próprio caráter único, mas também tenha algumas semelhanças visualmente para que quando nós os transformarmos entre si, será uma transição natural. Vou apertar um pouco esse cara. Basta referenciar o outro personagem, tem olhos semelhantes e esta forma redonda. Mas esse cara terá mais uma separação entre sua cabeça e seu corpo. Digamos que vamos consertar essa boca, torná-la um pouco mais natural. Tenho esta área de trás. Vamos descobrir como fazer essa cabeça funcionar em seu corpo. Pense em torná-lo em mais de uma forma. Bem, tornar as coisas um pouco mais fáceis. Dê-lhe uns pezinhos e vamos acelerar as coisas aqui. Agora que eu tenho meus esboços feitos, eu vou fazer meus desenhos finais apertados. Eu tenho meu esboço em sua própria camada aqui e eu vou trazer a opacidade para baixo novamente como eu fiz antes e fazer uma nova camada, e é aqui que eu vou fazer meu desenho. Agora vou pegar um pincel de tinta. Eu quero usar os pincéis do Kyle Webster porque eles são ótimos e eu gosto deles. Mas você pode usar o pincel que quiser. Acho que o uso de uma escova mais limpa torna isso mais fácil, mas você pode experimentar com a tentativa de escova mais áspera. Ele só vai variar o peso da linha um pouco mais e dar-lhe efeitos interessantes. Eu vou acelerar isso para que você não tenha que me ver tediosamente rastrear isso. Como você vai notar, enquanto eu estou desenhando, eu estou girando muito a tela. Faço isso porque me ajuda a desenhar linhas um pouco mais suaves e mais limpas em ângulos diferentes. Às vezes, puxar através de uma curva ou empurrar através de uma curva é mais fácil e dá melhores resultados. Estou trabalhando no meu segundo personagem aqui, apenas apertando as coisas. Novamente, ampliando e diminuindo, girando minha tela. São só pequenas coisas que me ajudam a deixar as minhas falas bem limpas. Publique suas ilustrações verdadeiras na galeria do projeto para que possamos ver seu progresso e ver quais coisas você eventualmente se transformarão um no outro. No próximo passo, vamos fazer nossas ilustrações balançar. 5. Ondulações: linha trêmula: Neste primeiro exercício, vou mostrar-lhe como fazer uma ilustração simples, balançar ou vibrar como um desenho animado tradicional da velha escola. Este movimento dentro do trabalho de linha é conhecido como fervura de linha. Fervura de linha é um resultado de desenhos individuais que compõem uma animação que não se alinha perfeitamente, quer se trate de pequenas diferenças em como as linhas se alinham ou peso da linha ou pincelada poderia ser qualquer número dessas coisas que são um resultado do desenho manual dos quadros individuais de uma animação. Mas quando eles estão um pouco fora, há apenas um pouco de movimento que acontece. Nos primeiros dias da animação, isso foi definitivamente considerado um erro, então os animadores tentaram o seu melhor para evitar isso a todo custo. Você pode imaginar o quão difícil isso seria para evitar qualquer movimento quando mão desenho incontáveis quadros para até mesmo um desenho animado curto e muito menos um filme de longa duração. No entanto, essa imperfeição é algo que eu realmente gosto. Tal como impressões ligeiramente compensadas ou registos antigos, esta imperfeição dá um toque humano a uma peça e dá-lhe um calor e um pouco de vida e energia que não teria necessariamente de outra forma. Adoro a forma como isto parece. Adoro as pequenas imperfeições. Eu amo o pouco de mão que mostra através deste trabalho. O bom de fazer isso é porque somos apenas humanos, você não precisa fazer nada especial além de tentar desenhar a mesma coisa três vezes. Vamos mergulhar no Photoshop e eu vou te mostrar o que quero dizer. Vamos nos preparar para fazer o nosso desenho balançar. Vamos pegar o primeiro objeto que criamos ou personalizamos, seja qual for o seu primeiro assunto. Vamos abrir esse arquivo. Eu tenho o meu aberto aqui, e nós já temos o desenho definido em nossa camada. Para fazer o movimento, tudo o que temos de fazer é desenhar isto mais duas vezes. O melhor é que você não tem que tentar ou fazer algo especial para fazê-lo balançar. Vai ser um resultado natural de rastreá-lo e não ser completamente perfeito. Não tente não ser perfeito porque se você tentar torná-lo imperfeito, provavelmente vai tremer demais. Enquanto eu for, vou tentar rastreá-lo com bastante precisão. O que eu vou fazer é apenas ir em frente e trazer a opacidade para baixo e, em seguida, fazer uma nova camada. Às vezes, é um bom hábito entrar para rotular suas camadas quando você está fazendo animação porque fica confuso. Vou chamar o primeiro 1. Eu vou chamá-lo de segundo 2, e eu vou em frente e fazer minha terceira camada agora só para eu não ter que renomeá-los mais tarde. Então, 1, 2, 3. Estas serão as minhas manobras. Um segundo, eu tenho meu pincel entre aquela camada, este está virado para baixo e eu vou apenas rastreá-lo. Como mencionei, não estou tentando tornar isso imperfeito. Eu acho que às vezes quando as pessoas estão aprendendo essa técnica e tentando fazer esta linha de vibração ferver, eles assumem que eles têm que exagerar as imperfeições e você realmente não. Esta é apenas uma vibração natural que acontece quando você redesenha algo. Mas se você olhar, há apenas imperfeições sutis e isso é tudo o que realmente precisamos. Você quer estar bem perto. Não se preocupe em tentar chegar muito perto ou tentar exagerar. Basicamente, apenas rastreie e não se preocupe muito com isso. Você sempre pode experimentar fazer um traço mais solto e ver o quanto isso vibra e ver se isso é algo que você quer, mas para mim eu gosto de um pouco de vibração que não parece muito nervoso. A outra coisa é porque vamos repetir esses três quadros para dar a ilusão de movimento constante. Se eles são dois diferentes, não vai ser um loop muito bom porque vai ser muito agitado e vai parecer repetitivo se houver movimentos dramáticos no meio. Vamos preencher isto. Terminamos o segundo, e vamos desenhar um terceiro. Eu gosto apenas de desligar a segunda camada e, em seguida, refazer a primeira novamente em vez de baixar a opacidade na segunda e desenhar a partir dela . Acho que funciona melhor voltar ao original, porque se você continuar rastreando seus traçados, a imagem começará a mudar mais progressivamente do que um loop natural. Porque quando você está redesenhando as linhas podem ficar um pouco maiores. Então você está rastreando esse, é quase como um jogo visual de telefone onde uma pessoa diz algo e então muda um pouco e muda um pouco. Quando chega ao fim, fica irreconhecível. Agora que temos os três desenhos, quando eu voltar e voltar a opacidade no nosso primeiro desenho. Agora que eles estão totalmente opecificados, isso não é uma palavra real, mas agora que eles são todos iguais, vamos para a nossa janela de linha do tempo que abrimos na configuração. Se você não tem mais isso aberto, tudo bem. Basta ir para a janela, escolher linha do tempo, abri-lo, e nós vamos clicar em criar linha do tempo de vídeo. Há duas maneiras diferentes de usar a linha do tempo aqui. Para este primeiro exercício, quero mostrar-lhe a maneira muito simples, que é aproximadamente o mais próximo do equivalente do livro de pés que você pode obter. Para chegar a isso, vamos clicar nessas pequenas caixas no canto inferior esquerdo da janela da linha do tempo. Clique nelas. Ele vai mudar para esta coisa muito mais simples com apenas esta pequena miniatura no canto inferior esquerdo. Com cinco segundo nível debaixo dele. Agora que temos isso, vamos para o lado direito da janela da linha do tempo, clique nessas linhas e vamos fazer quadros de camadas. Nós clicamos nisso. O que acontece aqui é que ele pega todas as nossas camadas que acabamos de fazer nossos desenhos e as envia para a linha do tempo para serem quadros individuais. Como mencionamos cada desenho é um quadro, e agora nossos desenhos são convertidos em quadros. A única coisa aqui é que ele usa o fundo como uma camada que não queremos. O que vamos fazer é clicar nessa pequena lata de lixo no canto inferior direito e agora teremos nossos três quadros aqui. Queremos virar o fundo e fotografá-los porque eu quero voltar por aqui. Você não tem que fazer isso, mas eu quero ter o fundo branco. Para alterar todas essas camadas de uma só vez, eu vou apenas clicar no primeiro, segurar no shift e, em seguida, clicar no terceiro e você verá que todas essas camadas estão selecionadas. Uma vez que todos eles são selecionados, eu posso ir para as minhas camadas e, em seguida, apenas alternar na camada de plano de fundo. Você verá que cada um deles tem seus antecedentes. Vamos selecionar novamente todas essas camadas clicando na primeira e, em seguida, mantendo a tecla shift, clicando na terceira. Agora podemos alterar o tempo por quanto tempo esses quadros estarão na tela. Estes têm configurações padrão aqui, 0.1, 0.2, 0.5. Estas são versões simplificadas da taxa de quadros porque esta é a versão mais simplificada. Esta linha do tempo é mais adequada para alguém que está apenas tentando fazer um GIF animado e realmente não se importa muito com o tempo. Mas você pode simplesmente escolher o 0.1, e isso vai ficar muito perto dos 12 quadros por segundo que estamos falando. Mas esta é apenas uma maneira simples de começar a animar e não se preocupar com uma linha do tempo e coisas assim que eu vou mostrar a vocês em seguida. Mas esta é uma maneira muito simples e eu acho que é bom aprender isso porque você pode experimentar e simplesmente não se preocupar tanto sobre aprender coisas. Esta é a maneira mais rápida de começar a animar algo, o que é divertido. Temos estes todos definidos, cada um quando clicarmos no primeiro quadro, você verá na janela de camadas. Quadro 1 é visível, clicamos em dois, dois é visível. Se clicarmos em três, três é visível. Isso é o que queremos, é perfeito. Esta é a nossa transição. Esta é a nossa noção de manobra, se quiserem. Lá em baixo, temos uma coisa que diz para sempre. Se o seu não disser para sempre, é o que queremos. Para sempre significa que vai continuar em loop e é isso que queremos. Queremos que isto faça um loop. Vou me certificar de que isso vai durar para sempre. Desde o primeiro e quando batermos no jogo, você vai ver alguma ação de manobra que você fez. Apenas esteja pronto para isso, 1, 2, 3 nós continuamos. Tudo isso, não é divertido? Só tem um pouco de vibração. Como eu mencionei, eu não tentei fazer este movimento, eu apenas rastreei mais duas vezes. Agora que eu mostrei a maneira simples de fazer isso, eu gostaria de mostrar a linha do tempo real mais robusta que será mais benéfica e dar-lhe muito mais flexibilidade quando você está tentando fazer animações mais avançadas ou apenas tentando tem alguns ser uma quantidade específica de tempo. Isso só lhe dá muito mais controle e opção. Vamos clicar em criar linha do tempo de vídeo novamente. Vamos verificar se a taxa de quadros da linha do tempo está correta. Em seguida, mude isso de 30 para 12. Agora, você verá que todos os nossos quadros estão sendo padrão para ter 12 quadros de comprimento ou algo assim. Isto vai puxar a coisa aqui para baixo controla o quão ampliado em nós estamos em cada quadro. Ajuda-nos a aumentar o zoom para ficar muito apertado na nossa linha do tempo. Se queremos ver quadros individuais ou se queremos diminuir o zoom para obter mais controle. O que precisamos fazer agora é tornar todos os nossos quadros apenas um quadro longo porque ele diz 12 quadros por segundo. Tudo o que você vai fazer é arrastar estes para baixo até onde eles vão. Agora podemos ampliar isso e você verá que cada um deles é um quadro. Você verá o pequeno marcador de quadro lá. O que queremos fazer agora é pôr estas coisas em ordem. Dois começarão depois de um e três depois de três. Agora, estamos de volta para onde estávamos do outro lado, então podemos ir em frente e jogar isso. Legal. Agora, o que poderíamos fazer, já que temos isso, toda a linha do tempo é que podemos consolidar essas coisas, torná-lo um pouco mais fácil. Eu posso pegar essa camada, aquela moldura, colocá-la lá embaixo, e agora podemos colocar tudo isso em um pequeno grupo juntos, este vídeo agrupado e podemos ir em frente e rotular isso para que possamos chamar isso de loop de caractere 1. Agora temos esses três quadros que podemos repetir uma e outra vez para que nosso personagem fique em um lugar, mas ainda temos aquela vibração que queremos. Agora sabemos como fazer nosso personagem ou objeto ou o que quer que você esteja fazendo, vamos vibrá-lo para dar um pouco de energia. Na próxima lição, vou mostrar-lhe como tomar esta técnica ao usar alguns outros aplicativos para alguns resultados divertidos. 6. Ondulações: outras aplicações: Agora que fizemos nossas ilustrações, mexa e vibre. Vou guiá-lo através de alguns outros exemplos divertidos usando o procreate no iPad. Eu tenho um documento procreate aberto aqui e eu vou ir em frente e ligar meu assistente de animação, em Canvas animação assist. Uma maneira divertida de usar essa técnica é animar palavras como um logotipo ou algo assim. Eu vi um monte de logotipos de pessoas legais em seu site animado e isso é algo que você pode fazer muito facilmente. Vamos animar uma palavra simples aqui. Eu vou em frente e escrever a palavra wiggle, para demonstrar o movimento. Quando você estiver usando a linha do tempo aqui, depois de desenhar um quadro, basta clicar em “Adicionar um quadro” e você verá que ela fica mais leve automaticamente para que possamos desenhar em cima dele. Adicione outro quadro. Vamos entrar em nossas configurações, para ver esses novos. Primeiro vamos reduzir isso para 12 quadros por segundo e, em seguida, molduras de pele de cebola. Vamos mudar isso de máximo para um e dessa forma estamos vendo apenas o quadro anterior, não o anterior. A opacidade está boa. Talvez você possa fazer isso. Traga isso um pouco para baixo e vamos fazer a opção de quadros secundários de cor. Isso nos permitirá reduzir a opacidade ainda mais se quisermos e você pode ver que ela é vermelha, que a torna muito distinta como estamos rastreando sobre ela. Porque, procreate automaticamente fez a coisa de transparência com as características da pele de cebola e a linha do tempo. Não temos que entrar e ter certeza que nossa capacidade está aumentada ou algo assim, então podemos apertar “Play” e temos algumas letras aqui. Isso não é divertido? Vamos experimentar um pouco mais e tentar desenhar um pouco diferente. E se quisermos exagerar um pouco as coisas? E se começarmos com algo como letras manhosas? Também acho que é divertido usar um pincel, um pouco de grão como este quando estou fazendo animação como este. Porque a imperfeição na qualidade da linha e como a textura, se você quiser, realmente acrescenta a esse estilo de animação tradicional. Adicione um novo quadro aqui. E se tentarmos fazer as linhas de movimento mais mudando um pouco em vez de traçá-lo diretamente? Já que temos essas curvas indo por aqui, se as revertermos para ver como isso parece? Quando você está fazendo essas coisas, definitivamente experimente e se divirta. Aprendi praticamente todas as minhas coisas de animação assim, porque nunca me propus a ser um animador. Nunca pensei que fosse algo que eu estaria fazendo por algum trabalho. Eu estava apenas brincando e experimentando e eu acho que fazer isso dessa maneira me deu um pouco de um estilo único e perspectiva sobre essas coisas. O que acho que pode ser benéfico dar-te a tua própria voz visual. Definitivamente brincar e experimentar. Vou ser honesto com você, eu realmente não sei como isso vai acabar. Acho que essa é a diversão. Para este, eu virei a coisa anterior. Eu virei onde a direção estava indo, mas eu não sei realmente o que fazer neste terceiro. Estou tentando fazer um que está entre as duas direções das linhas de manobra, se isso faz algum sentido. Assim como uma versão menos extrema. Acho que tudo pode servir como um bom meio termo. Tudo bem, vamos ver. Olhe para isso. Isso é super wiggly. Veja, que é divertido e você pode fazer todas as coisas assim. Vamos tentar um com um rosto. Faça um personagem aqui. Cabeça de personagem, além de olhos grandes como este e fazê-los parecer surpreso. Isso vai ser bom para um loop, porque vai ser como um olhar vazio com a boca agape. Sim, como você pode ver, é apenas, você desenha uma coisa e então apenas desenha mais duas vezes e apenas faz um loop e é assim que vamos nos divertir. É muito divertido. Agora que temos uma imagem ondulada. Bem, vamos nos preparar para manchar. Vejo-te na próxima lição. 7. Smears: Na próxima lição, vou te ensinar tudo sobre esfregaços. Deves pensar que soa estranho. O que um esfregaço tem a ver com animação? Eles têm muito a ver com animação. Manchas são truques mágicos. Eles são uma ferramenta usada por animadores para enganar as pessoas e se divertir muito. Borrão é uma ilusão de ótica. Ele retrata um desfoque de movimento em um único quadro ou desenho. Isto é, obviamente, super-útil porque evita ter que desenhar inúmeros quadros apenas para retratar um movimento rápido.Há uma tonelada de maneiras diferentes de fazer esfregaços, e essa é uma das razões pelas quais eu os amo. Alguns animadores esticarão uma imagem em um único quadro, outros repetirão uma imagem ou um objeto várias vezes dentro de um quadro. Não há maneira errada de o fazer. Você pode ficar tão estranho quanto quiser e experimentar e ver quanto você pode enganar as pessoas porque é isso que estamos aqui para fazer, não é? Animação é tudo apenas um grande truque. Os desenhos animados dos velhos Warner Brothers foram alguns dos primeiros a usar o esfregaço regularmente. Outros usos de saudação estão em Bob Esponja, acho que você já ouviu falar de Bob Esponja. Bob Esponja tem toneladas de manchas estranhas e incríveis. Os esfregaços são tão legais que há um tumblr inteiro dedicado a eles chamado esfregaços de animação. Talvez apenas pausar isso agora e ir ver isso e ficar animado e depois voltar, e nós vamos começar a fazer alguns esfregaços. Vou guiá-lo através de um esfregaço muito simples, vou usar o procreate para este primeiro. Eu preparei meus três desenhos vivos para o movimento. Este personagem que eu vou usar como o lugar de espera para este personagem. O que vamos fazer com este esfregaço é que vamos virá-lo para que ele esteja de frente para o outro lado. Para fazer isso, vou duplicar meus três quadros aqui. Duplicar um, então estou duplicando e movendo-os para que mantenham a mesma ordem em que estão. Então, 1, 2, 3. Dessa forma, o loop é o mesmo. No procreate porque não temos todos os recursos do Photoshop quando queremos fazer loop de algo assim, basta repetir manualmente assim. É um pouco tedioso mas é uma das desvantagens de ser um software realmente simples, esses são o tipo de coisas que você tem que lidar com. Já que vamos fazer com que ele se vire, o que vou fazer agora é virar este segundo conjunto de três imagens. Em seguida, vá até a era no topo para transform.Eu estou indo para clicar em flip horizontal. Então faça a mesma coisa para os outros dois. Agora você vai ver que é swishes e não parece tão ruim, mas vamos usar um esfregaço para tornar isso mais natural. Fazendo o esfregaço como este, a coisa de cor secundária será realmente útil, e certificando-se de que temos nosso amigo pele de cebola definido para um para que não temos que olhar para muitas coisas ao mesmo tempo. O que eu vou fazer é, você vê que os três primeiros quadros estão voltados para um lado e, em seguida, para os três ou para o outro lado. Eu vou clicar no terceiro quadro, que é o último que estamos espaçando direito e eu vou fazer adicionar um quadro. Aqui, temos verde e vermelho. O vermelho é o quadro anterior onde o monstro virado para a direita, eo verde é o quadro seguinte onde ele está virado para a esquerda. Vamos fazer uma mancha aqui. O que vamos fazer é tentar emular o borrão de movimento que aconteceria à medida que este personagem se vira completamente. O que você quer fazer é pensar em continuar esse movimento em um único borrão. Eu acho que o que eu faria aqui é conectar esses dois mouse para que seja uma grande mistura. Eu vou apenas pegar esta linha, quero fazer meu pincel um pouco menor para combinar com o trabalho de linha. Eu só vou trazê-lo para onde ele começa e fazer a mesma coisa para o fundo seguindo essa linha. Como você pode ver, estou apenas desenhando uma linha de onde ele começa para onde ele vai estar. Usando as curvas, tipo de combinar um pouco. Uma vez que os dentes em todo o caminho através, há algumas maneiras diferentes que podemos fazer isso. Podemos esticar os dentes e torná-los mais longos, ou podemos repeti-los. Talvez pudéssemos fazer uma combinação de cada um e ver como funciona. Para os dentes, eu vou apenas ir em frente e repeti-los. Então talvez para a língua faça um estiramento e faça a iteração. Traga a língua assim e, em seguida, ter essa linha no meio, por isso é uma língua grande. Então temos essa área central, dentro de sua boca, mas manchada de preto. Um monte de esfregaços de visualização está brincando e experimentando. O que você pode fazer para os olhos é estendê-los para uma grande forma, ou talvez deixar-nos usar esta coisa barata aqui e apenas fazer este um pouco manchado então talvez possamos repetir os outros olhos. Este aluno longo, então temos o destaque no meio para que possamos esticar isso. É definitivamente estranho falar sobre como fazer essa coisa, porque é sobre tipo de brincar, experimentar e fazer formas. Mantenha isso em mente. Vou repetir estes olhos, como uma forma de trazer os olhos externos. Eu sinto que os esfregaços em si são a coisa mais divertida. A cabeça é muito simples, porque temos apenas que se movendo um pouco mais. Vamos fazer um alongamento normal aqui. Então essa situação da cauda, eu acho que podemos fazer algo assim ou apenas conectá-la, então eu posso apenas fazer a parte inferior do corpo em forma. Tenho que fechar esses lábios. Os pés estão virados para um lado e, em seguida, virados para o outro lado, então talvez possamos apenas fazer um meio termo onde os pés estão para a frente, e então talvez colocar algumas linhas extras nas pernas lá. Como você está indo você pode tipo de virar para frente e para trás aqui para ver como ele está funcionando e ver que é muito divertido. Podemos voltar ao início e depois tocar no play. Deixe-me girar isso de volta ao normal. Olha como isso é estranho, mas quando você toca, parece um movimento rápido e desfocado. Eu te disse que é mágica. Você verá que, uma vez que temos esses quadros repetidos, o personagem fica olhando para um lado. Se não tivéssemos esses, isso seria piscar para frente e para trás muito rápido. Mas agora temos esse tipo de momento em que ele está olhando para um lado e olhando para o outro lado. Agora que criamos nosso primeiro esfregaço, vamos passar para a próxima lição onde mostrarei como criar um esfregaço usando o Photoshop. 8. Smears no Photoshop: Na lição anterior, eu mostrei como criar nosso primeiro esfregaço usando o Procreate no iPad. Para esta próxima demonstração, vou usar o Photoshop para que eu possa mostrar as semelhanças e diferenças entre os dois. Anteriormente eu mencionei que eu gosto de usar Animators Toolbar. Vou mostrar-lhe alguns dos benefícios e características desse plug-in. Mas também mostrarei como fazer tudo sem usar a Barra de Ferramentas Animadores. Para esta mancha, tenho o nosso ciclo inicial do nosso personagem. Apenas a mesma coisa, repetido três vezes, e então eu fui em frente e desenhou outra posição para este personagem. Aqui temos um desenho do nosso monstrinho agachado em uma bolinha. Eu simplesmente rastreei isso três vezes para que nós tenhamos isso com um loop. O que vamos fazer é criar uma mancha para a transição disso para aquilo. Então, antes de começarmos, vamos fazer uma pequena recapitulação aqui. Queremos ter certeza de que nossa taxa de quadros é definida como 12 quadros por segundo. Você pode verificar isso olhando para a parte inferior da sua linha do tempo e você verá alguns 12 quadros por segundo. Se o seu não está definido para 12 quadros por segundo, vamos apenas ir em frente e clicar em nossa pequena janela Linha do Tempo aqui e para definir a taxa de quadros das linhas do tempo. Aqui vamos nos certificar que é às 12, se não for mudá-lo para 12, e estamos prontos para ir. Temos a nossa primeira posição e, em seguida, temos este pequeno loop da nossa segunda posição, então precisamos fazer o esfregaço e entre eles. Como você verá aqui, eu tenho a primeira posição e, em seguida, a posição de esguicho em pequenos grupos separados aqui. Esses grupos são chamados de camadas de vídeo. Dentro de uma camada de vídeo, você pode ter vários quadros, que são camadas no Photoshop, então temos nossa posição de monstro um e, em seguida, a posição de agachamento como seu próprio grupo de vídeo. Para o esfregaço, vou fazer um novo grupo de vídeo. Mesmo que seja apenas um quadro, ajudará a organizá-lo e mantê-lo separado. Dessa forma, se quisermos repetir algo de qualquer um deles, teremos isso como uma coisa separada. A primeira coisa que vamos precisar fazer é colocar uma moldura aqui que possamos desenhar para fazer nosso esfregaço. Com Animators Toolbar Pro, se apenas clicar neste pequeno botão Plus, apenas nos faz um pequeno quadro agradável, então nós arrastamos para a posição e já é o comprimento certo. Se você não tem Animators Toolbar Pro, eu vou apenas ir em frente e desfazer isso. Você pode clicar em suas camadas aqui e, em seguida, basta fazer este pequeno Plus no canto inferior direito e isso vai lhe dar uma nova camada. A única coisa complicada aqui é que o padrão é este comprimento louco. O que é bom, nós só temos que ir para o final e depois puxá-lo volta para baixo para um quadro e para nossos 12 quadros por segundo, então nós vamos em frente e movê-lo para cima no meio. Temos nosso loop do monstro na posição um, e então temos nossa moldura em branco, que é onde vamos desenhar nosso esfregaço, e então temos a outra posição aqui. Se você não estiver usando o Animators Toolbar e precisar de mais de um quadro, arrastá-lo para o tamanho certo pode ser um pouco entediante. Uma dica rápida para isso é apenas ir em frente e fazer um novo grupo de vídeo. Você vai clicar nesta seta para o lado direito dos grupos de vídeo e fazer Adicionar grupo de vídeo. Agora temos um grupo de vídeo em branco. Uma vez que temos este quadro que já fizemos e arrastou-o para baixo para o tamanho certo, basta segurar a opção e arrastá-lo. Ele vai copiá-lo lá para você. Agora podemos usar este grupo de vídeo 2 como apenas como um espaço reservado de quadros em branco, para que possamos tirar de. Então, se precisássemos de um novo quadro, este já está no tamanho certo, então nós simplesmente seguiríamos a opção e depois arrastá-lo de volta para baixo e agora temos dois quadros lá, e ainda temos mais lá em cima. Se quiser, pode pegar os dois e colocá-los aqui. Agora nós temos três e se você precisar de um monte deles, você só faz isso um monte de vezes. Vá em frente e segure Shift, selecione todas essas camadas, mantenha a opção e, em seguida, arraste-as para cima e agora temos apenas um grande banco camadas em branco aqui. Deixe-me ir em frente e desfazer isso porque só precisamos de um quadro, já que esta é uma demonstração de difamação. Eu só vou apagar essa camada de vídeo extra para manter as coisas agradáveis e simples. Eu falei sobre o Onion Skins no Photoshop, na demonstração Procreate em vez disso, e o Photoshop tem esses também. Para ativar, Onion Skins nós vamos para aqui para o lado direito da nossa janela Linha do tempo, clique sobre isso e, em seguida, clique em Ativar Onion Skins. Como você verá, nosso monstro aparece imediatamente. Se formos para o nosso quadro de esfregaço que vamos desenhar, que está no Grupo 1, vamos seguir em frente e nomear este Smear para que seja menos confuso. Este é o nosso quadro Smear, e você pode ver que temos a posição anterior disponível e, em seguida, a segunda. Então é um pouco difícil dizer o que está acontecendo aqui, porque está tão escuro. Podemos entrar e tentar corrigir nossas configurações de pele de cebola para tornar isso um pouco mais fácil de ver. Você vai e clique nessas linhas no lado direito, em seguida, vá para as configurações de pele de cebola. Vamos clicar nisso, isso controla o quanto estamos vendo. Quadros antes significa que vamos ver uma visualização de um quadro antes e uma visualização de um quadro depois. Acho que funciona melhor porque fica um pouco confuso. Pode haver um momento em que você precisa ver vários em uma fileira, você pode ir em frente e mudar isso. Aqui temos a opacidade máxima e a opacidade mínima. Isso mostra o máximo, o que está ao lado dele seria 50 por cento e então o próximo seria 25 por cento, então vamos em frente e mudar isso para que possamos ver o que isso significa. Se mudarmos isso para 100 por cento, os quadros antes e depois serão 100% escuros. Isso não seria muito útil em tudo, então vamos em frente e mudar isso para 20%. É um pouco mais leve. Se você estiver fazendo apenas um quadro antes e depois, não precisa se preocupar com capacidade mínima. Quando você está fazendo vários quadros seguidos, a opacidade muda ligeiramente à medida que fica cada vez mais longe para que você possa diferenciá-los. Photoshop não tem esse recurso agradável que o Procreate tem onde ele mudará automaticamente as cores das camadas antes e depois, então pode ser um pouco confuso ver o que estamos fazendo aqui. Há algumas dicas e truques que posso te mostrar se isso ficar um pouco estranho demais. Esta é a nossa camada de esfregaço, é aqui que vamos desenhar o nosso esfregaço e à medida que estamos visualizando o quadro passado e o próximo quadro, você pode ver que é um pouco confuso onde as linhas se sobrepõem e é difícil dizer o que está em qual camada. Uma dica rápida que eu tenho é adicionar um novo grupo de vídeos. Se você passar para a nossa linha do tempo, podemos ir e adicionar um novo grupo de vídeos e vamos usar isso como um lugar para fazer uma cópia da nossa camada de desenho que podemos modificar que eu selecione a camada que estamos vendo na visualização. Então eu vou manter a opção. Em seguida, basta arrastar isso para o novo grupo de vídeos. Dessa forma eu tenho uma cópia do desenho em sua própria camada que eu posso modificar sem ter que me preocupar em estragar o original. Agora vou em frente e desligar a sequência original da posição um monstro. Agora que eu tenho essa nova camada, eu vou segurar Command e clicar nesta camada para selecionar todo o trabalho de linha. Então eu vou em frente e escolher uma cor brilhante ou usar um vermelho. Vou pegar o balde de tinta e preencher isso. Agora temos basicamente apenas uma versão vermelha do nosso desenho. Agora, quando visualizarmos nossa camada de esfregaço, você verá que o desenho anterior é lido. O próximo desenho é preto. Agora podemos dizer muito claramente o que está em que camada. Agora podemos começar a desenhar. Vou mudar minha cor de volta para preto, pegar um pincel. Vou passar para as minhas predefinições de ferramentas. Selecione o pincel de tinta que eu uso para fazer o outro desenho que tudo corresponde. Vamos entrar nisso. Você só quer escolher um lugar para começar? Eu geralmente gosto de escolher o lugar mais fácil ou apenas os olhos por alguma razão eu gosto de começar com os olhos. Faremos isso aqui. O que eu vou fazer agora é desenhar uma linha conectando os lados dos olhos de onde eles começam. Depois, para onde vão. Veja, você verá que só estou agarrando o tamanho dos olhos. Então eu vou entrar e preencher o topo. Então pegue essa linha de baixo. Então junte-os como se eu ligasse os pontos. Então vamos literalmente conectar os pontos com as pupilas. Preencha os dois. Então você pode apenas conectá-los. Basta que siga essa linha. Faça a mesma coisa deste lado embora o olho se mexa um pouco, mas é o mesmo processo. Vamos preencher isso. Em seguida, vamos ter que abordar a cauda. Você verá quando ele estiver agachado, a cauda está sobre sua cabeça inclinada no ponto de pé. É só ficar lá fora para ser técnico. O que vamos fazer é tentar encontrar o meio termo entre estes dois lugares. O que você pode fazer é encontrar o ponto no meio e começar a usar isso como linha. Vou puxar esta linha entre o primeiro e o próximo para ele. Então eu vou trazê-lo a meio caminho. Eu quero ir até o fim porque esta camada de esfregaço vai nos dar um pouco de um no meio. Esse movimento extra vai para o próximo quadro, vamos torná-lo um pouco mais dinâmico. Temos o topo da cabeça aqui. Nós vamos fazer a mesma coisa ou nós vamos apenas entrar no meio. Este é um pouco não tanto no meio, porque está mais perto do topo. Mas vamos puxar essa linha. Então eu só vou trazer esta linha até a boca. O que vem a seguir? Vamos ver os pés. Os pés são praticamente os mesmos em ambas as situações. Isso é coisa fácil de fazer. A perna externa fica completamente obscurecida pelo corpo. Vamos apenas desenhar o corpo quase todo o caminho para baixo como um pouco de um intermediário entre esses dois pontos. Você vai ver quando ele se levantou, a perna ficou um pouco de uma curva para ele e é quase mais de uma volta de 90 graus quando ele se agachou. Encontraremos um meio termo que dobre a perna um pouco. É quase como um ponto a meio caminho, apenas assim. Nem consegues ver o que se passa com a outra perna. Vamos traçar essa linha lá dentro. Mas aprendendo a se preocupar demais com isso porque você não será capaz de vê-lo. A boca é um pouco complicada porque está sendo obscurecida pelos olhos. Mas está tudo bem. Não precisamos nos preocupar com isso. Começaria aqui. Talvez comecemos pela boca inferior. Vamos fazer essa linha inferior dos lábios. Se um lábio é o que você chama essa coisa. Vamos até o topo. Vamos começar a linha do lábio superior um pouco mais baixo para começar o movimento descendente. Você verá que a boca é um grande vazio negro aqui. Em segundo lugar, está quase completamente, bem, está completamente fechado. Para combinar com o obituário visual, podemos fazer com que os dentes caiam porque há mais espaço branco lá para obscurecer um pouco daquele vazio negro. Vamos terminar esta linha de lábio superior. Então feche este lugar aqui. Então podemos colocar a língua. Vamos apenas começar. Você pode ver onde começa. Podemos usar um pouco desse espaço e puxá-lo para baixo assim. Está quase começando no mesmo lugar, mas apenas um pouquinho mais baixo para manter o movimento descendente intacto. Esse é o nosso esfregaço. Agora podemos ir em frente e excluir essa camada temporária porque não precisamos mais dela. Serviu o seu propósito e agora deve ir para o lixo. Tchau, tchau. Agora vamos ser capazes de visualizar esta coisa um pouco melhor e olhar para isso, nós temos um esfregaço. Vamos descer aqui e desligar as peles de cebola dela. Agora será capaz de ver as coisas um pouco melhor. Vamos olhar para isso. Para fazer este loop, vamos precisar repetir este esfregaço no final. Para fazer isso, usaremos nosso novo grupo de vídeo. Truque. Vai em frente e fazer um novo grupo de vídeo. Vamos manter a opção e arrastar nossa camada de esfregaço para aquele novo grupo de vídeo. Lá vamos nós. Agora vamos mover isto para o fim dos nossos quadros. Agora você vai ver que vai de volta para o início, porque os esfregaços apenas que um quadro. Agora temos um loop perfeito em que eu olho para isso. Isso é bastante difamatório para mim. Agora criamos uma mancha no Procreate e no Photoshop. Para terminar este smeartacular de três partes, acompanhe o próximo vídeo, onde vou mostrar-lhe mais algumas opções diferentes para esfregaços. 9. Mais smears em ação: No próximo vídeo, mostrarei mais alguns exemplos que criei. Nesta animação, acabei de fazer com que os olhos do nosso monstrinho saíssem da cabeça dele. Vou mostrar-lhe os passos que fiz para fazer isto. É bem simples. Eu tenho este conjunto no recurso de ping-pong, que Procreate tem, onde ele só vai para o fim, e então atira de volta para que você seja capaz de fazer um loop sem ter que realmente loop a seqüência. Ele só vai para o fim e depois se recupera. Eu usei alguns esfregaços aqui, mas em vez de usar apenas um, usei algumas coisas. Com o trabalho de linha verde e vermelha, você pode ver que a diferença entre esses quadros, o esfregaço dos olhos começando para onde eles terminam não é muito diferente. Você pode ver que o contorno é o mesmo praticamente em ambos, exceto para esta pequena área no lado onde ele afunda no estado final. Então as pupilas só são estendidas. Eu também fiz um meio-chão para a língua, onde a língua vem cerca de meio caminho para fora e, em seguida, completamente termina no final. Quando tocamos isso, os olhos se apagam. Neste, eu só tenho os olhos ir ainda mais longe e apenas sair da cabeça dele. Sobre este, acrescentei um pouco mais de expressão. Eu fiz isso usando algum tempo e alguma antecipação. O que quero dizer com isso é que tenho algum movimento que nos prepara para o que está por vir. Essa antecipação ajuda a preparar o espectador para o que está prestes a acontecer. Neste caso, são esses pequenos olhos de personagens apenas soprando para fora de sua cabeça. Vamos passar e eu posso compartilhar isso um pouco mais claro. Antes que os olhos saiam da cabeça dele, faço-o inclinar-se um pouco para trás. Ele não só se inclina para trás, pisca um pouco, e depois se inclina para trás. Ter esse movimento extra, onde ele vai para o lado oposto antes que os olhos se empurrem para a frente, dá-lhe um pouco mais de expressão, e apenas torna um pouco mais dramático, e mais cartoony, e ter um pouco mais de energia. Não só fiz essas coisas de antemão, usei alguns seguimentos. A seguir é que, uma vez que eles chegam ao fim, ele vai um pouco mais longe, e depois se instala de volta para onde estava. À medida que os olhos piscam, também estou usando o princípio de squash e alongamento. Dá a ilusão de gravidade, peso, massa e flexibilidade. Usando isso com este personagem ajuda a dar-lhe um pouco mais de expressão e dá-lhe movimentos mais realistas e mostrando que este rosto é realmente feito de coisas. Quando estamos usando o squash e o stretch, é importante manter o volume do objeto consistente. Você vai notar que quando pisca, próprio globo ocular está ficando mais curto, mas está ficando mais largo para manter a mesma consistência de volume. Uma nota rápida sobre o piscar de olhos. Para fazer um piscar de olhos naturais, você deseja segurá-lo por mais de um quadro. Como você pode ver, seus olhos estão fechados por alguns quadros aqui. Se você não fizer isso, vai acabar parecendo mais uma falha. Como você pode ver, há alguns quadros para quando eles se fecham, eu acho que eu tenho dois quadros aqui, mas então eles voltam a abrir. Outro princípio que estou utilizando aqui é o de seguir e sobreposição de ações. Quando objetos param depois que estão se movendo, diferentes partes do objeto pararão em taxas diferentes. A fim de fazer isso parecer mais realista, eu fiz com que ele continuasse. À medida que o personagem pára de se aproximar, os olhos vão um pouco mais longe, e a língua vai um pouco mais longe, e o corpo se move um pouco para a frente antes de voltar para o lugar. Na próxima lição, mostrarei como transformar-se de um objeto em outro objeto. 10. Morphing: Neste exercício, vou mostrar-lhe como criar uma transformação em loop. Isso levará um objeto e o transformará em outro objeto. Usaremos algumas das coisas que aprendemos em exercícios anteriores. Mas isso será um pouco diferente, porque em vez de mover um objeto de um lugar para outro ou de uma posição para outra, estaremos mudando um objeto em outro objeto. Será uma maneira ligeiramente diferente de pensar sobre as coisas, mesmo que usemos técnicas semelhantes de mudar as coisas um pouco de cada vez de um quadro para o outro. Para a primeira transformação, vamos fazer algo simples e vamos fazer isso no Procreate. O que vamos fazer é transformar a letra A na letra B. Vou clicar em Adicionar um quadro, e agora temos a nossa cor transparente e secundária, que é cinza. Como você pode ver assim que você clicar na nova camada, temos a versão mais leve pode desenhar direito em cima disso. Eu vou usar isso como um guia para desenhar meu B. Eu vou ir em frente e simplesmente desenhar um B direito sobre o A então é aproximadamente o mesmo tamanho para manter as coisas agradáveis e fáceis. Eu estou indo para um adicionar outro quadro, mas primeiro eu vou clicar de volta no A porque eu quero este novo quadro entre os dois. Tudo o que eu vou fazer agora é tentar mover as linhas que compõem o A, que eles se tornem as linhas do B. O que eu quero dizer com isso é que nós vamos apenas mover cada linha um pouco de cada vez. Isso pode ser um pouco confuso no início, mas uma maneira fácil de fazer é focar no primeiro no início. Eu só vou olhar para as linhas do A. Nós temos essas linhas do lado, e você pode prestar atenção onde as linhas A e B se sobrepõem. As linhas verdes e vermelhas. O que podemos fazer é começar a preencher as linhas onde elas se sobrepõem e empurrá-lo para fora um pouco mais para chegar mais perto de onde estamos indo com o B. Há essa área do A que se sobrepõe um pouco e podemos trazer isso em um pouco e fazer a largura da perna do A um pouco mais magra no meio, e um pouco mais larga no lado de fora para chegar mais perto do B. Temos essas áreas onde há um pouco de sobreposição e o B se destaca. Basicamente, estou encontrando um meio termo entre esses pontos. Se puxarmos esta linha para cima e entrarmos entre o vermelho e o verde. É como um passo entre o processo. Se isso faz sentido. Eu vou descer e estes estão totalmente sobrepostos aqui, e o verde não está muito mais longe, isso está praticamente morto. Há aquele lugar com um grande pontapé, então eu só vou tirar um pouco do A e preencher isso, e então a barra transversal no A e a parte central do B ou bem perto. O que podemos fazer é mudar a barra transversal do A um pouco para cima e diminuir para chegar mais perto do B. Como você pode ver, não é uma grande mudança quando olhamos para ele no geral, mas nós empurramos as coisas em um pouco pouco e obtê-lo um pouco mais perto sem ter que ser uma mudança dramática real. Podemos voltar e adicionar um pouco mais, passando por cima das áreas verdes e empurrando nossa linha para as áreas verdes um pouco mais para acelerar essa transição um pouco mais. Agora vamos adicionar outro quadro e vamos usar este novo desenho que fizemos como nosso ponto de partida. Agora já estamos nos aproximando do B. Podemos preencher toda essa linha porque já está muito perto, e então essas pequenas partes do lado, nós apenas empurrá-las para que eles estejam mais perto de se juntar no meio. Vou acelerar isso um pouco. Aqui vamos nós. Vamos chegar um pouco mais perto sem pular muito longe, e como você pode ver, já estamos bem perto. Isso é realmente praticamente tudo o que é preciso para ter essa transição perfeita, então se apertarmos o play, você pode ver que ele simplesmente se transforma naturalmente. Há apenas uma pequena mudança apenas lentamente tornando as linhas um pouco mais próximas umas das outras. Estamos fazendo isso com o A e o B para começar porque é uma maneira simples de mostrar como esse processo funciona. Para fazer esse loop, tudo o que estou fazendo agora é duplicar esses quadros e reverter a ordem. Agora ele vai mudar para o B e depois voltar para o A. Vamos jogar isso, aqui vamos nós, vamos transformar isso em Loop, e agora vamos ter um loop. Quando você está fazendo uma transformação, é bom ter os principais quadros-chave sendo os A e B acima na tela por um pouco mais. Já que não os fizemos balançar, queríamos desenhar três vezes. Vamos em frente e duplicar isso. Nosso nome de número de camada está ficando um pouco louco. Vou renomear isso para torná-lo um pouco mais fácil. Vamos ver. Duplicar essas oito vezes para que possamos ver cada letra um pouco mais por isso não está apenas morphing o tempo todo. 11. Animando seu morph: Agora que você aprendeu a fazer uma simples transformação, mudando a letra A para a letra B, vamos passar para o evento principal onde transformamos nosso primeiro personagem em nosso segundo personagem. Para começar, tenho meus dois arquivos abertos aqui. Este é o meu primeiro loop monstruoso, como podem ver, temos os nossos três quadros repetidos aqui. Eu apertei “Play” nós temos o nosso pequeno loop lá. Então, o que vamos fazer é transformar esse cara nesse cara. Queremos juntar esses dois arquivos. O que eu vou fazer agora é eu vou clicar de volta no nosso pequeno personagem cão, e eu vou para a minha janela de camadas, e eu vou apenas selecionar este grupo completo aqui, e eu vou apenas arrastá-lo para o nosso outro arquivo. Então agora nós temos essas três camadas, você pode ver em nossa linha de tempo, nós temos aquele quadro de loop de manobra bem em cima lá. Então eu vou selecionar todas essas camadas novamente e, em seguida, apenas movê-las para que elas estejam centradas em cima de nosso outro personagem. Terminamos com este, podemos minimizar isso e eu vou mudar minha visualização para tela cheia com barras de menu para que assim nós obtemos essa tela cheia e temos controle total sobre ele e podemos ver tudo o que estamos fazendo. Neste momento, os nossos dois personagens estão empilhados, não queremos isso. Vou clicar em nossa camada de cachorro, segurar “Shift” para selecionar todos os quadros dentro desse grupo, então eu vou apenas arrastá-los para cima. Então agora eles estão bem ao lado dele. Mas porque vamos fazer uma transformação, vou arrastá-la um pouco mais para que tenhamos algum espaço no meio para incluir nossos quadros que usaremos como o morfo. Eu estou pensando que isso vai levar talvez três quadros para fazer essa transformação, eu só vou arrastar isso para que nós tenhamos espaço para três quadros entre eles. Então o que precisamos agora é criar um grupo de vídeo para nossas camadas de transformação. Assim como fizemos no passado, vou clicar em uma dessas setas no nosso grupo de vídeos. Eu vou fazer um novo grupo de vídeo e, em seguida, para ser extra bom, eu vou ir em frente e rotular isso, a transformação. Dessa forma, é mais fácil manter o controle aqui. Não é um vídeo tão grande quando você está apenas fazendo algumas animações simples, mas se ele fica mais complicado e você tem muitos elementos diferentes, certificar-se de que você rotular as coisas é realmente útil a longo prazo. Então, basta ir ao nosso menu Camadas e, em seguida, clique em “Mais” e, em seguida, temos um novo quadro bem ali. O único problema é que é muito longo, então vamos até o final e depois arrastá-lo para o comprimento certo. Então podemos mover isso para o lugar certo e podemos apenas mais isso porque já é o comprimento certo, nós apenas duplicamos. Lá vamos nós. Então estas são as nossas camadas de transformação. Antes de começar a desenhar, quero que minhas configurações de pele de cebola sejam corretas e fáceis de usar. Então, se eu clicar na minha primeira camada de esfregaço, as configurações padrão de pele de cebola, eu posso ver este primeiro monstro, mas eu não posso ver o segundo porque eu tenho essas camadas em branco que eu criei antes do tempo. Uma maneira de evitar isso seria mover nossas segundas camadas para cima e, em seguida, apenas continuar movendo-as como eu preciso. Outra maneira de contornar isso é usar o truque que eu ensinei da última vez em que fazemos uma duplicata do nosso desenho que podemos modificar e mudar a cor para tornar mais fácil ver o que estamos fazendo. Eu gosto de fazer isso especialmente para morphs porque pode ficar confuso. Então eu vou fazer isso aqui. Vamos fazer um novo grupo de vídeo, e então eu vou ir em frente e selecionar meu primeiro cão Camada e eu vou segurar “Opção” e arrastar isso até sua própria camada. Então eu vou desligar o outro set. Então nós temos isso, eu vou seguir em frente e segurar “Command”, clique na camada para que seja tudo selecionado e então eu vou escolher a cor brilhante e, em seguida, ir para Editar, Preencher, Cor do primeiro plano. Então agora isso está em sua própria camada, nós podemos apenas arrastá-lo para cima. Agora, quando formos trabalhar em nossa primeira camada de transformação, você verá que temos uma boa visão de nossa primeira camada e a próxima porque é a cor vermelha. Ainda está um pouco escuro. Então vamos em frente às nossas Configurações de pele de cebola, e eu vou apenas trazer essa opacidade máxima para, vamos tentar 35. Dessa forma, há uma pequena diferença entre as linhas que vou desenhar e as linhas que estão lá. Agora, estamos prontos para começar a desenhar. Então vamos começar a esfregaço. Como sempre, a primeira coisa que vou fazer é descobrir por onde vamos começar. Eu geralmente tento encontrar a coisa mais fácil para começar ou apenas começar com os olhos. Eu gosto de começar com os olhos porque, eu não sei, eu acho que eles são os mais divertidos. Eu vou girar a tela para que eu possa desenhar isso melhor. Vou me concentrar nesses dois olhos do meio primeiro. Eu só vou conectá-los. Então eu vou desenhar uma linha no lado de fora de um, e eu vou desenhar uma linha no lado de fora deste outro, e eu vou apenas conectá-los para fazer esta forma oval longa mesclando os dois lados juntos. Então temos essa pequena linha da bochecha lá. Nós não vamos realmente precisar na segunda parte, mas eu vou apenas adicionar isso aqui para que as transições um pouco mais contínuas. Agora, vamos apenas fazer um pouco de um conectar os pontos com esta pupila. Mova isso completamente e eu vou apenas preenchê-lo, e você vai ver que há um destaque nos olhos deste personagem, mas no outro. Então eu vou deixar isso se misturar e desaparecer no resto da pupila. Então, para esses outros olhos, vamos fazer a coisa da repetição. Bem, eu vou desenhar um monte ou alguns dos olhos repetindo enquanto eles atravessam na transição. Então coloque dois aqui, então vamos para o outro lado, puxamos os olhos para dentro. Então, se você olhar para a boca em ambos, eles estão quase no mesmo lugar apenas nos lados inversos. Então, o que eu vou fazer é, apenas desenhar uma linha conectando ambos os lados sendo a boca de cães e um pouco [inaudível] boca de personagem e apenas conectá-los por todo o caminho. Então vamos fazer a mesma coisa para o fundo apenas para tornar isso em uma linha sem costura conectando os dois porque as bocas estão no mesmo local e torna isso agradável e fácil. Então nós temos esses pequenos lábios sobre o cão, mas então é uma linha completa e o outro personagem. Então, eu só vou trazer isso todo o caminho para o outro lado. Agora, temos a língua para lidar. Então eu só vou fazer aquele moinho corcunda todo o caminho. [ inaudível] Mega língua corcunda. Então nós temos dentes, vamos colocar os dentes por todo o caminho. Então vai ser assim. Eles estão repetindo coisas que falamos antes, em que você repete várias vezes para mostrar o movimento. Já que não há lábio no topo, vou levar isso por todo o caminho, puxar e estas são as linhas da boca e preencher isso. Temos a frente do corpo fantasma, depois a cauda e depois o corpo do cão. O que vou fazer é encontrar uma linha do meio entre estes dois para atravessá-lo. Apenas indo para desenhar uma linha direita entre a linha vermelha de um personagem de boneca e a linha preta desbotada do próximo personagem. O topo da cabeça é agradável e fácil eles são da mesma altura que nós vamos apenas puxar essa linha todo o caminho através. Basta adicionar essa coisinha eu ousada, colocar este nariz aqui e eu vou ter que ele vai esgueirar-se por trás do olho. Ajuda com a ilusão que faz parecer um desses círculos que estão se movendo pela página. Agora temos que pensar sobre esses pés e como eu mencionei que eu queria que os pés girassem de baixo para cima para se tornar as orelhas dos cães. O que eu estou pensando é que vamos fazer alguns esfregaços diferentes para fazer esses pés começarem a se mover o lado do corpo e para a cabeça. Eu só vou começar esse movimento puxando-os para fora um pouco mais, em seguida, colocar algumas linhas extras para as pernas e isso vai nos fazer começar a trazê-los para o topo onde queremos que eles estejam. No braço para lidar com e algumas outras coisas aqui, mas este é provavelmente um bom lugar para o nosso primeiro esfregaço ou não no primeiro esfregaço primeiro quadro em vez. Vou em frente e mudar aquele cachorrinho vermelho para que possamos usar como referência para o próximo quadro. Quando você está transformando o que está tentando fazer, você está tentando colocar cada quadro na animação um pouco mais perto do ponto final final. Deixe-me dar um zoom para mostrar do que estou falando. Se você olhar aqui você verá a linha vermelha como esse olho é onde estamos tentando chegar. Nesta linha cinza é da nossa camada anterior e que é o movimento do nosso olho ficando do seu ponto inicial para o segundo ponto. O que vamos fazer é apenas tentar mover este olho lentamente para chegar ao ponto final lá. O que eu vou fazer é desenhar um meio termo entre os dois e colocar o conjunto de pupilas entre eles. Como você pode ver, é apenas entre os dois estados. Eu vou fazer a mesma coisa neste, eu vou preencher esse olho, mas em vez de traçar a linha vermelha exatamente, eu vou ter que sair um pouco mais longe para que não seja uma mudança tão dramática daquele grande esfregaço inicial que tínhamos feito. Nós vamos rastrear o nariz e eu vou apenas terminar isso fora embora do jeito que ele vai ser no final porque ele já estava bem perto. Aqui atrás é um pouco mais complicado você vai ver que estamos tentando chegar a este traseiro do corpo do cão. O que eu vou fazer é fazer disso uma mudança dramática. Mas, novamente, estamos usando um esfregaço para fazer esse movimento acontecer muito rápido. Vou tirar vantagem dessa mancha e me livrar de um monte de espaço bem rápido. Eu só vou entrar aqui e desenhar a boca, mas eu não vou até o ponto final, eu ainda estou dando um pouco de espaço para que o movimento está acontecendo. Agora eu só vou entrar aqui e rastrear os dentes e nós podemos colocá-los exatamente onde eles deveriam estar porque eles estão quase lá de qualquer maneira. Às vezes, é útil clicar para frente e para trás para que você possa apenas fazer referência ao que está acontecendo porque pode ficar um pouco confuso. Agora temos de voltar para resolver esta situação dos pés. Começamos com aqueles pés grandes manchar coisas. Vou continuar com isso e fazer outro grande movimento que é semelhante ao que estava acontecendo lá. Eu vou para a metade do caminho para cima e então desenhar mesma coisa de pés esticados como um esfregaço e então nós podemos entrar e adicionar um pouco de movimento e levá-los para cima e ajudar visualmente a fazer um pouco mais de sentido. Como este movimento estava acontecendo, podemos nos esgueirar nos velhos pés quase como se eles estivessem atrás da outra coisa, então não vai parecer estranho como ele vem através porque era algo bloqueando para você, para começar. Vamos apenas uma maneira sorrateira de colocar isso lá. Agora temos de tratar deste braço. Havia muita coisa acontecendo nessas áreas porque ambos os lados do corpo, então ele pode aparecer aqui e não vai parecer muito estranho porque havia um monte de linhas lá de qualquer maneira. Mas vamos fazer uma pequena coisa de manchar onde começamos a entrar de lado em vez de ter apenas aparecendo completamente e nós deveríamos estar no corpo. Tudo bem. Vamos encher essa boca às vezes eu desligo Peles de Cebola. Assim posso passar e ver como está sem as outras coisas. Como você pode ver que já está se juntando, eu acho que nós só precisamos de mais um quadro e isso será praticamente perfeito. Vamos voltar a ligar as Onion Skins e mover a nossa camada de referência vermelha mais uma vez para que possamos referenciar a moldura completa que acabamos de desenhar e a vermelha. Agora as coisas estão chegando perto. Vou entrar aqui e traçar essa linha bem entre os dois. Traga isso para baixo quase perfeitamente sobre os pés aqui e nós temos esta linha de braço aqui e está quase lá. Nós podemos fazer como um pequeno esfregaço aqui onde nós torná-lo quase tão largo quanto o espaço que ele precisa para preencher. Podemos esticar isso para que pareça que está se movendo e um grande borrão de movimento. Passar por isto muito rapidamente, acelerar através deste desenhe os olhos a meio caminho e agora temos estes ouvidos que estão quase onde eles precisam estar. Só precisamos de mais um esfregaço elástico para estas orelhas. Eu não vou até os fins, mas estou chegando muito perto. Dessa forma, na posição final, há apenas um pouco mais de movimento acontecendo. Eu só vou desenhar essas orelhas em, acelerar isso um pouco provavelmente apenas adicionar em mais algumas linhas de movimento apenas para terminar isso fora já que estamos usando-os antes que eu acho que deve funcionar bem. Vou encher a boca, e neste momento temos tudo o que precisamos. Você pode querer voltar e depois e apertar esses quadros, mesmo que eles só sejam vistos por um segundo rápido. Podemos excluir nosso comprimento de referência vermelho, não precisamos mais disso. Então podemos voltar e ligar nossa camada de sequência Dog Wiggle ou grupo de vídeo e vamos desligar as peles de cebola para que possamos visualizar isso e ver como ficou bom. Na próxima lição, vamos pegar o que aprendemos até agora e combiná-los em uma animação única, mais dinâmica e envolvente. 12. O projeto final: Nesta lição, estarei montando meu projeto final. Vou combinar algumas das coisas que fizemos até agora e fundi-las completamente em uma animação divertida que é um pouco mais dinâmica do que apenas um simples movimento ou transformação. Para o meu projeto final decidi combinar a minha morph com algumas das demonstrações de difamação que eu tinha feito. Eu combinei muito disso em um arquivo agora que eu vou te guiar, e então nós vamos terminar juntos ou melhor, você vai me assistir terminá-lo. O que temos aqui, vou passar por isto. Temos o nosso personagem secundário e eu faço-o transformar-se no nosso personagem monstro original. Eu usei a mesma animação de transformação que eu tinha feito antes. Eu só reverti porque nós transformamos este em um presente. Mas aqui eu queria começar com o cachorro, então ele se transforma de volta neste monstro e então eu uso a demonstração de esfregaço que eu tinha feito onde seus olhos estão insetos fora de sua cabeça e sua língua sai. Quero a minha animação final em loop. Preciso voltar deste personagem para este personagem. Minha idéia é que quando esse cara se transforma nesse cara e seus olhos estão saindo de sua cabeça, seus olhos estão se irritando porque ele está vendo a si mesmo. Preciso que a câmera desloque para que possamos ver que ele está olhando para si mesmo em seu estado original como o cachorrinho. Eu vou fazer seus olhos saltarem de volta para sua cabeça com tanta força que ele o empurra para trás, e como ele o empurra para trás, nós somos capazes de ver o personagem original e ele vai sair da tela para nos levar de volta ao ponto de partida. Vamos começar a desenhar essa sequência. Já temos uma moldura nova, e eu tenho peles de cebola ativadas porque eu quero que os olhos dele apareçam de volta e pareçam que há muito impacto onde ele está empurrando-o para trás. Precisamos fazer o movimento muito rápido. Você precisa ter menos quadros para que isso aconteça muito rapidamente. Vamos tê-los vindo quase todo o caminho de volta quase imediatamente. Eu vou desenhar o ponto de partida para os olhos, e eu vou trazê-los para a vida bem aqui, logo fora disso, então nós vamos apenas rastrear sobre o resto do personagem como está. Vamos comprar uma nova moldura aqui. Como mencionei, queremos que pareça que está acontecendo rápido. Se está acontecendo rápido, vai haver algum impacto nisso. O que eu quero fazer é que o corpo dele mude por causa do impacto. Vamos bater a cabeça dele para trás e talvez possamos fazer parecer que os olhos estão voltando para a cabeça dele. Vamos desenhar esses dois círculos aqui, mas talvez bem, fazer um contorno preto para que pareça que eles estão entrando na cabeça dele. Então não precisamos dessa linha da bochecha porque eles estão indo direto para a cabeça dele. Podemos deixar a cauda onde está, por isso é só a cabeça dele saltar para trás e, de alguma forma, os pés dele ficam no chão, mas talvez a língua possa balançar um pouco do impacto. Estamos fazendo essa coisa, é definitivamente um pouco de um experimento que você vai ver o que está funcionando. Mesmo que a cabeça dele esteja voltando, não acho que seja movimento suficiente agora que estou assistindo. O que eu vou fazer é pegar o personagem e movê-lo fisicamente para trás um pouco e talvez até girá-lo um pouco. Não revela um pouco melhor. Posso transformá-lo e chutá-lo de volta, e então eu vou apenas alinhar os calcanhares para que ele fique no mesmo lugar. Vamos desligar a pele de cebola para ver como isso parece. Acho que isso é muito bom, mas já que ele está balançando para trás agora, acho que devemos ter o pé dele para fora um pouco. Mantemos esse no chão e talvez este esteja começando a balançar. Vamos voltar a ligar as peles de cebola para vermos se isso faz sentido. Acho que vamos tentar mais um quadro onde ele está começando a cair para trás antes de começar a deslizar para fora do quadro. Vamos fazer a língua começar a se mover um pouco aqui. Talvez possamos exagerar ainda mais a cabeça. Talvez eu possa fazer os olhos ainda menores lá dentro. Vamos ver como fica se puxarmos a cabeça para trás, como se os olhos estivessem quebrando a cabeça dele, a parte de trás da cabeça, se preferir. Vou girar isso ainda mais, talvez tenhamos os dois pés deslizando. Como eu mencionei, quando você está desenhando essas coisas quadro por quadro e você está descobrindo as coisas, elas ficam um pouco ásperas. Como se este desenho pudesse precisar de algum trabalho. Eu poderia voltar e apertar isso depois para torná-lo um pouco melhor. Já que vamos tirá-lo do quadro, vou movê-lo de volta ainda mais para começarmos essa progressão. Vou começar a deslizá-lo de volta e vou segurar a tecla Shift para mantê-lo na mesma linha de base. Agora, vemos que ele está começando a voltar, e queremos que ele vá rápido. Acho que vou fazer mais um quadro intermediário onde ele está em movimento. Acho que quero exagerar ainda mais este movimento. Eu vou puxar essa cabeça, apenas tê-lo de volta assim onde seus pés simplesmente voam na frente dele. Uma vez que este é o último quadro da sequência, eu vou mover este personagem para trás para que ele esteja quase fora do quadro para que possamos ver o movimento acontecendo um pouco melhor. Vamos jogar e ver como funciona. Ainda sinto que o movimento de estalar não está acontecendo tão rápido como eu gostaria. Vou tentar remover um desses quadros intermediários que fiz para tentar fazer esse processo um pouco mais rápido. Vamos ver o que parece se nos livrarmos deste primeiro quadro. Eu só vou arrastar isso para este grupo de vídeo extra que eu possa visualizá-lo sem me livrar dele no caso de ele não funcionar. Eu só vou ir em frente e desligar isso. Vamos ver o que isto parece com aquela moldura removida. Acho que podemos fazer mais uma coisa para tornar isto ainda melhor. O que vamos fazer é um pouco de uma pré-carga aqui. O que eu quero dizer com isso é apenas um movimento extra para acentuar o personagem aparecendo para trás. Vamos em frente e adicionar um novo quadro e, em seguida, vamos arrastar isso para a frente para que tenhamos um quadro em branco bem no início aqui. Voltaremos a ligar as peles de cebola para podermos visualizar o que está acontecendo. Eu só vou arrastar esses quadros extras para que eles estejam fora do caminho, então nós não vamos vê-los na moldura de cebola. Agora, eu posso apenas ver o quadro que está antes e isso vai tornar isso um pouco mais fácil. O que eu quero fazer é apenas adicionar um movimento extra aqui onde ele apenas inclina ligeiramente para a frente para acentuar quando ele aparece para trás. Quanto mais dramática for a antecipação ou pré-carga, mais caricatura e fluida será a animação. Se não tivermos qualquer movimento de antecipação como agora, o movimento fará com que o movimento pareça um pouco rígido. A fim de tornar este movimento um pouco mais dramático, nós só vamos entrar aqui e puxar os olhos dele um pouco mais para a frente, apenas para dar ao personagem um pouco mais magra. Eu vou fazer a mesma coisa com o corpo, vamos apenas incliná-lo um pouco mais para a frente para seguir os olhos, ou manter o corpo no mesmo eixo. Quando chegarmos aos pés, vamos mantê-los no mesmo lugar. Só queremos que o personagem se incline um pouco mais para a frente. Aqui com a língua vamos apenas abaixá-lo um pouco mais, apenas para seguir a inclinação que está acontecendo com os olhos e o corpo. Basta desenhar os dentes como eles estão, puxar a cauda para dentro, e então, como eu mencionei, vamos manter os pés bem no mesmo lugar. Novamente, isso é apenas um pouco de uma inclinação para acentuar o movimento quando ele aparece de volta. Legal, isso é definitivamente melhor. Agora só precisamos deslizar nosso pequeno personagem de cachorro de volta para o quadro para completar o loop. Vou mostrar-lhe um pequeno truque sobre como fazer isso. Eu vou descer aqui e pegar um loop da nossa sequência de manobra para o nosso personagem de cão. Eu vou segurar a opção e arrastá-los para o grupo de vídeo que eu estava usando como um espaço reservado temporário para esse quadro extra antes. Com estes três quadros selecionados vamos passar para o pequeno menu no lado da janela de camadas, e vamos descer para converter em objeto inteligente. Este objeto inteligente vai nos dar alguns controles que normalmente não teríamos com um quadro regular. Ele também empacota ordenadamente este loop baixo em uma sequência. Vamos fazer com que toda essa sequência se mova como uma unidade. Vou arrastá-lo para que ele esteja ligado ao mesmo tempo que nosso outro personagem saindo da tela. O que vamos fazer é entrar neste pequeno menu embaixo do nosso grupo de vídeos, e você verá essa opção de transformação. Vamos clicar neste pequeno cronômetro. O que isso vai fazer é nos deixar controlar a posição de onde esta coisa está para que possamos realmente movê-la ao longo da linha do tempo. Como você pode ver, eu apenas ampliei um pouco para que possamos ver o que estamos fazendo um pouco mais e adicionar mais espaço. Vamos em frente e clicar neste pequeno cronômetro e você verá este pequeno diamante amarelo que aparece. O que isso está fazendo é marcar a posição para onde esse grupo de vídeo está naquele momento. Se arrastarmos isso para o fim e, em seguida, clicar nele novamente, temos outra posição. Agora, se mudarmos esta posição, ele irá mover o nosso personagem através da sequência. Já que queremos que ele fique fora da tela, estou clicando no primeiro diamante e arrastando o personagem para fora da tela. Agora, quando percorrermos isso, você verá o personagem desliza para o quadro. A única questão agora é que ele entra no quadro um pouco rápido demais. Eu só vou deslizá-lo um pouco para trás e então deixar o primeiro quadro da sequência terminar o movimento de fora do quadro para o seu ponto de partida. Agora que estou feliz com a forma como a sequência de animação está funcionando, vou seguir em frente e apertar esses quadros. Mesmo que você só os veja por um período muito pequeno de tempo, ter a animação para ser um pouco melhor e um pouco mais apertada apenas tornaria a animação muito melhor. Na próxima sequência, vamos apertá-los e, em seguida, adicionar um pouco de cor e alguns toques finais. 13. Reforçando e adicionando cores: Nesta lição, vamos apertar os desenhos dos quadros-chave de animação que fizemos na lição anterior. Depois disso, vou mostrar-lhe como incorporar alguma cor e um fundo para realmente dar vida à animação. Vou em frente e desligar as coisas que não preciso. Eu vou nomear esta camada porque eu deveria ter feito isso antes porque pode ficar um pouco confuso. Vamos em frente e chamamos isso de “sketch “de morfos. Então eu vou desligar a outra camada de cachorro. Eu vou fazer um novo grupo de vídeo e aqui, vou colocar camadas que vamos usar para traçar sobre nossas camadas de esboço para fazer arte, para acabar desenhando. Eu vou arrastar isso para o lugar e depois adicionar mais quadros para cada um dos que eu vou estar rastreando. Tenho as minhas camadas de desenho e, em seguida, as minhas novas molduras desenhadas. Vou clicar no grupo Morph aqui no menu Camadas. Então eu só vou trazer a opacidade para baixo para que eu possa referenciá-los e rastreá-los e apertá-los para cima enquanto eu ir. No meu novo grupo de vídeo que eu acabei de criar, que agora eu vou camada nome, um pouco mais funis e grãos. Agora temos nossos re quadros desenhados vamos deixar as camadas de esboço e, em seguida, ligar as outras coisas. Agora que terminamos de redesenhar nossos quadros de animação, estão prontos para passar para o próximo passo onde vamos trazer um fundo e adicionar um pouco de cor e realmente dar vida à nossa animação. Tenho aqui a nossa sequência de animação. Eu vou mostrar a vocês como trazer um fundo para isso para ajudar a tornar esse movimento e parecer um pouco mais real. Eu criei esse fundo, e para fazer isso, eu só fiz um arquivo que era duas vezes maior que o nosso arquivo de animação, para que eu pudesse movê-lo através do fundo e parecer que ele estava viajando pelo espaço. Vou em frente e selecionar tudo e copiar isso. Vou voltar ao nosso arquivo de animação e fazer um novo grupo de vídeo chamado BG para o fundo. Então eu vou apenas ativar o grupo de vídeo e, em seguida, colá-lo no lugar. Vou arrastar isto até ao comprimento do nosso vídeo. Agora, nosso plano de fundo tem o mesmo comprimento, e eu vou clicar nesta seta para mostrar nossas opções para este grupo de vídeos. Vamos fazer a mesma coisa que fizemos para mover o personagem do cachorrinho de volta para o quadro, vamos fazê-lo com o fundo. Não queremos que este fundo se mova o tempo todo porque ele está parado quase o tempo todo. Nós só queremos rolar para baixo até onde o movimento começa. É bem aqui onde ele começa a voar para trás. Vamos clicar neste pequeno cronômetro. Essa é a nossa posição inicial. Então vamos rolar para trás. Vou clicar ali, colocar outro. Queremos que os nossos antecedentes comecem aqui. Vou rolar para esta nova posição. Clique nele, você verá que é amarelo, então está destacado. Agora vou arrastar isto para o outro lado. Você verá os movimentos de fundo. Vamos colocar outra posição para o ponto final. Para isso, precisamos puxá-lo de volta ao início. Dessa forma, quando voltarmos ao início da animação, nosso passado fica no mesmo lugar. Para o processo de coloração. Eu vou acelerar as coisas um pouco porque assistir a coisa toda seria muito tedioso e levar um longo tempo. Para começar a colorir, estou fazendo a mesma coisa que fizemos para redesenhar nossos quadros de animação em vez de colocar um novo grupo de vídeo em cima do outro grupo e redesenhá-los. Estou fazendo um novo grupo de vídeos abaixo e nomeando essa cor. Aqui é onde eu vou apenas fazer quadros que eu vou usar cor. Você pode notar que eu não estou fazendo uma moldura de cor para cada desenho. A razão para isso é que você pode fugir com não colorir todos eles individualmente, estendendo-o para as coisas que se repetem. Como fizemos o movimento, esses são como três quadros diferentes que estão em loop. Sempre que há um loop, podemos apenas fazer um quadro de cor, geralmente porque a linha de trabalho sobreposição que irá esconder o fato de que estamos usando a mesma cor para cada um. Estou colorindo um número de maneiras diferentes. Uma maneira, como você acabou de ver aqui é usando a ferramenta de seleção de varinha mágica, onde eu vou fazer uma seleção e então eu vou usar o balde de tinta para preenchê-lo. Depois volto com um pincel e arrumo as coisas. Estarei rolando para frente e para trás na linha do tempo, vendo onde preenchi as coisas e vendo onde as coisas são sobras. Você pode preencher um e, em seguida, rolar para cima e você verá que há um pouco de espaço extra em branco onde é ligeiramente diferente em tamanho que você possa simplesmente entrar lá e colorir com o pincel. Assim, esconde-os todos para que não haja manchas brancas extras. Eu, no entanto, deixo alguns deles em algumas vezes porque eu gosto da imperfeição. Mas na maior parte, qualquer grande, eu tento limpar. Ou há mais ação, mais movimento. Você não pode usar apenas uma cor para ele. Veja, você terá que voltar e fazer quadro de cor individual para cada um deles porque há muito movimento no trabalho de linha. Essa é a nossa cor. Vamos pré-visualizar. Legal. Eu acho que a cor realmente adicionar que levou a isso do que ajuda a ser um pouco mais coerente com a transição de um quadro para o próximo ou uma cena em vez disso. Na próxima lição, mostrarei como exportar suas animações para compartilhá-las de várias maneiras diferentes. 14. Exportação e compartilhamento: Agora que você criou essas animações divertidas, a próxima coisa que você vai querer fazer é compartilhá-las. Vou mostrar-lhe algumas maneiras diferentes de exportar facilmente estes para compartilhá-los para diferentes aplicações. Bem aqui eu abri uma de minhas animações então eu vou apenas tocar play, apenas um dos exemplos que eu fiz para esta classe. A primeira maneira de exportar isso é ir até sua linha do tempo para a direita, onde você vê pequenas linhas aqui, e nós vamos rolar para baixo até Renderizar vídeo. Isso vai puxar para cima esta pequena caixa de diálogo e tem algumas opções aqui, você verá Adobe Media Encoder e, em seguida, uma sequência de imagem. Você não precisa se preocupar com a opção de sequência de imagens por enquanto, então vamos escolher o Adobe Media Encoder e, em seguida, vemos algumas opções aqui. Sua melhor aposta é escolher a opção H264, e então temos nossa qualidade predefinida pode deixar isso em alta qualidade, e temos um tamanho de documento. Este é apenas padrão para 2048 até 2048 que é o lado do arquivo com o qual eu estava trabalhando. Se você está fazendo isso para usar em mídias sociais ou algo assim, você pode ir um pouco menor para tornar seu arquivo menor. Acho que algo como 1.000 por 1.000 funciona se você tem uma imagem quadrada. Mas se você quiser ir maior, você pode ir maior, você sempre pode usar o padrão 1080, pois essa é uma configuração padrão de alta resolução. Nós temos nossa taxa de quadros aqui, então ele está usando a taxa de quadros do documento certifique-se de que corresponde ao quadro com o qual você está trabalhando ou seu tempo estará desligado. Então aqui temos alcance e você só quer ter certeza que isso é tudo quadros. Ele poderia ser configurado para apenas uma área de trabalho se você estivesse apenas visualizando uma seção de cada vez. Então vamos clicar em 'Render', exportando vídeo e temos um arquivo de vídeo funcionando. Então você pode ir em frente e abrir seu arquivo e verificar se você vê que nós temos um pequeno arquivo de vídeo MP4 hit “play” e nós temos nosso vídeo. O único problema com o vídeo é que ele não faz loop como um GIF faria loop. No entanto, se você estiver postando isso no Instagram, Instagram fará o loop automático do arquivo porque você não pode carregar um GIF para o Instagram. Então esta é a melhor maneira de postá-lo no Instagram e apenas fazer este pequeno MP4 e então isso está pronto para ir no Instagram. Se você não está postando no Instagram e prefere ter um GIF animado, a maneira de fazer isso seria subir aqui para arquivar, exportar e salvar para a Web. Nós temos nossa pequena caixa de diálogo salvar para Web aqui, e a primeira coisa que você vai querer fazer é mudar isso para GIF se ele ainda não estiver no GIF. Quando você está trabalhando aqui a opção salvar para Web tem um grande ajudante pequeno que mostra o tamanho do arquivo no canto inferior esquerdo, então aqui ele diz que é 2,19 megabytes. Isso é muito grande para um GIF que você gostaria de compartilhar on-line, então vamos tentar reduzir isso para tornar este arquivo menos grande para que ele seja carregado mais rápido. Isso é especialmente importante se você estiver tentando usar animações para miniaturas em seu site, você não deseja que seu site seja carregado muito lentamente porque seus arquivos são muito grandes. Há uma série de maneiras diferentes de fazer isso, antes de tudo podemos reduzir o tamanho da imagem que é um passo. Podemos reduzir isso para cerca de 1000 pixels que poderia ser ainda menor especialmente se você estiver fazendo em miniatura para o seu site, isso pode ser exponencialmente menor. Mas vamos ver o que acontece se reduzirmos para 1000 nós já estamos para 623 K, o que é muito bom. Eu diria que um tamanho ideal é inferior a 500 K para carregamento super rápido, mas para uma animação que às vezes não é possível. Este é um tamanho muito bom, mas vamos ver se podemos fazer mais algumas coisas para torná-lo um pouco melhor. Podemos ir até aqui para cores e 64 cores que é apenas uma coisa preto e branco, para que possamos derrubar isso. Eu vou reduzi-lo para oito, mesmo que seja apenas preto e branco Eu acho que às vezes se você trazê-lo para baixo para apenas essas duas cores, ele pode ficar distorcido um pouco porque eu acho que alguns dos movimentos tem alguns Talvez uma escala cinzenta nele. Mas fazer isso traz nosso arquivo para 264, o que é muito pequeno, muito bom e então vamos continuar com isso. Você pode clicar na parte inferior aqui em Salvar, então vamos escolher onde queremos salvar isso. Então salve isso na minha área de arquivos antigos, clique em “Salvar”, e isso vai substituí-lo e lá você tem um lá e nós vamos apenas substituir isso. Vamos encontrar isso e conferir, temos um GIF animado em loop que vai continuar para sempre e é agradável e pequeno. GIF animado ou um arquivo de vídeo MP4 são as duas principais maneiras de exportar isso e é tão simples. Agora você está pronto para usar isso como quiser. 15. Considerações finais: Espero que esta aula tenha provado para você que não é difícil começar a brincar com animação em seu trabalho. Ao longo dos exercícios, eu mostrei um monte de maneiras diferentes de adicionar expressivamente movimento ao seu trabalho existente, ou para criar novas animações a partir do zero sem ter que aprender qualquer software específico de animação novo e complicado. animação no Photoshop e no Procreate permite que você utilize as ferramentas e os pincéis que você está pronto para usar, com os quais você está pronto. Quão bom é isso? Para recapitular, aprendemos como configurar nossos arquivos corretamente no Photoshop e no Procreate. Aprendemos como usar os recursos da linha do tempo em ambos os aplicativos e os aplicativos e recursos de cada um. Falamos sobre as diferentes taxas de quadros e os benefícios de trabalhar em 12 quadros por segundo, metade do trabalho. Aprendemos como transformar uma coisa em outra coisa fluidamente, apenas rastreando e alterando um pouco de cada vez. Aprendemos sobre a magia do esfregaço, dando-nos o poder de usar um quadro para enganar os espectadores a pensar. Foi uma transição muito mais complicada. Mal posso esperar para conferir todas as animações que você cria utilizando essas técnicas, então, por favor, compartilhe suas animações na galeria do projeto. Ver seu trabalho vai inspirar seus colegas de classe e eu também. Se você empurrou animações em outro lugar online, certifique-se de me marcar, como aqui ou comentar lá também. Se você gostou desta aula, por favor deixe uma vista e siga-me para que você possa se manter atualizado com todas as minhas novas aulas.