Animação no Procreate: faça um cartão de Natal personalizado

1. Introdução: Oi pessoal. Sou Isaiah Cordova e sou diretor de arte e designer de movimento em Kansas City. E trabalhei com uma ampla gama de clientes para criar, ilustrar e animar conteúdo para ajudar as marcas a se conectarem com seu público em momentos relacionáveis da vida e a participarem do celebração dos feriados. E, na verdade, eu criei muito conteúdo natalino para marcas nas mídias sociais. E descobri que usar o aplicativo Procreate no iPad ajudou a acelerar meu processo de ilustração desenhada à mão e me permitiu adicionar animação, tornando ainda mais fácil criar animações. saudações de férias. Nesta aula, vou compartilhar uma maneira fácil e divertida de animar sua própria saudação de Natal com um iPad e o aplicativo Procreate. E durante esta aula, mostrarei estratégias de nível iniciante para ajudá-lo a aprender como usar a ferramenta Animation Assist e como exportar suas animações. Com todas essas habilidades, você ganhará confiança para criar animações ainda mais fáceis para si mesmo usando o Procreate. Essa aula é perfeita para designers, artistas, gerentes de mídia social e qualquer outra pessoa interessada em criar uma saudação de Natal digital. Estou ansioso para ver você na aula. Então, vamos começar. 2. Visão geral do projeto: Nesta lição, vou orientá-lo pela visão geral do projeto e as diferentes etapas necessárias para concluir o projeto. Para o projeto da aula, criaremos um desenho de férias com uma saudação pessoal e adicionando algumas animações. Eu estarei demonstrando uma saudação de Natal que você pode acompanhar, mas você é bem-vindo para personalizar o feriado para você como Hanukkah, Kwanzaa ou até o Dia de São Patrício ou Dia dos Namorados. Para criar uma saudação de feriado, configuraremos seu arquivo, desenharemos sua ilustração de férias, adicionaremos sua saudação, adicionaremos animação e exportaremos sua animação. Para ajudar você a começar, incluí minha paleta de cores, links para fonte e pincéis usados na seção de recursos. Agora é hora de reunir seu iPad, baixar recursos e se preparar para começar. Se você tiver algum problema ao baixar recursos, entre em contato comigo através do fórum de discussão e ficarei feliz em ajudá-lo. Na próxima lição, mostrarei como configurar seu arquivo. 3. Configuração de arquivos: Nesta lição, configuraremos nosso arquivo. A primeira coisa que vou fazer é abrir o aplicativo Procreate. A partir daqui, vou criar um novo documento. Então aperte o botão de adição na parte superior, e então eu quero uma tela quadrada. Uma vez que isso geralmente funciona em todas as plataformas. E as dimensões são grandes o suficiente para que eu possa cortar em um tamanho diferente, se necessário. próximo passo que vou fazer é importar um esboço que fiz. Descobri que é útil esboçar sua ideia primeiro e usar o esboço como base para desenhar sua ilustração. Para importar um esboço, toque no ícone de chave inglesa no canto superior direito. Abaixo disso, vá para Adicionar e, em seguida, toque em Adicionar imagem. Em seguida, vou redimensionar o esboço e posicioná-lo em um lugar que eu queira que ele esteja. Em seguida, vou importar minha paleta de amostras de Natal indo até o círculo no canto superior direito clicando no ícone de amostras no final e, em seguida, tocando no botão Mais para importar uma nova amostra. último passo é criar uma nova camada para desenhar. E agora estamos prontos. Para recapitular. Explicamos como configurar nosso arquivo, importar uma amostra para o procreate e como adicionar uma imagem de referência ao nosso arquivo. Reunir materiais e configurar o arquivo no início é muito útil para agilizar o processo e melhorar o produto final. Como você pode se concentrar apenas em desenhar um visual refinado e não precisar parar no meio do processo para descobrir a cor, continue reformulando seu desenho. Agora, é sua vez de reservar algum tempo para configurar seu arquivo. Se você tiver algum problema, sinta-se à vontade para postar no fórum de discussões e ficarei feliz em ajudar. Na próxima lição, começaremos a desenhar nossas ilustrações de férias. 4. Ilustração do feriado: Nesta lição, vou orientá-lo a desenhar uma ilustração simples de férias. A primeira coisa que gosto de fazer é focar no contorno das formas principais e na minha ilustração, vou começar desenhando a árvore de Natal. Vou selecionar o pincel espinhoso como pinheiros ou espinhoso. Quero refletir isso no meu desenho. Você também pode obter esse estilo usando o lápis de seis B que vem com o Procreate. E então, à medida que eu avança, vou me concentrar nos pequenos detalhes que eu possa ilustrar. Isso é incrivelmente útil, pois permite que eu bloqueie a cor da composição da minha ilustração. Então, eu coloco as coisas corretamente antes de gastar tempo com os detalhes menores, para que eu não perca tempo desenhando elementos que eu poderia mudar. Vou começar com o corpo da árvore, depois vou desenhar o tronco da árvore. Então eu vou até o topo da árvore, que é a estrela. Em seguida, desenharei a corda para as luzes de Natal do que a fita ao redor da árvore, os bastões de doces e depois as luzes de Natal individuais. Quando estiver satisfeito com minha ilustração final, vou agrupar todas as camadas, que serão meu plano de fundo estático. agrupamento de camadas é um aspecto importante do uso da ferramenta Animation Assist e é uma ótima maneira de organizar seu arquivo. Em uma lição posterior, explicarei como as camadas se agrupam e empacotam a animação. Para recapitular, mostrei meu processo criativo para desenhar ilustrações e dei algumas dicas úteis, como primeiro bloquear a cor das formas maiores de sua ilustração, para garantir que você tenha o posicionamento logo antes de você entrar nos detalhes de sua ilustração. Todas essas habilidades são úteis para qualquer projeto de ilustração no Procreate. Agora é sua vez de desenhar sua ilustração natalina. Como sempre, se você tiver alguma dúvida, sempre poderá publicá-la no quadro de discussões ou publicar seu trabalho em um projeto com suas perguntas. E eu ficarei feliz em ajudá-lo. E na próxima lição, adicionaremos nossa avaliação pessoal. 5. Como adicionar saudação: Nesta lição, explicarei como adicionar uma saudação por texto. Você pode desenhar seu tipo de saudação ou usar uma fonte. Vou usar uma fonte para tornar as coisas um pouco mais simples. Para fazer isso, vou tocar no ícone Ação aqui em cima. E onde diz Adicionar, você tocará em Adicionar texto. Depois vou escrever a mensagem de saudação que eu quero, que será uma boa festa. Em seguida, vou selecionar toda a minha fonte, o que é importante para poder editar o estilo da fonte. Em seguida, vou escolher minha fonte, que está vinculada aos recursos do projeto. Em seguida, vou para a configuração de tamanho e seguro o ponto azul e deslizo meu dedo para a direita para aumentar ou para a esquerda para diminuir a fonte. Você também pode ajustar o alinhamento do texto. seguir, mostrarei como mudar a cor. Então, vou mudar a cor para azul escuro. Eu escolho essa cor porque quero que o texto se destaque e seja fácil de ler, mas ainda assim corresponda ao resto da paleta de cores. Acabei de orientar você no meu processo de adicionar textos e editar o texto para alinhá-lo com o tema do seu feriado. Essas habilidades são muito úteis para todos os projetos futuros nos quais você pode precisar adicionar texto. Agora é sua vez de adicionar sua saudação pessoal. E como sempre, sinta-se à vontade para entrar em contato comigo se tiver algum problema. Na próxima lição, mostrarei como adicionar animação às suas ilustrações. 6. Como adicionar animação da neve: Nesta lição, explicarei como usar a ferramenta Animation Assist no Procreate para adicionar uma animação de queda de neve à sua ilustração. Para começar, vamos subir e tocar no ícone Ações no canto superior esquerdo, depois ir até a tela e ativar o Animation Assist. Isso vai te dar um cronograma. Na parte inferior, gosto de pensar na linha do tempo como uma camada. Selecione se você adicionar um novo quadro, ele adicionará uma nova camada. Selecionar um quadro selecionará uma camada ou um grupo de camadas. E se você tocar no quadro selecionado, terá as opções para excluir, duplicar ou segurar o quadro. Se você estiver selecionando o primeiro quadro que corresponde à camada inferior, você pode transformar esse grupo em seu plano de fundo e ficará por trás da animação. Se você clicar no último quadro, que corresponde à camada superior, você pode alternar o primeiro plano para manter a camada estática acima da animação. Agora vamos criar nossa neve. Vou primeiro mudar a cor do meu pincel para branco. E então vou mudar para o pincel espinhoso pois quero que meus flocos de neve tenham formas mais ásperas e orgânicas e flocos de neve não sejam círculos perfeitos. Eu sempre escolho o pincel que me dará a melhor textura para melhor representar o que estou desenhando. Agora, vou dar um toque na tela até enchê-la com flocos de neve. E eu estou fazendo isso de forma muito vaga. Portanto, haverá uma variedade de tamanhos e formas dos flocos de neve, o que fará com que a neve pareça mais realista. Em seguida, vou tocar no meu quadro atual e, em seguida, tocar em Duplicar. Gosto de duplicar camadas quando vou precisar do mesmo quadro, repita-o. Próximo. Vou tocar em Adicionar moldura para adicionar uma moldura em branco para criar a aparência de queda de neve Preciso que as molduras se alternem com a neve em posições diferentes. Quando reproduzido, parecerá que a neve está se movendo. Então, como antes, vou adicionar neve em toda a minha tela. Nas configurações aqui, temos todas as nossas cascas de cebola e opções de reprodução. Há a opacidade da casca da cebola, que ajustará a transparência das molduras da casca da cebola, que eu vou aumentar agora, pois atualmente é difícil ver a neve das outras molduras. Também podemos usar esse botão para colorir nossas cascas de cebola. Vou mudar a pele para uma cor avermelhada para que ela se destaque mais. E agora as cascas de cebola da neve estão aparecendo melhor. Em seguida, vou dar uma volta com a ferramenta de borracha e consertar quaisquer flocos de neve que foram desenhados, meio descolados. Além disso, podemos percorrer nossa linha do tempo com um dedo, que ajuda a visualizar a animação, mas as cascas de cebola são tão perturbadoras quando eu estou examinando isso. Então, vou reduzir a opacidade em zero. E agora eu posso visualizar melhor a animação do quadro. Também posso tocar aqui para reproduzir ou pausar a animação. Eu posso ver que a animação está indo muito rápido e precisa ser desacelerada, voltando às opções de configurações fora apenas das cascas de cebola, ela oferece opções de ajuste as opções de loop para que eu possa fazer animação em loop, pingue-pongue, que reproduzirá a animação para frente e depois para trás. E por último, a opção de jogar apenas uma vez. Além disso, tenho a configuração de quadros por segundo, que posso usar para diminuir a velocidade da animação ao reproduzir menos quadros por segundo. Também vou aumentar o backup da opacidade da casca da cebola. Em seguida, vou tocar em play para revisar a nova velocidade da sua animação. Eu recomendo que você experimente velocidades diferentes e reproduza a animação até encontrar a velocidade certa para o que você deseja realizar. Por fim, vou duplicar meu quadro atual e arrastá-lo até o final da linha do tempo. E então eu vou reproduzir a animação. Então, agora isso está criando efeito da neve caindo, pois você tem as posições da neve alternando entre os quatro quadros. Para recapitular, acabei de mostrar meu processo de criação de animação de neve. Essa técnica também pode ser usada para criar chuva e confetes caindo. Portanto, sinta-se à vontade para personalizar o desenho e os efeitos de acordo com sua saudação de Natal e, como sempre, entre em contato e discuta se tiver algum problema. Na próxima lição, mostrarei uma estratégia de animação para criar luzes natalinas piscantes. 7. Como adicionar luzes de vinculação: Nesta lição, mostrarei meu processo criação de luzes natalinas piscantes. Para começar, vou adicionar uma nova camada e arrastá-la até a primeira camada de neve para criar um grupo de camadas, que substituirá meu primeiro quadro de animação. Em seguida, vou renomear os quadros. Isso vai me ajudar mais tarde à medida que eu continuar adicionando novos quadros, poderei facilmente voltar e encontrar essa camada específica. Em seguida, vou reduzir a opacidade da camada de brilho das luzes e começar a desenhar ao redor das lâmpadas vermelhas para criar o efeito de que as luzes estão brilhando. Eu só vou acender as luzes vermelhas. E então, em outro quadro, as luzes verdes, acenderei as luzes verdes, criando um efeito intermitente para que você possa ver a luz está piscando entre as lâmpadas vermelha e verde. E aqui vou reajustar a opacidade. Acho que gosto de reajustar as configurações depois de desenhar tudo e decidi que quero realmente chamar essa camada de brilho vermelho. Vou duplicá-lo para o próximo quadro. E então eu vou arrastar a camada novamente para a terceira camada, criando um novo grupo. Mas desta vez eu vou renomeá-lo como brilho verde e vamos limpar a camada. Gosto de usar a duplicação. Assim, todas as camadas podem ter configurações de opacidade consistentes. E tudo o que preciso fazer é limpar o conteúdo e substituir os brilhos ao redor da luz verde. Em seguida, vou duplicar essa camada e arrastar a camada final para criar o quadro final da animação. Em seguida, vou tocar em play para revisar a animação e me certificar de que estou satisfeito com toda a animação. Para recapitular, acabei de mostrar meu processo para criar um efeito de luz intermitente. E essa técnica também pode ser usada para acender velas e Jacqueline ganha. Portanto, sinta-se à vontade para personalizar seu projeto específico. Agora é sua vez de adicionar um efeito de iluminação ao seu cartão comemorativo. E, em seguida, na próxima lição, mostrarei como adicionar uma animação cintilante. 8. Como adicionar efeito do Twinkle: Nesta lição, mostrarei meu processo para criar uma animação cintilante demonstrando uma estrela cintilante na minha árvore. Para começar, vou ativar minha camada de esboço para poder usá-la como referência, redesenhando minhas luzes cintilantes. Em seguida, vou ao grupo de camadas que forma meu primeiro quadro de animação. E vou adicionar uma nova camada e desenhar pontos ao redor da base das linhas cintilantes. Em seguida, vou para o próximo grupo em adicionar uma nova camada e desenhar as linhas cintilantes completas, que dará o efeito de que o brilho está se expandindo quando é reproduzido. Em seguida, vou criar uma nova camada e o terceiro grupo de camadas e rotular essa camada. Depois, vou verificar meu pincel e agora vou desenhar pontos no final das linhas cintilantes, o que dará a ilusão que o brilho está desaparecendo. Se eu não reservasse as linhas com pontos, pareceria apenas linhas piscando quando jogadas, mas agora parecerá um piscar de olhos. Agora que terminei meu desenho, vou desativar minha camada de esboço. Em seguida, vou reproduzir a animação para poder revisar a animação completa. Para recapitular, mostrei meu processo para criar uma animação cintilante. Essa técnica também pode ser usada para criar fogos de artifício ou como um sotaque divertido para destacar o conteúdo. Agora é sua vez de adicionar uma animação cintilante para completar seu cartão comemorativo animado. E, em seguida, na próxima lição, mostrarei como exportar sua animação. 9. Exportação: Nesta lição, explicarei como exportar sua animação como GIF ou MP4. Para começar, toco ícone Ações no canto superior esquerdo e, em seguida, toque em Compartilhar. E então isso lhe dará várias opções para exportar. Vou descer e tocar em GIF animado. Aqui você tem algumas opções à esquerda para ajustar as configurações de seus presentes e uma prévia no lado direito. Agora, vou tocar em Exportar. Em seguida, vou começar a animar mp4, que vai te dar um vídeo. E então, quando eu estiver lá, vou verificar a prévia para ter certeza de que tudo está ótimo. E então eu vou tocar em Exportar. É sempre bom revisar a animação, o pop-up antes de tocar em exportar caso haja algum problema e parabéns, você acabou de terminar seu projeto. Para recapitular, mostrei duas maneiras diferentes de exportar sua animação do Procreate. Agora é sua vez de exportar sua animação e enviá-la para seu projeto de classe. Como sempre, se você tiver algum problema, sinta-se à vontade para postar no fórum de discussão e ficarei feliz em ajudar. Na próxima lição, mostrarei como você pode incorporar todas essas habilidades de classe e um exemplo de Halloween. Esta lição ajuda a mostrar como essas habilidades podem ser aplicadas em suas animações de fim de ano. 10. Estudo de caso: animação do Halloween: Até agora, analisamos as ferramentas de animação do Procreate e várias técnicas de animação. Nesta lição, explicarei como aplicar essas habilidades em uma animação de Halloween. Para criar minha animação, configurarei meu arquivo e procriarei. Em seguida, vou esboçar minhas ideias e depois refinar meu design. Em seguida, aplicarei as técnicas de animação. E, por fim, vou exportar a animação para criar um novo projeto. Vou tocar no ícone de adição no canto superior direito e, em seguida, tocarei no ícone New Canvas aqui para selecionar as dimensões. Vou usar 1080 por 1080, pois isso me dará um pequeno tamanho otimizado que pode ser facilmente carregado para o Skillshare pois tem um limite de tamanho de arquivo. Em seguida, tocarei no botão Criar e a próxima é a fase de esboço. Desenhar é muito útil para criar ideias para o seu design de férias. E como você pode ver, eu gosto de manter meus esboços simples e rápidos. Este estágio tem tudo a ver com ideação, que pode ser dificultada pelo foco nos detalhes e na perfeição. E como você pode ver, estou apenas brincando com algumas ideias sobre quais criaturas eu quero mostrar. Também explorarei diferentes saudações. Agora posso usá-las e como desenhá-las. Quando eu terminar de esboçar todas as minhas ideias, nosso trabalho para refinar o design. Então, dê uma olhada nas minhas ilustrações. Vou examinar e selecionar quais criaturas eu quero retirar e refinar meu design final. Então eu vou circular o crânio, o globo ocular, o fantasma. E, por fim, vou escolher a abóbora. Próximo. Vou dar uma olhada na minha exploração de tipos. E eu realmente gostei dessa noite assustadora trancada na parte inferior. E então aqui está minha ilustração refinada. Como você pode ver, eu coloquei minha composição e refinei os desenhos conforme mencionado anteriormente O estágio de refinamento é onde você pode realmente ajustar sua ilustração ao seu gosto. Quando estiver satisfeito com os contornos, adicionarei cores. E aqui você pode ver minha ilustração final, onde adicionei cor. Agora, vamos mergulhar na animação. Mais uma vez, abrirei o menu Ações, irei até o submenu da tela e ativarei o Animation Assist. Agora vou realinhar minhas camadas para preparar meu arquivo para animação. E vá e certifique-se de agrupar todas as minhas camadas de pilha e os grupos de fundo ou primeiro plano, e deixar tudo o que será animado entre esses grupos. E vou selecionar esses grupos estáticos e o painel da linha do tempo e alternar entre primeiro e segundo plano. Portanto, essas camadas permanecem estáticas e suas respectivas posições. Essa é uma etapa importante, pois manterá essas camadas visíveis em todos os quadros. Em seguida, vou aplicar a técnica de luzes piscantes. Então, vou duplicar a moldura da lanterna de dinheiro e reduzir a opacidade no segundo quadro. Em seguida, reproduzirei a animação, que é muito rápida. Eu quero que pareça mais uma vela sutil piscando. Então, vou diminuir a velocidade e depois reproduzi-la novamente. Decidi baixá-lo novamente para quatro quadros por segundo. Em seguida, vou criar uma nova camada e agrupá-la com minha primeira camada de animação, que agora se tornará o novo primeiro quadro. E então vou mudar minha cor para vermelho. E desenharemos luzes vermelhas e cada tamanho de crânio. E vamos repetir a ação para o segundo quadro. Em seguida, no primeiro quadro, vou mudar a cor vermelha para preta, pois a luz vermelha se apagará completamente, deixando os olhos escuros. E vou reproduzir a animação para revisar o look, isso parece bom. Em seguida, vou adicionar uma animação cintilante a algumas pequenas estrelas na minha ilustração. Como as estrelas estão em uma camada estática, vou reorganizar minhas camadas para que a camada de estrelas fique em cada quadro para que eu possa animá-las. Em seguida, vou selecionar todas as estrelas e excluí-las. Em seguida, entrarei na mesma camada e as redesenharei como tamanho menor, as idas e vindas entre as molduras estelares pequenas e depois as totalmente estendidas mesma camada e as redesenharei como tamanho menor, as idas e vindas entre as molduras estelares pequenas e depois as totalmente estendidas, como o que criará esse brilho. Em seguida, reproduzirei a animação para analisar a aparência das coisas. É importante revisar a animação durante todo o processo para garantir que a aparência desejada. Em seguida, vou exportar a animação. Mais uma vez, vou até o menu Ações e clico no ícone Compartilhar para obter minhas opções de exportação. Em seguida, tocarei em GIF animado e obterei uma nova tela com uma prévia da minha animação para exportar um GIF transparente fundo transparente alternado de GIF e eles removerão seu plano de fundo. E eu quero minha experiência. Então, eu vou desligar isso novamente. Em seguida, tocarei no botão Exportar. Mas o que você faz se quiser exportar um vídeo? Eu vou te mostrar como fazer isso. Tudo o que você precisa fazer é tocar em MP4 animado desta vez. E, mais uma vez, você receberá uma nova tela com uma prévia de sua animação. E tudo o que você precisa fazer é tocar, exportar para exportar o vídeo. E aí está. Acabei de apresentar meu processo de implementação das habilidades de aula e de uma animação de Halloween, incluindo como eu esboço ideias e refino meu design, e como você pode adaptar o técnicas de animação dessa classe para diferentes propósitos. E na lição final, encerraremos essa aula. 11. Finalização: Parabéns por terminar este curso. Eu realmente aprecio por você tomar o tempo para fazer minha aula e aprender essas habilidades ao longo do caminho, que incluiu aprender a configurar arquivo em seu design para animação, como usar o Animation Assist para criar várias técnicas de animação, bem como como essas técnicas poderiam ser usadas de diferentes maneiras para projetos personalizados. Para continuar expandindo suas habilidades, recomendo que você reserve um momento para enviar seu projeto para a galeria de aulas pois compartilhar com a comunidade Skillshare é uma ótima maneira de ajudar a inspirar uns aos outros. Se você gostou dessa aula, considere me seguir no Skillshare e conferir minhas outras aulas de animação. Obrigado novamente por fazer esta aula e espero vê-lo em breve. Adeus por enquanto.