Introdução à animação no Procreate

1. Introdução: Olá, e bem-vindos a este curso introdutório sobre animação no Procreate no iPad. Meu nome é Ben Nielsen e sou educador de Design de Mídia com mais de seis anos de experiência ensinando programas criativos presenciais e online. Neste curso, vamos abordar os conceitos básicos da animação no Procreate no iPad. Para este curso, você precisará de um iPad que possa executar o Procreate, mas você não precisa de nenhuma experiência prévia com animação ou com procreate para fazer este curso, porque começaremos desde o início. Você não precisa ter um lápis Apple para fazer este curso, mas eu vou usar um. E como um lápis Apple torna mais fácil desenhar no Procreate, é recomendável que você use um caso tenha um disponível para você. Este curso não abordará tudo o que acontece no Procreate ou tudo o que há para saber sobre animação. É apenas um olhar básico, mas vamos rever todas as ferramentas de animação disponíveis que estão em procreate. Vamos usar uma animação simples para fazer isso. Vamos criar um ninja de figura de bastão que podemos usar as ferramentas de procriar para animar. Falaremos mais sobre isso na seção do projeto para este curso. Espero que você esteja animado para ir em frente e começar e mergulhar comigo e aprender sobre animação no Procreate no iPad, animação é um assunto complexo e multifacetado que as pessoas passam anos e anos estudando e produzindo. Então, é claro, não vamos ser capazes de tocar em tudo o que tem a ver com animação. Neste curso, nos concentraremos em um dos princípios básicos. Chama-se squash and stretch. E vamos falar mais sobre isso ao longo deste curso. Mas isso nos ajudará a aprender sobre como dar uma sensação animada ao nosso ninja bastão. Lembre-se, se você tiver alguma dúvida ao longo do caminho, sinta-se à vontade para colocá-las na aba de discussão, e eu farei o meu melhor para entrar em contato com você e respondê-las. No próximo vídeo, vamos em frente e começar falando sobre o projeto para este curso. 2. PROJETO: O projeto para este curso vai ser criar uma animação simples de uma vara Ninja ou outro personagem figura vara que você deseja criar. Estarei fazendo na Índia no meu projeto. Mas você pode fazer qualquer tipo de personagem que você quiser fazer. Mas deve ser um personagem muito simples porque o foco deste curso não é desaprender a desenhar algo, apenas em ser capaz de animar esse personagem. Então, algum tipo de figura de pau é a melhor maneira de fazer isso. Há alguns requisitos que tenho para a sua animação. O primeiro é que ele precisa ter pelo menos dois segundos de duração com pelo menos 24 quadros. Então você deve estar fazendo 12 quadros por segundo, sobre os quais falaremos no curso. Mas deve ser pelo menos 12 quadros por segundo. E assim, para fazer um clipe de 2 segundos, você precisa de pelo menos 24 quadros. Agora você pode ir mais tempo do que isso. Você provavelmente não quer ir a qualquer lugar além um clipe de 5 segundos porque mais do que isso e vai ficar realmente esmagador para ser capaz produzir que muitos quadros em sua primeira vez através. O único outro requisito para o projeto é que ele demonstra o princípio de squash e stretch porque esse é um princípio básico da animação e é o que vamos estar focando neste curso. Você precisa ter certeza de que sua figura de bastão demonstra esse princípio em sua animação. Caso contrário, sua animação parecerá muito inclinada e rígida. Claro que vamos falar muito mais sobre este princípio à medida que passamos pelo curso. Então você não precisa se preocupar com a compreensão e agora, apenas saiba que esse é um dos requisitos para os projetos. Então, em resumo, lembre-se que precisa ser pelo menos dois segundos a 12 quadros por segundo. Então, pelo menos 24 quadros. E precisa representar o princípio da abóbora e do estiramento. Por favor, reserve um tempo para concluir o projeto para este curso porque você vai aprender muito melhor se você realmente fazê-lo junto comigo. Se você acompanhar comigo neste curso, no final, você terá um projeto concluído que você pode então enviar. Agora, como este é um projeto de vídeo, você precisa exportá-lo como um vídeo, sobre o qual falaremos no final do curso, e depois enviá-lo para um site de serviço de vídeo gratuito como YouTube ou Vimeo, e depois colar o link a esse site ou incorpore esse vídeo em seu projeto Skillshare porque o Skillshare não pode carregar seus vídeos nativamente. Então, uma vez que você o tiver, vá em frente e cole isso no seu projeto Skillshare para que possamos vê-lo. E fico feliz em dar feedback a você se você estiver interessado em receber feedback também. Isso nos ajuda a aprender e crescer juntos. Então, por favor, reserve um tempo para fazer parte da comunidade e vá em frente e compartilhe seu projeto conosco quando você terminar com o curso, eu estou realmente ansioso para ver seus projetos. No próximo vídeo, vamos avançar e começar a aprender sobre a Interface Procreate. 3. Interface do Procreate: Ok, então agora é hora de mergulhar e aprender sobre a interface no Procreate. Se você já está familiarizado com a interface e procreate, talvez você não precise assistir a este vídeo, mas você pode aprender algo novo também. Se você nunca usou o Procreate antes, certifique-se de assistir a este vídeo para que esteja ao menos familiarizado com as coisas a que estou me referindo ao longo do curso. Esta é a tela de abertura para procriar. Então, há alguns projetos de exemplo que eles fizeram e vocês podem ver que eu tenho alguns outros projetos aqui também, incluindo animações que nós estaremos olhando para ele enquanto passamos por este curso. Mas, por enquanto, vamos em frente e fazer um novo documento apenas para que possamos ir em frente e dar uma olhada nas diferentes ferramentas que estão aqui e aprender nosso caminho em torno do Procreate. Então vamos em frente e acertar a vantagem no canto superior direito. Isso vai nos deixar criar uma nova tela. Então, o que você pode ver aqui é que há um monte de diferentes opções pré-fabricadas para você e tamanhos de tela. O que provavelmente irá com para isso só porque tamanho da tela é um bom tamanho para trabalhar com no iPad. Se você não tem um tamanho específico que você precisa significar, já que estamos apenas praticando neste curso e criando um pequeno projeto para o Skillshare. Não precisamos de um tamanho específico, mas quero mostrar-te uma coisa. Se você pressionar o botão de adição, abaixo do botão de adição, isso lhe dará a opção de criar uma tela personalizada. Agora, o importante a ser observado aqui na tela personalizada é apenas ver que ele informa quantas camadas máximas você tem. Portanto, dependendo do tamanho da tela e do iPad que você está usando, determinará o número máximo de camadas que você pode ter. A coisa sobre o seu iPad que determina quantas camadas máximas você pode ter é a quantidade de RAM que ele tem. Assim, quanto melhor for o seu iPad, mais camadas você poderá ter. Então, por exemplo, este é um iPad Pro 2017. E eu posso ter 250 camadas com um tamanho de tela de 1122 por 49, 52. Para nós, vamos em frente e fazer isso um 1080 por 720. É uma tela de tamanho HD. E você pode ver que ele permanece em 250. Assim, 250 é o número máximo de camadas que meu iPad pode alcançar dependendo do iPad que você está usando, você pode ver números diferentes para isso. Por que isso é importante? É importante porque o número de camadas que você tem determina o número de quadros que você pode ter em sua animação. Então, se você estiver fazendo uma animação muito longa, você pode precisar de muitos quadros. Lembre-se que mencionei antes, estaremos animando em 12 quadros por segundo. Então, a cada 12 quadros, basicamente 1 segundo, 250 será jogado. Eu vou clicar em Cancelar aqui, e eu só vou bater o tamanho da tela apenas para criar uma tela que corresponda ao meu tamanho de tela aqui, eu só acho que uma maneira útil de começar. Ok, então vamos em frente e vamos dar uma olhada em volta do que vemos aqui na interface. Não vamos revisar tudo com grande detalhe porque não precisamos de todas as ferramentas e recursos de cada ferramenta neste curso. Mas há muitos cursos que as pessoas fizeram no Procreate, no Skillshare que você pode ir em frente e conferir. Esta será apenas uma breve visão geral. Vamos começar no canto superior esquerdo, há o botão da galeria que nos levará de volta para ver todos os nossos projetos. Depois há o ícone da chave inglesa. Isso controla todas as suas configurações. É assim que se exporta. E vamos dar uma olhada em alguns dos recursos dentro daqui, mas não todos eles ao longo deste curso. Mas saiba que se eu disser, vamos ao Wrench, é por isso que eu estou falando sobre a próxima temos um mágico que vai ser seus ajustes. Provavelmente não precisaremos tocar nesses ajustes durante este curso, mas é útil saber que eles estão lá. Então você tem o S, esta é a sua ferramenta de seleção. E você pode ver em vez de abrir um menu, ele realmente abre uma barra de ferramentas ao longo do fundo lá. Vamos usar seleções um pouco neste curso. Então, vamos olhar para isso novamente no futuro. A próxima é a flecha. Esta será a sua ferramenta de movimentação ou transformação, mas precisamos de algo em nossa camada para realmente usá-la. Então vamos em frente e apenas usar nossa ferramenta de pincel, que é a primeira ferramenta à direita. Vamos mudar nossa cor para algo que possamos usar como preto. E vá em frente e vamos fazer uma fila. Então, se formos em frente e bater a nossa flecha, você pode ver que temos nossa ferramenta de transformação e isso também abre uma barra de ferramentas na parte inferior e nos dá algumas alças, estará usando a ferramenta de transformação durante este curso. Então você verá muito mais disso à medida que avançarmos. Há muitas opções na barra de ferramentas. Não vamos entrar em todos eles. Vamos usar alguns deles ao longo deste curso. Agora já vimos a ferramenta de pincel quando desenhamos essa linha. A ferramenta Pincel é como você desenha as coisas no Procreate. Se tocar na ferramenta Pincel depois de selecioná-la, você abrirá sua biblioteca de pincel. Aqui é onde você pode selecionar os diferentes tipos de pincel que deseja usar. Nós vamos usar principalmente pincéis de tinta durante este curso. Mas como você pode ver, há toneladas e toneladas de pincéis que vêm pré-fabricados. E ao apertar um desses botões, você pode até adicionar um novo pincel. Você pode comprar pincéis online ou você pode fazer o seu próprio, mas não entraremos nisso neste curso. A próxima ferramenta é a ferramenta de manchas. Não vamos precisar da ferramenta de manchas neste curso, mas é bom saber que está lá. Quando você toca nele, você vê a mesma biblioteca de pincel. Então ele desenha a partir da mesma biblioteca de pincel que os pincéis fazem. Mas em vez de desenhar novas linhas, é manchar linhas existentes. A próxima ferramenta é a ferramenta Borracha. Podemos usar isso para apagar. Usaremos essa soma durante este curso enquanto ajustamos a aparência da nossa figura do bastão. A ferramenta Borracha também usa a mesma biblioteca de pincel. Tudo bem, a próxima coisa que você vê são dois quadrados empilhados um em cima do outro. Essas são suas camadas. Agora, não vamos olhar muito para o painel de camadas porque vamos usar as ferramentas de animação. Mas você pode ver que quando você olha para a camada, você pode realmente ver o que está nela. Você pode ver minha linha preta e a linha branca que eu desenhei primeiro. Então, mesmo que não consigamos ver a linha branca apenas olhando para nossa tela porque nossa cor de fundo é branca, podemos ver o que está em uma camada aqui no painel de camadas. Novamente, não vamos tocar isso com muita frequência neste curso porque vamos usar principalmente o modo de animação, que usa camadas como quadros, mas é bom saber que ele está lá. Em seguida, você tem o círculo de cores. Ao tocar nisso, você obtém todas as opções de cores diferentes. Vamos principalmente usar preto neste curso porque estamos apenas fazendo uma figura de bastão de um ninja. Mas é claro que você poderia escolher a cor que você quisesse. Existem várias maneiras diferentes de selecionar cores ao longo da parte inferior. Então eu vou passar por estes muito rápido, mas eu não vou entrar nos detalhes de cada um deles. Só usaremos preto. Ok, então como nós caímos no lado direito, você vai realmente ver que há um par de controles deslizantes e um botão. Assim, o primeiro controle deslizante realmente altera o tamanho do pincel. Então você pode ver isso se ajustando lá. E o segundo controle deslizante altera a opacidade do pincel, então ele o torna mais ou menos transparente. O botão no meio é a sua tecla modificadora. Então pense nisso como manter a tecla Shift pressionada ou comando ou algo do teclado. Nós realmente não vamos precisar dele para este curso, mas há muitas coisas úteis que você pode fazer no Procreate com essa tecla modificadora. Em seguida, na parte inferior da opção Desfazer e a opção Refazer, Eu realmente prefiro apenas usar os controles de gesto, que são dois dedos toque e toque de três dedos. Isso é muito mais rápido de ser capaz de usar. Agora a minha barra deslizante está do lado direito. O seu pode estar do lado esquerdo. Prefiro ter o meu do lado direito só porque sou canhoto. Então eu vou estar desenhando com o lápis com a mão esquerda e eu quero controlar os controles deslizantes com a mão direita. Você precisa ajustar essa opção. Você pode fazer isso nas configurações e é um pouco confuso, mas você vai em Preferências e ele diz que a interface destra está ativada. Não sei por que diz que interface destra está ligada quando acho que é justo para canhotos, mas se quiser trocar, desligue a interface destra. Então escolha o que funciona melhor para você lá. Ok, e isso é apenas uma introdução básica para a interface do Procreate. Vamos entrar em muito mais detalhes sobre as ferramentas que vamos usar neste curso. Mas eu só queria que você se sentisse familiarizado com todas as peças diferentes para que você tipo de saber onde tudo está. No próximo vídeo, vamos em frente e ativar as ferramentas de animação e realmente ver quais ferramentas temos para criar nossa animação. 4. Ferramentas de animação no Procreate: Tudo bem, agora é hora de aprender sobre as configurações de animação dentro do Procreate. Primeiro, vou em frente e limpar esta camada porque não precisamos desta linha aqui. Então, vamos para o nosso painel Camadas. Eu só vou deslizar para a esquerda e, em seguida, apertar Limpar, limpar minha Camada 1. Ok, vamos em frente e ligar nossas ferramentas de animação. Então, se formos para o nosso ícone de chave inglesa e entrarmos em nossas opções de tela, vamos encontrar nosso Animation Assist. Vamos em frente e ligar isso. Quando fizermos isso, você verá imediatamente que uma linha do tempo se abre ao longo da parte inferior. Esta é a nossa linha do tempo de animação. Vamos clicar numa chave inglesa e ver o que temos aqui. Primeiro, você verá um botão play que tocar botões não vai fazer nada agora porque não temos quadros. Então, tecnicamente está tocando, mas nada está acontecendo. Então podemos clicar, pausar para pausar. Certo, vamos dar uma olhada em algo aqui. Vamos em frente e adicionar um quadro. Agora temos um novo quadro em branco. Vamos desenhar algo nisso. Não importa o que desenhamos neste ponto. Então vamos adicionar outro quadro e vamos desenhar algo. E você pode ver que meu antigo quadro ainda está lá. Falaremos sobre isso em um segundo. Então vamos adicionar um terceiro quadro e outra linha. Agora, vamos jogar só para ver o que está acontecendo. Ok, isso não é uma grande animação, mas você pode ver o que está acontecendo lá. Está tocando em cada um desses quadros em sequência. Certo, vamos descobrir por que ainda podemos ver nossos quadros mesmo quando somos selecionados no meio. Quando atingimos Configurações, vamos descobrir todas as configurações que estão disponíveis para nós na opção de animação. Então, primeiro há a configuração de reprodução. Um é um loop, você acabou de ver isso. Então ele jogou uma e outra vez. Se fizermos ping-pong e, em seguida, apertarmos Play, você vai realmente vê-lo saltando para frente e para trás através da tela. Tudo bem, vamos continuar olhando para as configurações. Há ping pong de loop e um tiro. Um tiro que vamos apenas jogar através de loop de uma vez vai continuar a voltar para o primeiro quadro e jogar através novamente. E ping-pong vai e volta entre o primeiro e o último quadro. Eu gosto de loop a maior parte do tempo, então eu vou ajustá-lo de volta para isso. Então temos quadros por segundo. Isso determinará a rapidez com que nossos quadros são reproduzidos. Então, se você se lembra, eu mencionei isso antes, nós queremos 12 quadros por segundo. 12 quadros por segundo é bastante padrão em um monte de animação de estilo antigo, porque é metade de 24 quadros por segundo. 24 quadros por segundo é muitas vezes feito em filmes de ação ao vivo, tipo cinematográfico de coisas. E então metade de 12 bits se encaixa bem. E a animação não precisa ser tão suave como um filme cinematográfico. Então, passamos de 15 para 12, isso só vai abrandar. Foi definido para 15 porque muitas coisas são filmadas também em 30 quadros por segundo, e 15 é metade de 30. Em seguida, temos nossas molduras de pele de cebola. Então esfolar cebola nos mostra o que aconteceu antes ou o que aconteceu depois. Isso é muito útil para ter, porque à medida que você está desenhando sua animação, você quer saber o que está acontecendo no quadro logo antes. Ou, se você estiver adicionando animação entre dois quadros de animação, você quer saber o que está acontecendo antes e depois. Isso permitirá que você crie um campo mais fluido para sua animação. Então eu sempre tenho minhas molduras de pele de cebola ajustadas para o máximo. Mas você também pode ajustar quantos você quer ver se assim o máximo aqui tem 12. Isso nos dá o último segundo de quadros que podemos ver. A opacidade da pele da cebola determina o quão escuro ou claro são. Então, se configurarmos até 100%, você pode ver que não podemos dizer nenhuma diferença entre nosso quadro atual e nossos quadros anteriores. Se reduzirmos a 0, não podemos ver nada. Então 60 o que ele configura e que é um nível muito bom para ele estar em. Se você ativar o quadro primário de mesclagem, ele irá realmente mesclar o quadro em que você está, seu quadro principal em qualquer que esteja por trás dele. Às vezes você quer isso porque você precisa ver o que está acontecendo por trás de seu quadro atual enquanto você está desenhando. Caso contrário, você não pode obter as proporções apenas para a direita. Mas na maior parte, gosto de tirar isso. Que meu quadro primário não precisa se misturar ao fundo. É importante observar que a mesclagem do quadro principal não afeta a aparência da animação na exportação. Isso só afeta a aparência enquanto você está desenhando, ok, então coloriu os quadros secundários. Eu gosto disso porque ele realmente vai transformar seus quadros secundários no passado vermelho e seus quadros no futuro verde. Agora você pode ver que não fez nada aqui agora. Deve mudar vermelho no passado e verde no futuro. Mas há uma pequena falha no Procreate. Então, às vezes, você precisa deixar o documento e voltar a fazer isso funcionar de volta para a galeria. Lá vamos nós. Você pode ver que isso aconteceu agora. Agora eu li e se eu rolar para trás, eu tenho verde. Isso só lhe dá uma boa idéia para o que aconteceu antes do seu quadro atual e o que aconteceu depois. Isso tudo parece um pouco confuso para você. Não se preocupe, tudo bem. Animação requer prática para realmente entender o que está acontecendo. Mas o importante a entender aqui é nosso primeiro quadro. O quadro mais à esquerda será reproduzido primeiro e depois percorrerá o ciclo. Então você pode ver que os outros quadros ficam vermelhos à medida que ele vai embora. Agora, isso não afetará como nossa exportação acontece quando ela exporta, apenas um quadro será exibido de cada vez. Mas a razão pela qual gostamos de ter essa característica de pele de cebola é para que possamos ver enquanto desenhamos, podemos tipo de determinar como queremos mover nosso próximo quadro para fazer parecer um movimento animado fluido. Ok, então agora nós meio que sabemos o que estamos acontecendo aqui. Vamos em frente e fazer com que esta pequena animação de linha pareça um pouco melhor. Então eu vou em frente e eu vou apagar esses quadros. Basta tocar em um quadro e, em seguida, escolher excluir. E você pode ver que há algumas outras opções aqui. Há uma duração inteira, se quisermos que a nossa moldura fique. Então temos um momento de pausa na ação. Podemos aumentar toda essa duração por um número de quadros, e isso irá criar esses quadros piores. Há também duplicado, e vamos falar muito mais sobre isso. Apague o que acabamos de fazer. E então o último quadro sempre terá uma opção de primeiro plano. E se eu for o primeiro quadro, ele sempre terá uma opção de fundo porque você pode fazer o último quadro ou o primeiro quadro estacionário atrás ou na frente de todos os outros quadros. Isso é ótimo se você tem como um fundo. Por exemplo, os animadores da Walt Disney faziam isso o tempo todo em seus filmes antigos. Eles teriam como um fundo da floresta. E então você tem a Bela Adormecida sair e ela dança através dela e só a Bela Adormecida está se movendo, o fundo não está se movendo. Então vamos em frente e excluir esses quadros. E vamos fazer uma animação de treino aqui. Então vamos fazer uma linha atravessar, mas vamos fazer um pouco melhor do que fizemos antes. Clique em Adicionar um quadro para reduzir o zoom. Basta fazer uma pitada de dois dedos. Só preciso ser capaz de ver a borda da minha moldura aqui. Ok, então agora você pode ver que eles são todos verdes porque eu estou de volta no início, eu vou clicar em Play. Lá vai você. Você tem uma pequena linha pontilhada pulando pela tela. E você pode ver que está em loop. Mas se mudarmos isso para ser pingue-pongue, ele virá para frente e para trás, para frente e para trás. Um tiro. Vamos jogar através de um de qualquer quadro em que estamos. E então ele vai parar. Então essas são as ferramentas básicas de animação que existem no Procreate. Agora você sabe tudo sobre as diferentes ferramentas que estão aqui. E agora é hora de aprender um dos princípios da animação, que é squash e stretch. Falaremos sobre isso no próximo vídeo. 5. Encolher e esticar: Certo, agora vamos falar sobre um dos princípios da animação. E este é o único princípio de animação que vamos falar neste curso. Mas havia 12 princípios de animação elaborados pelos lendários animadores Frank Thomas e Ollie Johnson, que trabalhavam para a Walt Disney Company. E este é um desses princípios fundamentais que eles falaram e realmente nos ajuda a obter uma animação mais realista. Ok, então isso é squash and stretch. E eu vou apenas jogar através desta animação para que você possa ver este princípio. Então vai haver duas animações de uma bola aqui. Ok, vamos passar por isso de novo para que você possa assistir. O primeiro não usa squash e esticar, e o segundo faz. Então você pode ver aqui que no primeiro, se voltarmos, a bola cai a uma taxa constante e sempre com a mesma forma antes de descansar por um período de quatro quadros. Isso não parece muito realista porque essa não é a nossa experiência no mundo real. Na próxima animação, você pode ver que a bola se alonga à medida que cai. Esta é a parte esticada do princípio de abóbora e estiramento. Então, ele se estende à medida que se move e se acumula em velocidade. Então, há menos quadros aqui. E quando impacta o chão, esmaga. Então ele esmaga e depois vem descansar em seu estado normal. Deixe-me jogar com tudo isso de novo, só para que você possa vê-los mais uma vez. Então, este é o princípio da abóbora e do estiramento. Quando algo está em movimento, provavelmente está se estendendo. E quando algo está vindo para descansar , provavelmente está esmagando. Quando algo está se preparando para o movimento, muitas vezes esmaga. Então, por exemplo, se fizermos nosso boneco ninja pular, ele vai esmagar primeiro antes de saltar. Você quer começar a pensar sobre isso e a maneira como esse movimento acontece. Existem outros princípios de animação, mas este irá mais longe para ajudar suas animações a parecerem reais o mais rápido possível. E, de verdade, não queremos dizer necessariamente que eles parecem realistas. Eles não são como filmes fotorrealistas, mas que eles são críveis pelo público. Vamos ver isso de novo. O primeiro não é crível. O segundo é muito mais crível. Ok, então você vai me ouvir referindo a squash e esticar mais ao longo deste curso. Mas no próximo vídeo, vamos realmente aprender como fazer isso acontecer aprendendo sobre esse seleto e as ferramentas de transformação aqui dentro do procreate. 6. Transformar e selecionar: Agora que sabemos sobre o princípio de squash e alongamento, Vamos em frente e ver como usaríamos as ferramentas de transformação dentro do Procreate para fazer isso acontecer. Então vamos em frente aqui e vamos apenas fazer uma terceira bola caindo para que você possa ver como eu fiz isso, certo? Então vamos em frente e vamos adicionar um quadro. Então nós temos esta moldura em branco aqui, e nós vamos apenas trazer esta bola para o outro lado. Então, usando nossa ferramenta de pincel e eu sou apenas selecionado em tinta e mercúrio aqui, e minha cor é preta. Vamos apenas desenhar um círculo. Se mantivermos pressionados por um segundo no final do nosso círculo, isso nos fará um círculo ou um oval. E se não gostarmos do que temos, podemos sempre desfazer com dois dedos e fazer duas vezes, e depois fazer outro círculo. E então o que queremos fazer é usar nossas ferramentas de transformação em cada quadro para mudar a aparência que isso parece. Então sempre comece com a coisa principal e, em seguida, vamos duplicar o quadro indo para baixo para o nosso quadro, tocando nele e escolhendo Duplicar. Agora temos dois quadros um em cima do outro. Ok, então vamos em frente e vamos ligar a nossa cebola esfolada para que possamos ver isto. Então vamos levar nossas molduras de pele de cebola de volta para que possamos vê-los todos. E agora que temos esse quadro duplicado, podemos transformá-lo batendo em nossa seta de transformação. E você pode ver na parte inferior agora temos nosso painel Transformar em vez de nosso painel de animação. E você pode ver que este relâmpago diz que estalar está ligado. Deixe-me mostrar-lhe o que isso significa. Quando nos arrastarmos. Você pode ver que ele se encaixa em outros objetos. Então, há a nossa pele de cebola. E você pode ver que essas linhas tentam mantê-lo encaixado em lugares razoáveis com o outro quadro e também aqueles iframes à esquerda. Então, a primeira coisa que o erro de transformação permite que você faça é realmente mover seu objeto ao redor. E isso é ótimo. Mesmo sem squash e alongamento, você pode mover seu objeto ao redor e isso pode economizar muito tempo no processo de desenho da animação. Esta é uma das grandes coisas sobre ferramentas de desenho digital sobre ferramentas de desenho físico é que você pode economizar muito tempo e esforço. Ok, então dentro da transformação, nós queremos esticar esta bola para fora enquanto ela cai. Então vamos em frente e vamos apenas pegar a alça inferior e vamos arrastá-la para baixo e ele vai esticar. Mas queremos manter o tamanho do volume desse objeto para que ele não pareça estranho. Não parece que ele está realmente mudando em seu tamanho total. Vamos apenas arrastar em nossa visão um pouco para que ele se estenda direito, mas o volume permanece principalmente o mesmo. Então, enquanto está caindo, continuaremos a fazer isso. Para sair da ferramenta de transformação, basta tocar na seta novamente e estamos de volta à nossa animação. Então podemos duplicar este quadro, transformá-lo, e podemos arrastá-lo para baixo enquanto ele continua a cair. Podemos esticá-lo um pouco mais e esticar o fundo. Ok, e há algumas coisas para anotar por aqui. A primeira é esta é a transformação de forma livre. Então eu posso fazer qualquer tipo de transformação livre, de formação livre para ele. Enquanto que a minha transformação de uniforme vai manter tudo igual. Então, ele vai manter as proporções são as mesmas. Quando estou de uniforme. Vou desfazer isso, distorcê-lo. Na verdade, vou deixar você pegar 1 e meio que apenas manobrá-lo. Então isso é ótimo se você está tentando movimentos sutis de talvez como mãos ou pés ou sobre o ninja. Verá que temos gravata na parte de trás da máscara dele. Isto é uma grande coisa para isso. Vou desfazer isso e você tem a opção Warp. E a opção de dobra vai realmente dar-lhe uma malha e você pode ligar ou desligar a malha avançada. Então, o que a malha avançada em, você pode mover pontos específicos na malha para fazer efeitos diferentes. Então, essas são maneiras diferentes de se transformar. Vamos desfazer isso. Então esses são os quatro tipos diferentes de transformação. E então você também tem como seu flip. Então você pode virar as coisas horizontalmente ou verticalmente. Você pode fazer rotações em 45 graus. Então você tem um monte de ferramentas diferentes baixadas na parte inferior, mas estas são as principais que usaremos, certo? Então vamos em frente e praticar isso. Vamos praticar a transformação outra vez enquanto descemos para fazer a abóbora. Então, duplicar, ferramenta de seleção transformar. E depois que você se estendeu um pouco, isso é provavelmente o mais longe que você vai precisar para esticar. E você pode apenas duplicar esse quadro novamente e só mudar sua posição porque ele está muito bem esticado. Em seguida, quando encontra o chão. Nós vamos realmente começar a esmagá-lo. Esmague isso um pouco. E podemos até querer usar nossa malha avançada de dobra e podemos querer puxar isso um pouco para que pareça que está realmente esmagando lá. Está bem, vamos continuar. Comece a derrubar isso. E queremos empurrar os lados para fora novamente à medida que descemos descemos que o volume para que o volume pareça permanecer o mesmo. Está bem. E então uma grande coisa quando você está tentando fazer algo acontecer ao contrário é apenas voltar, duplicar os outros. Então, agora queríamos nos afastar, então duplicamos, movemos para o fim. E fazemos isso por alguns desses. Duplicá-lo, movê-lo para o fim. Você sempre pode passar por aqui para ver como está. Então, no meu primeiro, eu não tinha que saltar para cima em tudo, mas nós provavelmente queremos que ele salte um pouco para cima. Só para torná-lo um pouco mais realista. Vamos dar um pouco de equilíbrio. Em seguida, trazê-lo de volta para descansar. Vamos diminuir o zoom. Vamos jogar a coisa toda para que possamos assistir todos os três. Dê um pouco de espera aqui. Talvez quatro ou cinco quadros. Ok, então é assim que você usa a ferramenta de transformação. A outra ferramenta que eu quero falar com vocês é a ferramenta de seleção. Vamos em frente e faremos um novo projeto. Então vamos para a galeria, acertamos o novo tamanho da tela. Vamos em frente e ligar nossas ferramentas de animação, engrenagem, Animation Assist. E vamos desenhar uma figura de vara. Aí está o nosso boneco. Duplicar esta moldura. E podemos transformá-lo para que possamos usar a forma livre para movê-lo. Digamos que não queríamos que ele se mudasse. O que queríamos era que ele mexesse os braços. Então esse é um ótimo lugar onde podemos realmente entrar e fazer uma seleção. Então, usando o S, Temos várias seleções. Há uma seleção automática de mão livre, um retângulo e uma elipse. mão livre é mais útil ao fazer animação. Então vamos em frente e vamos desenhar em torno do braço dele. E então podemos transformá-lo. Se usarmos uma dobra, fará com que o braço dele se mova um pouco. Então vamos em frente. Vamos fazer outra seleção em torno do outro braço dele, Transformar, Advanced Mesh. Meio que dada esta manobra de balançar. Tudo bem, então vamos sair disso e podemos ver o que acontece com os braços dele. Então esta é uma ótima maneira de manobrar apenas parte de seus objetos duplicados. Então vamos fazer isso apenas duplicando esses dois quadros uma e outra vez, podemos dar-lhe um pequeno movimento. Vamos fazer disso um loop e clicar em play. E ele mexeu os braços. E é assim que você pode usar a ferramenta de seleção para transformar apenas parte de um objeto. E isso é realmente útil para evitar desenhar a mesma coisa uma e outra vez e outra vez do zero. Você pode apenas fazer pequenos ajustes através da seleção e transformação para que sua animação pareça do jeito que você deseja. Agora falamos sobre os princípios e as ferramentas de que precisamos, e é hora de irmos em frente e fazer nossa primeira animação. Então a primeira animação que vamos fazer será apenas uma animação rolando bola. E é aqui que eu quero que vocês realmente comecem a seguir e a fazer o que eu faço para que vocês pratiquem no uso dessas ferramentas. E quando se trata do último vídeo para fazer a animação da nossa figura de bastão, você já estará familiarizado com as ferramentas e isso não será tão intimidante. Então, no próximo vídeo, vamos em frente e vamos fazer a animação da bola rolante. 7. Animação de bola: Tudo bem, então aqui estamos nós. Vamos em frente e fazer nossa animação de bola rolante. E esta é uma ótima maneira de começar a praticar animação porque a bola rolante é muito simples. Agora, uma figura de bastão pode parecer uma animação simples para você, mas a verdade é que há muito mais acontecendo nisso do que apenas ter uma bola rolando na tela. Então vamos em frente e vamos fazer uma bola como eu mostrei antes, só que desta vez vai rolar em vez de equilíbrio porque saltar pode ser um pouco desafiador para fazer na sua primeira tentativa. Vamos começar com apenas rolando. Tudo bem, então eu só tenho um pincel aqui e é mercúrio na seção de tinta. Realmente não importa qual pincel você usa, mas precisa haver alguma variabilidade para ele porque se a bola que você faz, é realmente perfeitamente redonda, ele realmente não vai parecer rolar. Você precisa de alguma variabilidade, a fim de vê-lo rolar. Então vamos em frente e vamos apenas desenhar o círculo para fora. E novamente, eu só aguento por um segundo para fazê-lo encaixar em uma forma de círculo. E agora você já deve estar bem familiarizado com a forma como vamos fazer um quadro duplicado. Basta tocar no quadro que queremos duplicar, e depois duplicá-lo. E eu quero verificar minhas configurações aqui para ter certeza de que estou em 12 quadros por segundo porque o padrão é 15. Então eu vou estar em 12 loop, certifique-se minhas peles de cebola estão ligados e ligar minhas molduras secundárias de cor. Então agora podemos transformar o próximo quadro. Certifica-te de que estamos em forma livre porque não queremos deformar agora. E nós vamos apenas movê-lo para cima. Mantendo-o na linha, vai movê-lo um pouco. E então vamos usar a alça verde para girá-la. E fazemos isso várias vezes. Duplicar, mover, girar cerca de 15 graus. Duplicar, Transformar, Mover, Girar. Nós só vamos fazer isso através da tela. Então eu vou em frente e acelerar isso para que você não tenha que me ver fazer todas essas peças uma e outra vez. Ok, então agora estamos em um ponto importante aqui porque chegamos à borda da tela. E quando chegarmos ao limite, parte da nossa bola vai começar a desaparecer. Agora, quando fazemos isso, se duplicarmos isto e depois transformá-lo, empurrá-lo para o lado e girá-lo. Da próxima vez que o transformarmos, não teremos o pedaço que está fora da tela. E é por isso que não começamos na extremidade esquerda da tela. Começamos mais no meio para que pudéssemos ter toda a nossa bola para trabalhar. Deixe-me mostrar-lhe o que quero dizer quando eu duplicar isso agora. Então eu me transformo. Você pode ver que eu só tenho parte do círculo. Portanto, isso é importante para pensar como você está fazendo isso, porque você pode precisar duplicar outro quadro para obter as proporções certas. Deixe-me dar um zoom aqui. Então nós basicamente só queríamos rolar para fora do quadro. Mas agora só me resta um terço do círculo. Então, quando eu fizer isso, eu tenho que empurrá-lo todo o caminho até o limite para que você não tenha uma lacuna estranha porque isso vai parecer muito engraçado. E, no final, vou clicar em Adicionar um quadro para criar um quadro em branco. Agora vamos jogar e ver o que temos. Certo, então temos essa bola rolando. E parece um pouco estranho no início. Então vamos voltar ao início e vamos realmente transformar o outro lado. Então vamos fazer uma duplicata. Quando você fizer isso, é importante certificar-se de que ele sempre vai para a duplicata que vem para a direita. Mas você quer mover seu quadro de volta para a esquerda, Transformar, e então você quer ir para trás e girar a outra direção. Então duplique-o, mas certifique-se de que está no quadro mais à esquerda. E isso vai nos ajudar a tirá-lo da tela. E o estalo pode ficar um pouco estranho aqui porque parte do objeto está desaparecendo, então ele não corresponde exatamente mais. Vamos ver como isso se parece. Ok, então nós temos essa animação simples de rolar bola, mas você vai notar que não aplicamos nenhuma squash ou esticar nela. Então você sempre pode voltar e consertar as coisas mais tarde. Então vamos olhar como vemos esta regra através. Nós provavelmente queremos que ele esmague um pouco no fundo enquanto ele está rolando pelo chão. Para que possamos voltar. E à medida que vem aqui, podemos esmagar isso um pouco. Então vamos até aqui, deformar e usar nossa malha para esmagar aquele cara um pouco. Vá para o próximo. À medida que chegamos ao meio, pode estar acelerando um pouco, então podemos querer esticá-lo um pouco, além de dar um pouco de dobra lá. E é sempre bom passar pela animação e ver como ela está. Você pode tentar coisas diferentes como aqui, eu vou tentar esticá-lo um pouco no topo como ele se deforma para se tornar um pouco plana. E você provavelmente está pensando, isso parece um pouco entediante. Isso parece que pode levar muito tempo e você está correto. A animação não é um processo rápido ou fácil. Mesmo com essas ferramentas digitais, o que, claro, torna muito mais fácil do que os dias desenhados à mão de antigamente. Demora muito tempo e muito trabalho para fazer uma animação funcionar. Então não espere que seja uma solução rápida e fácil. Então eu vou acelerar isso enquanto eu faço isso e você vai em frente e trabalhar no seu também. Aí está minha animação de bola rolando, não é perfeita. Eu poderia fazer muito mais ajustes, mas isso ajuda você a ter a idéia de como usar a ferramenta de transformação para fazer um objeto se mover pela tela. E como você pode entrar enquanto estiver fazendo isso ou voltar mais tarde e adicionar um pouco de squash e esticar para dar à animação uma sensação mais fluida. Então vá em frente e faça uma animação como esta. Se você não está acompanhando, vá em frente, volte. Você pode assistir novamente este vídeo e fazer sua animação para que você tenha uma animação realmente simples desta bola apenas rolando através da tela e que vai te familiarizar com as ferramentas. E no próximo vídeo, vamos realmente ir em frente e vamos fazer esta animação ninja stick. 8. Animação Ninja: Tudo bem, aqui estamos nós com aquela animação ninja que você teria visto antes quando estávamos olhando para a galeria de documentos. E eu quero guiá-lo através de quadro a quadro aqui, o que eu fiz para que você possa ver como isso funciona. Mas não quero que me veja desenhar tudo em tempo real. Então eu vou em frente e mostrar-lhe quadro por quadro o que está acontecendo aqui. E então eu vou em frente e eu também vou postar o lapso de tempo de criar isso para você para que você possa vê-lo como um lapso de tempo também. Vamos começar aqui. Então temos a própria borda do ninja aparecer, e isso não é uma transformação de qualquer outra versão do ninja. Então eu não comecei no meio com isso e então meu caminho para trás porque isso não é tão simples. A coisa que só queremos mostrar a borda do rosto dele entrando. Então, enquanto saímos aqui, eu estava desenhando cada um desses quadros separadamente porque eles são bem diferentes. Assim podemos ver que ele começa a aumentar quando sai. E então nós realmente começamos a colocar em seus braços. Então há um pouco diferente aqui. E quando ele sair, vamos vê-lo se esticar. E então ele vai se esmagar de volta porque ele está se preparando para saltar. Ele se estende para sair. E então ele volta para se preparar para saltar. E cada um desses quadros, eu estava apenas desenhando quadro por quadro porque há muita variação neles. Então, enquanto ele salta, vemos um trecho. Então temos um trecho de squash. Então neste quadro eu começo a duplicar. Então eu tenho esta moldura e esta é basicamente vai ser a sua pose estrutural básica enquanto ele está virando através do ar. Então você pode ver, tudo o que estou fazendo aqui é duplicar e girar. Duplicando, girando, mudando a posição aqui. E então eu estou realmente usando a ferramenta de borracha para apagar parte de seus braços e, em seguida, a ferramenta de pincel para trazer outra parte de seus braços. Mas é a mesma pose básica. Então seus braços estão voltando enquanto ele está torcendo. Seus braços ainda estão voltando. Então eu só estou desenhando isso separadamente e então nós vamos trazê-los de volta. Ainda estamos na mesma pose básica. E então ele começa a puxar o seu tipo. Aqui as espadas dele estão completamente fora, então temos um alongamento. Seus braços se estenderam, mas suas poses básicas permanecem as mesmas. E quando ele descer, enquanto cai, vamos esmagar. Então suas pernas começam a dobrar. Então estamos fazendo alguns ajustes apagando e transformando para que ele esteja dobrando, esmagando. Você pode ver que fizemos uma dobra aqui no TI de sua máscara para que ele realmente sobe um pouco para que pareça um pouco mais realista. E enquanto ele esmaga, então ele se estende, enquanto ele salta. Então nós temos ele pulando, suas pernas ainda estão meio dobradas e então os lagos escorram para fora. Então, neste ponto estamos apenas transformando as pernas um pouco novamente e fazendo um pouco de transformação no TI da máscara. E então ele salta para a frente, cai, e então aqui é onde temos que começar a transformar como as pernas funcionam para que ele pareça correr. Então aqui vamos transformar as pernas dele para que pareçam agachar-se. Apagamos parte dos braços e puxamos de volta para que ele fique agachado. E depois fazemos uma pequena transformação na cabeça dele aqui. Então, selecionamos a cabeça dele e virá-la e giramos um pouco. E então ajustamos com o pincel a forma como a máscara parece para que eles parecem inclinar a cabeça e olhar, você segura isso por três quadros. Então ele parece estar olhando. Depois voltamos ao mesmo quadro que tínhamos antes. Então ele está de volta ao mesmo quadro e então ele vai correr para a frente. Então vamos precisar que ele faça uma pose diferente aqui. Então nós realmente desenhamos um novo quadro. Então este é um novo desenho para ele se inclinar para a frente. Há o princípio do estiramento e depois vamos apenas duplicar este quadro. Mas vamos transformar apenas as pernas dele. Então, usando a ferramenta de seleção, transformamos apenas as pernas dele. Deixe-me ampliar aqui para que você possa ver isso. Então suas pernas parecem estar correndo. E usando a seleção, também transformamos a gravata em sua máscara para que pareça saltar para cima e para baixo. Vamos jogá-lo através para que você possa ver para que você possa ver o equilíbrio lá com a abóbora e esticar. E então ele corre, esta é uma animação muito simples. Ao animar assim pode levar um pouco de trabalho e um pouco de tempo porque você está fazendo quadro a quadro, mesmo que eu não esteja desenhando cada quadro individualmente, muitos deles são transformações. Ainda pode levar um pouco de tempo. É assim que você iria colocar em sua animação figura vara. E eu só queria mostrar a vocês como adicionar em um fundo ou primeiro plano. Então deixe-me ir ao meu painel Camadas aqui, role todo o caminho para baixo e eu tenho uma camada oculta. E aquele, nós colocamos aqui no início, e nós tocamos nele e ligamos isso como um plano de fundo. Então, quando jogamos isso, aquele quadro nunca se move. Essa moldura fica lá. E parece que ele salta para dentro da grama e corre para fora. Então é assim que você vai sobre a criação de um fundo com isso também. Então vá em frente e trabalhe em suas mentes de animação da figura da vara, um ninja da vara, você é bem-vindo para fazer um ninja da vara também ou qualquer tipo de figura da vara que você queira fazer. Mas lembre-se que levará algum tempo, mas vale a pena obter essa prática. E assim você começa a entender realmente a maneira como as ferramentas de animação no Procreate funcionam. Eu também vou em frente e postar o lapso de tempo completo. Então, se você não está ciente, procreate vai realmente manter um lapso de tempo do que você faz. Então você descobriria isso indo até suas configurações, seu vídeo, e então você tem sua repetição de lapso de tempo. Então eu vou em frente e vou postar essa repetição de lapso de tempo para você, para que você possa me ver realmente secando e fazendo isso em mais rápido do que em tempo real. E essa é uma maneira realmente útil de até mesmo voltar e apenas assistir um pouco de seu processo artístico enquanto você está secando e desenvolvendo algo. Certo? Então esse é o ninja da vara. Então vá em frente e trabalhe para fazer isso. E no próximo vídeo vamos falar sobre exportar a animação. 9. Como exportar: Tudo bem, agora que terminamos nossa animação, estamos prontos para exportá-la para que possamos ir em frente, enviá-la para o YouTube ou Vimeo ou o que quer que seja e compartilhá-la. Então vamos para a chave inglesa no canto superior esquerdo. E nós não queremos mais estar no vídeo agora nós queremos estar na parte. E há muitas maneiras diferentes de compartilhar projetos do Procreate. Mas quando você cria uma animação, você realmente quer ir para baixo e você quer escolher uma dessas opções animadas. Eu só vou escolher Animated MP4, mas você poderia fazer isso como um presente ou outra coisa. Mas para os fins deste projeto, queremos como um mp4. Então, vai ser muito curto. Você pode escolher novamente seus quadros por segundo e podemos ir com web ready, que vai torná-lo um pouco menor porque isso é tudo o que precisamos agora, você pode ver a resolução máxima é muito maior. Se você olhar abaixo do tamanho estimado do arquivo no meio, ele diz 378 kilobytes, enquanto Web Ready vai ser apenas 18 kilobytes. Isso é praticamente tudo o que precisamos fazer lá. E podemos ver a pré-visualização atravessando. Então, para isso, só queremos ver a animação. Então, apenas pronto para a web é bom. E, em seguida, exportar, ele vai exportá-lo como um MP4. Vai continuar e dar-nos a opção de onde guardá-lo. Há um monte de coisas diferentes que você pode fazer aqui, mas eu vou seguir em frente e escolher Salvar vídeo. Isso só vai guardá-lo no rolo da minha câmera e então eu posso enviá-lo para o YouTube ou Vimeo ou o que quer que seja. E então eu posso compartilhar esse link ou incorporado no meu projeto de classe para este curso. Então vá em frente e clique em Salvar vídeo. E então, se formos para o nosso aplicativo de fotos real, podemos vê-lo. Então, aqui vamos nós. E aqui está o nosso vídeo. Então é isso. É assim que você vai em frente e exporta. Existem diferentes tipos de arquivos que você pode escolher, mas acho que MP4 provavelmente vai funcionar melhor para este projeto, e isso é tudo que você precisa fazer. Em seguida, vá em frente e faça o upload e compartilhe esse link ou incorporado na seção do projeto da classe para este curso. E parabéns, agora você é um animador Procreate. Bem, então no próximo vídeo, vamos em frente e encerrar o curso. 10. Encerramento do curso: Muito obrigado por fazer este curso sobre uma introdução à animação no Procreate, espero que você tenha aprendido algo e que tenha gostado deste curso. Por favor, vá em frente e compartilhe seu projeto conosco na seção de projeto para este curso, lembre-se que você pode enviar seu vídeo para um serviço gratuito como YouTube ou Vimeo e, em seguida, compartilhar o link ou incorporar esse vídeo na seção de projeto para o curso. Estou tão ansioso para ver o que você cria se você estiver interessado em aplicativos mais criativos, especialmente aqueles no iPad, eu tenho muitos cursos cobrindo coisas como Affinity Designer, Affinity Photo e luma fusão e montagem no iPad. Vá em frente e confira na minha página de perfil. Também sinta-se à vontade para conferir o meu canal do YouTube Ben desenha vídeos semanais sobre temas de design e também na minha conta do Instagram de mídia Ben onde você pode obter lições semanais sobre princípios de design. Se você tiver alguma dúvida, por favor, vá em frente e faça as perguntas na guia de discussão para este curso. Estou feliz em fazer o meu melhor para respondê-las novamente. Estou tão animado para ver o que você é capaz de produzir deste curso. Muito obrigado por assistir, e eu vou te ver no próximo curso.