Crie seu próprio pacote de adesivos animados

1. Trailer: Bem-vindo ao mundo empolgante dos adesivos animados. Nesta aula, mergulharemos no processo de criação de um pacote de adesivos animados que adicionarão brilho e personalidade à sua presença digital ou aos presentes de sua marca pessoal E os adesivos animados têm um formato muito versátil, são divertidos, leves, fáceis, adaptáveis a qualquer plataforma e perfeitos para adicionar um toque extra de criatividade ao seu conteúdo e cativar Vamos desbloquear o potencial dos adesivos animados. E criem juntos um pacote coeso que você pode usar para incrementar suas mídias sociais, tornar suas apresentações mais envolventes ou adicionar um pouco de diversão ao seu boletim ou adicionar um pouco de diversão ao seu Sou Julia Martinelli, animadora e ilustradora, e estou claramente obcecada por adesivos Eu acho que eles são ótimos para fazer uma apresentação se destacar ou para animar um boletim informativo E nesta aula, exploraremos o propósito e o potencial dos adesivos animados Discutiremos como eles podem ser usados em vários contextos e quais são os ingredientes que os tornam únicos. No final desta aula, você terá desenvolvido um pacote adesivos animados, desde ideias de esboço até A aula vem com recursos úteis que eu compartilho com você Um quadro de humor inspirador, dicas para Ash tags, algumas ideias divertidas e minimalistas de paletas de cores e vídeos em tempo integral do processo de animação Esta aula é perfeita para todos os criativos que adoram ilustrar pequenas ilustrações e querem dar vida a elas. A melhor parte é que você não precisa de nenhuma habilidade ou software de animação específico. Usaremos o Adobe Animate e o Procreate , mas sinta-se à vontade para usar qualquer software de animação com o qual você se sinta usar qualquer software de animação com o qual Vou compartilhar algumas dicas de animação para fazer com que sua ilustração pareça viva mesmo sem habilidades malucas de animação e adaptada a diferentes níveis de habilidade. Agora vamos mergulhar nesse projeto empolgante. 2. Primeiros passos: Bem-vindo a esta aula e a essa nova jornada criativa. Hoje falamos sobre adesivos, que são basicamente pequenos loops animados de Jeff em um Eu os uso muito, desde mídias sociais até meu boletim informativo e site, mas também em apresentações de slides Os adesivos animados são ótimos porque há um loop no fundo, mas mantêm seu slide, história do Instagram, e-mail ou página da web vivos e envolventes Eu uso adesivos, por exemplo, nos decks do Google para apresentar ideias aos clientes ou compartilhar um trabalho em andamento no boletim informativo para dividir um parágrafo e adicionar um pouco de cor e um elemento de fã nas mídias sociais para incentivar interações nas histórias Durante esta aula, você criará seu próprio pacote de adesivos animados Um pacote de adesivos animados é uma coleção de gráficos animados que compartilham um estilo, tema ou linguagem visual consistentes , tema ou linguagem visual Cada adesivo dentro do pacote é projetado e animado de uma forma que se alinha à estética geral e ao propósito da coleção Essa coesão garante que todos os adesivos funcionem harmoniosamente juntos e criem uma Hoje, para meu próprio projeto de aula, criarei um pacote de adesivos animados para uma apresentação Outras ideias para você podem ser desenvolver uma série de adesivos para mídias sociais, para um evento para promover engajamento ou para seu site Ao criar um pacote coeso de adesivos animados, você deve se perguntar as seguintes perguntas Para que você precisa deles? Que emoção eles deveriam transmitir? Você quer que eles sejam divertidos, sérios ou talvez fofos? Você já tem uma marca pessoal com estilo e cores? Ou você tem total liberdade em termos de estilo e tom de voz? Como sempre, nossa jornada criativa começa com o brainstorming e o mood board. Vamos criar uma lista de ideias de adesivos e reunir inspiração visual por meio de um Moodboard em uma plataforma Nos recursos, você encontrará um link para um painel secreto do Pinterest que criei ao longo dos anos Lá você encontra algumas cervejas animadas e outras não Você pode notar aqui, por exemplo, que a animação é mínima. A paleta de cores e o estilo são consistentes. Uma ilustração pontual é uma ilustração que não tem fundo nem muitos elementos flutuantes. É bem compacto. Esses funcionam bem como adesivos. Alguns adesivos incluem um pedaço de texto, outros não. Você pode decidir se deseja adicionar algum texto a uma imagem ou talvez ter um adesivo animado em uma palavra ou uma pequena frase sozinha Também notamos que há um número limitado, mas não fixo, de imagens em um pacote. Podem ser três, mas geralmente também dez. São ilustrações pontuais simples que mostram diferentes estados de espírito. Uma nota rápida sobre transparência. Observe que seu adesivo deve ter o canal alfa, que significa que o fundo será transparente Agora que reunimos alguma inspiração, vamos pensar no que precisamos para nosso pacote de adesivos. Por exemplo, na minha apresentação talvez eu precise de um adesivo de boas-vindas Talvez um personagem acenando algo para o slide no qual eu compartilho minhas informações de contato Porque esses slides estão sempre um pouco vazios. E disse, estou pensando em algo com um envelope simbolizando o e-mail Algumas categorias úteis para mim são adesivo comemorativo, adesivo novo, adesivo apontando ou mostrando Essa fase inicial de brainstorming serve para anotar Não se preocupe muito, você já pode rabiscar, mas também pode escrever uma lista de notas, se esse for o seu estilo de brainstorming Para meu novo pacote de adesivos, decidi usar esse pequeno personagem de lobo que criei há algum tempo Você não precisa de um personagem principal, como acabamos de ver no quadro de humor Seus adesivos também podem ser objetos, palavras ou vários personagens diferentes Talvez você precise de uma seta animada ou de um novo sinal de postagem para suas histórias do Instagram. Podemos escrever e esboçar várias ideias mais do que realmente precisamos Posteriormente, selecionaremos nossos favoritos. Aqui estou desenhando algumas ondas ondulantes. Aqui está alguém segurando um envelope. Esse pode ser um bom adesivo para as informações de contato ou também para o boletim informativo Esse diz: “Oi”. É outro candidato em potencial e uma boa ideia para o adesivo de boas-vindas Se você optar por criar e animar personagens, tente ter poses dinâmicas e silhuetas interessantes Eu fiz uma aula inteira sobre todo esse tópico. Vá dar uma olhada. Eu também poderia ter algumas setas para apontar para coisas que são sempre adesivos úteis Ou pode ser o personagem apontando para alguma coisa. Aqui eu tento organizar um pouco meus esboços, dividindo-os em Começo a pensar em qual doodle eu mais gosto. Lembre-se de que queremos que nossos adesivos tenham algum movimento, então tenha isso em mente Assim como acontece com o brainstorm e o esboço. Por exemplo, esse lobo poderia acenar mão no adesivo O balão pode ser animado enquanto o lobo fala. Este adesivo pode mostrar o lobo pulando apropriadamente para cima Deixe sua imaginação correr solta. Ao fazer e explorar conceitos diferentes, é bom começar a pensar em possíveis animações e, especialmente, ter certeza de que elas podem ser ciclos curtos Na próxima lição, mergulharemos na ilustração. 3. Ilustração: Agora é hora de dar vida às nossas ideias de adesivos, finalizando as ilustrações especiais Primeiro, precisamos escolher nossas ideias favoritas e decidir quais vão para nossa coleção de adesivos Não há um número fixo de adesivos para criar um pacote. Pode ser três, mas também pode ser 12. Eu sugeriria começar aos poucos, especialmente se for sua primeira vez. Sempre há tempo para adicionar alguns mais tarde no meu caso e, olhando meus rascunhos, acho que vou optar por este Escolha suas ideias favoritas e comece a refiná-las. Essa é a hora de decidir qual será o estilo. Faça sua ilustração de um esboço ou não. Você já tem uma paleta de cores em mente? Pense em paletas de cores que tornarão seus adesivos visualmente atraentes e coesos. Escolher e usar uma paleta de cores cria uma sensação de unidade em seu pacote de tornarão seus adesivos visualmente atraentes e coesos. Escolher e usar uma paleta de cores cria uma sensação de unidade em seu pacote de adesivos animados. Uma paleta de cores bem organizada não apenas facilita a consistência, mas também aumenta o impacto de seus Talvez você já tenha as cores da sua própria marca ou tenha uma paleta em mente Se não, não se preocupe. Eu te forneço algumas ideias de cores. Nos recursos desta classe. Para minha matilha de lobos, escolhi essa paleta de cores As cores se complementam. A paleta é minimalista e ousada. Vamos finalizar essas ilustrações. Vou me concentrar em linhas limpas e simples, porque não vamos esquecer que temos que animar isso mais tarde Detalhes complexos exigirão mais tempo e muitos desenhos em vários quadros. Lembre-se de poses e silhuetas dinâmicas. Nesse estágio, você pode refinar os esboços, polir as formas e até mesmo adicionar pequenos detalhes ou alterar algo que não funciona Por exemplo, aqui estou experimentando diferentes opções gráficas para a boca dele. Outro exemplo. No caso dessa linha Wolf, eu realmente precisei redesenhar os braços Fofa. Aqui estou usando procreate e estou me apaixonando por essa textura Definitivamente, é uma etapa extra que complicará meu processo de animação posteriormente Sinta-se à vontade para deixar isso de fora. Lembre-se da transparência, seus adesivos precisam funcionar sem o fundo Você pode tentar desligar a camada de fundo de vez quando para conferir a aparência da ilustração. No final, decidi adicionar um texto ao meu pacote e diz selvagem. Acho que esse é um adesivo muito versátil que posso usar em várias ocasiões É assim que fica com um fundo transparente e é assim que eu digo um PNG do procreate Aqui estão nossas ilustrações de adesivos recortados. Agora é a sua vez. Escolha uma paleta de cores e finalize suas ilustrações especiais. Lembre-se de focar em linhas limpas, formas claras e cores atraentes para deixar seus adesivos visualmente impressionantes Na próxima lição, começaremos a animar. 4. Animação simples: Agora é hora de dar vida a esses filhotes. Nesta lição, vou guiá-lo pelo processo de animar seus buscadores usando o Adobe Animate, o Procreate ou seu software de animação preferido Há várias maneiras de animar. Nesta aula, estou apresentando três formas com diferentes níveis de dificuldade. All and drone é um formato de arquivo muito leve. Lembre-se de que a animação do nosso adesivo não deve ser muito longa. Alguns segundos são o ideal. Efeito de ebulição, essa técnica super fácil dá movimento a uma ilustração em aço. É muito comum nos adesivos do Instagram. Não descreve uma ação, mas dá um pouco de vida a uma ilustração em aço. Se desenharmos a mesma ilustração três ou quatro vezes, digamos em duas ou três, a ilustração estará fervendo Para fazer isso, basta copiar sua ilustração três vezes, dica 1. Seu efeito de ebulição pode ser sutil e mínimo, ou muito louco. Isso depende da precisão da sua cópia e da velocidade da animação. Dica dois: ao copiar sua ilustração, sempre copie da primeira ilustração mestre para evitar um efeito de deslocamento Animação mínima simples. Adicionar pequenas animações a alguma parte da ilustração também ajuda a obter uma sensação de vivacidade e engajamento Por exemplo, fazer seu personagem piscar instantaneamente dá vida a ele Outra opção poderia ser mover apenas um elemento, como o braço ou a cauda. Caso esse tipo de animação seja muito simples de fazer e eficaz. Ele não requer habilidades malucas de animação, mas faz seu trabalho especialmente para loops curtos Dica um, pisque, pisque em três etapas. A animação de piscar de olhos pode ser dividida em três etapas. Olho aberto, olho meio fechado e olho fechado. Normalmente, mantenho o desenho parcial por duas molduras antes de passar para o desenho de olhos fechados, que pode ter duas ou três molduras Para reabrir os olhos, você pode voltar diretamente ao primeiro desenho ou colar outras duas molduras de olhos entreabertos para um piscar de olhos mais suave É assim que você dá vida a um personagem com apenas alguns desenhos. Dica dois: balançando, o resto do corpo fica parado. Embora animemos apenas o braço ou a cauda, sugiro redesenhar o corpo inteiro Caso contrário, notaríamos que uma parte não se move de jeito nenhum. É o que vou fazer aqui com o adesivo do lobo segurando o envelope para acenar Antes de tudo, devemos desenhar o arco do movimento. Esse será o ponto de ancoragem, é assim que a cauda se moverá Acho que meu movimento pode durar 1 segundo para frente e para trás. Quero que a animação seja suave e que a cauda seja mais rápida no meio e mais lenta nos extremos Isso significa que vou desenhar mais quadros perto das posições extremas. Quanto mais próximos estiverem os desenhos, mais lento será o movimento. Sou eu animando em lapso de tempo, o lobo andando com sua cauda Para o resto do corpo, terei um efeito de ebulição. Outra animação minimalista é a do adesivo alto Eu faço o balão aparecer e desaparecer, então é um laço. E eu animo a cabeça do lobo com um piscar de olhos e a boca se abrindo para dar um pouco mais Eu também animo um pouco de rotação enquanto ele abre a boca para falar 5. Animação de ebulição em Timelapse "WILD": Aqui em procreate, estou animando esse chefe para um adesivo animado E vou ativar o assistente de animação em procriar e continuar copiando minha ilustração que diz selvagem Basicamente, vou copiar a ilustração primeiro. Em uma camada aqui está a laranja e em outra camada está o preto. Para a tipografia, gosto de encontrar um pincel grosso e tentar copiar minha imagem depois cortar de forma simples com a borracha As bordas para criar essa tipografia. Eu não sou muito precioso ou muito preciso. Eu gosto que a aparência seja um pouco áspera. Além disso, mais tarde, quando vou copiar essa tipografia várias vezes Claro, estou tentando ser preciso e copiado, mas não demais no sentido de que sua cópia será a mais precisa A menor quantidade de efeito de ebulição que teremos, é claro, é interessante na procriação O que eu quero dizer é que se você mantiver camadas separadas, como eu faço agora com a laranja e a preta, o software as considera quadros separados da animação. Se você quiser ter planos de fundo ou várias camadas de elementos, poderá agrupá-los. E eu vou fazer isso agora para ser considerado como um único quadro. Agora estou indo para o segundo quadro e copio tudo de novo. Você deve repetir isso pelo menos três vezes para ter um efeito de ebulição interessante. Talvez até mais, quatro ou cinco vezes. Também está bem. Normalmente, se você estiver animando na linha do tempo, você pode decidir animar em duas ou em árvores Ou seja, cada ilustração, cada desenho permanece na tela por dois ou três quadros. Nesse caso. No final, você verá que vou definir a animação em oito quadros por segundo, que significa basicamente em árvores, se fosse 24 quadros por segundo. Aqui vamos nós. Quase pronto com o second wild, como você pode ver, é um processo muito longo e acelerou o vídeo que você está assistindo agora No geral, acho que demorei 25 minutos para animar esse loop muito simples Acho que vale a pena dizer isso. Sim, claro que é repetitivo. Você pode ouvir podcasts ou fazer outras coisas enquanto faz isso Com certeza, leva algum tempo. Isso porque é um trabalho muito manual. E eu quero especificamente obter a imperfeição É por isso que não consigo copiar e colar. E é disso que eu gosto nesse tipo de animação. O efeito de ebulição é realmente pegar as imperfeições e deixá-las ferver. Aqui vamos nós. Esta é a terceira e última cópia da tipografia. Em seguida, vou passar para a parte laranja. A parte laranja, eu não vou copiar exatamente como está. Ou talvez, sim, pudéssemos dizer isso, mas de uma forma muito menos precisa, no sentido de que as próximas formas alaranjadas para a segunda e terceira camada e os quadros serão mais aleatórios. Eu presto atenção em ter o mesmo número de pontas. Claro que você vai ver agora, mas com certeza não estou entendendo. Você pode ver isso agora. Não estou seguindo exatamente o mesmo tamanho, digamos, desses picos Isso porque eu quero que essa forma pisque um pouco, fique louca e cresça pequena e Eu posso explicar isso de uma maneira melhor. Além disso, quero dizer que esse processo pode exigir alguns testes, algumas experiências e, em seguida, ir e voltar Nesse caso em particular, não preciso porque faço esse tipo de animação com bastante frequência Eu sei o que estou procurando, mas só estou dizendo isso porque talvez pudéssemos fazer algumas tentativas e está tudo bem. Este é o terceiro aqui. Estou colorindo todas as formas e, no final, para ver que é um loop, oito quadros por segundo, como eu disse antes, aqui está. É assim que parece. E então você o exporta como se fosse. Aí está. 6. Animação completa: Animação completa. Por fim, um J pode ser totalmente animado Essa técnica consome mais tempo e requer mais habilidades de animação. Ele pode descrever uma ação que requer posturas de teclas diferentes. Também pode ser uma transformação. As morfinas funcionam muito bem como adesivos animados. E você pode conferir minha aula anterior sobre circuitos de morfina para aprender tudo Para o meu projeto de aula, quero animar isso, pulando lobos e comemorando Eu configurei o projeto em 24 quadros por segundo, o que é padrão. Começo importando a ilustração que preparamos antes para o meu software de animação Quero fazer alguns esboços soltos para pensar nos movimentos das ações Nesse caso, é melhor fazer uma animação aproximada antes de limpar cada quadro. Às vezes eu faço esses esboços em um pedaço de papel. Às vezes eu começo diretamente na linha do tempo. Você também pode representar o movimento e usar a si mesmo como referência para analisar melhor a ação que deseja descrever. Aqui estou tentando imaginar como fazê-lo pular. A ilustração que fiz é claramente a pose extrema do lobo no ar. Preciso do outro extremo, o lobo no chão, para enfatizar o movimento. Observe como o arco das costas é o oposto no salto e na preparação. Essa posição está bem fechada e comprimida. Mas presto atenção em tornar a silhueta fácil de ler A partir daí, eu gradualmente faço meu personagem pular. Eu gostaria que o lobo abrisse os braços e as pernas ao pular. E no topo do salto, os desenhos estão mais próximos um do outro. Você pode ver que nesta fase aproximada da animação, eu não me importo com pequenos detalhes como as garras, o interior das orelhas, etc Quando a parede cai novamente, adicionei uma moldura que o rosto está todo esticado e engraçado, caso contrário com um movimento rápido Quando estou satisfeito com a animação aproximada, passo para a limpeza. Aqui no animate, criei um símbolo do rosto que me ajuda a manter as proporções entre todos os elementos R, o último passo é colorir. Lembre-se de verificar seu canal alfa. Como sempre, você precisa que seu jif tenha um fundo e uma silhueta limpos Você pode encontrar o lapso em tempo integral dessa animação nos recursos Então, aqui você tem três maneiras de dar vida aos seus adesivos Escolha o que você preferir. Você pode até combinar alguns deles. Por exemplo, faça um personagem piscar, mas também redesenhe a peça antiga para fazê-la ferver Na próxima lição, vamos descobrir como usar nossos adesivos on-line 7. Exportar: Para exportar do animate. Vá para arquivo, exportação, exportação, filme. O que lhe dará um arquivo ou exportação. Se estiver no Animate, lembre-se de que todas as camadas são exportadas, mesmo que estejam desativadas Se você não quiser que uma camada seja exportada, como por exemplo minha animação aproximada, você deve defini-la como uma camada guia Porque, como mencionei anteriormente, eu queria complicar minha vida com uma textura Tive que exportar o preto e as outras cores separadamente e adicionar a textura posteriormente no After Effects. Para a textura que criei no Procreate quatro texturas com o pincel que eu gostei e as importei para o After Effects como filmagem, minha animação dura apenas 1 segundo Eu o dupliquei quatro vezes para ter um loop de 4 segundos. Eu apliquei um efeito de remapeamento temporal na textura pré-composição e fiz com que ela se repetisse para sempre com uma expressão Aqui eu uso a animação preta como uma máscara para ver a textura. Você pode exportar Jeffs do After Effects e do codificador dessa forma Selecionando Jeffs animado, fiz o mesmo procedimento, também com os outros adesivos, para adicionar a textura preta Parabéns por criar seus adesivos animados. Olhe para eles, tão fofos. Para usá-los, precisamos exportá-los. Como algumas notas sobre a exportação de um e algumas coisas a serem lembradas, é importante definir nosso loop para ser infinito, ter um fundo transparente e boa qualidade de imagem Vamos ver como podemos usá-los. Talvez você queira incorporar seus adesivos em boletins informativos e sites de apresentação para adicionar um toque extra de diversão e peculiaridade Isso é o que estou fazendo agora com meus Waves. Aqui está um modelo de apresentação no qual eu uso meus adesivos recém-animados Eu posso simplesmente colocá-los nos slides do Google ou importá-los. Eu escolho as mesmas cores para as manchetes e espalho os adesivos pela Eu acho que parece muito bom. Essas ondas também ficarão muito fofas na minha nova carta. Mal posso esperar para usá-los na próxima edição. Se quisermos usá-los em histórias ou bate-papos do Instagram, precisamos aplaudi-los Por exemplo, no Jiffy, basta acessar o Jiffy e você precisará de uma Aplauda seus adesivos. Canal alfa, fundo transparente e, o mais importante, adicione etiquetas de cinzas para facilitar a descoberta Escolha etiquetas Ash com sabedoria e escolha pelo menos uma que seja só sua. Eu uso, por exemplo, meu próprio nome para poder ver e encontrar todos os meus adesivos. Na pesquisa F, as etiquetas Ash não são úteis apenas para você encontrar e usar seus próprios adesivos animados, mas também para permitir que seu público saiba como encontrá-los e usá-los, e é isso que seus Jeeves estão funcionando Na próxima e última lição, darei um pequeno bônus e algumas ideias para colocar seus adesivos para frente e para fora da tela 8. Bônus!: Você fez isso. Você aprendeu a criar um pacote coeso de adesivos animados que farão sua presença digital ou Agora, aqui está um pouco mais. Você tem essa série super legal de ilustrações especiais. Você sabe o que pode fazer com isso fora do mundo digital. Você pode imprimi-los como adesivos comuns ou até transformá-los em tatuagens temporárias Adoro reutilizar e reutilizar meus projetos para otimizar tempo e energia Eu acho essas paredes muito fofas. Fique somente no mundo digital. Você pode encomendar adesivos on-line ou imprimi-los em casa Recentemente, descobri que eles vendem papel de tatuagem temporário que você pode imprimir com sua impressora de injeção. Quão legal é isso? Espero que essa aula tenha inspirado você a explorar as infinitas possibilidades dos adesivos animados e liberar Lembre-se de que a prática faz você melhorar. Portanto, continue refinando suas habilidades e compartilhando suas criações com o mundo Mal posso esperar para ver seus fantásticos pacotes de adesivos em Compartilhe seu progresso em qualquer estágio. Eu adoraria ver seus esboços ou paletas de cores também. Considere também deixar um comentário pois isso me ajuda e agradeço por se juntar a mim nesta empolgante criação de adesivos animados Você pode encontrar a mim e meu trabalho nas redes sociais. Eu sempre agradeço quando você entra em contato, se você tiver alguma dúvida ou precisar de mais orientações, sinta-se à vontade para entrar em contato. Agora vá em frente e divirta-se dando vida às suas ilustrações com adesivos animados Ep Creating by