Dando vida ao seu webcomic: crie um quadrinho animado!

1. Olá de novo!: Olá de novo a todos. Eu sou Sarah Anderson da banda desenhada Sarah Scribbles, e eu dei duas aulas anteriores sobre Skillshare. Um sobre a criação de uma banda desenhada na web e outro sobre colorir. Hoje, eu vou ensiná-los a fazer uma banda desenhada animada criando um GIF. O uso de GIFs em quadrinhos está se tornando cada vez mais popular dentro da comunidade de quadrinhos da web. Muitos cartunistas bem conhecidos usá-los, incluindo Jane Zei no Pigeon Gazette e o extremamente popular Cianeto & Felicidade. Eu os usei pessoalmente no passado para meus artigos de formato mais longo para College Humor. Apenas um painel animado pode realmente fazer a sua banda desenhada se destacar. Além disso, os GIFs não precisam ser limitados a painéis. GIF fazer é uma habilidade que vem a calhar o tempo todo para os artistas. Por exemplo, você pode criar um ícone animado como os artistas por trás da história em quadrinhos Lae Life. Outro exemplo é o ilustrador Matt Rockefeller, que usou esses belos GIFs em seu site como links clicáveis. Os GIFs têm apenas uma maneira de adicionar um toque especial ao seu trabalho. Nesta aula, vamos fazer uma história em quadrinhos juntos e eu vou te guiar por cada passo do processo. Passaremos de esboços, para um teste, para finalização e upload. No final desta aula, você terá aprendido uma habilidade que pode melhorar você como cartunista e artista como um todo. Se você estiver pronto para colocar sua banda desenhada em movimento, vá para o próximo vídeo para começar. 2. Seu projeto: Sua tarefa será criar uma história em quadrinhos que tenha pelo menos um aspecto animado. Aspectos animados podem ser tão simples como um piscar de olhos tão complicados quanto a lula balançando ao redor. Você pode experimentar diferentes níveis de dificuldade. Para este projeto, estarei trabalhando e demonstrando no Photoshop CC, embora as etapas sejam bastante básicas, então versões mais antigas do Photoshop serão compatíveis. Desde que eu vou estar focando em animação neste tutorial, você já deve estar confortável configurando uma história em quadrinhos simples por conta própria. Se precisares de ajuda, podes consultar as minhas aulas anteriores. Aqui está a banda desenhada em que vou estar a trabalhar e vou estar a fazer um presente da minha personagem a dançar no painel final. Se você precisa de um prompt para a banda desenhada, tente fazer algo com base em suas próprias experiências pessoais. Pense em coisas engraçadas que acontecem em sua própria vida que seriam divertidas de ver em movimento. Vou falar mais sobre quais partes da sua banda desenhada são melhores para animar no próximo vídeo, então siga em frente se estiver pronto. 3. O que animar?: Antes de começar a criar seu GIF, você deve pensar em sua idéia de quadrinhos e tentar determinar qual aspecto funcionaria melhor animado. Um elemento animado deve trabalhar para trazer a história em quadrinhos para a vida ou deve ajudar a entregar uma piada. Embora você possa optar por fazer um GIF tão complexo ou tão simples quanto você quer, muitas vezes, cartunista usar animações relativamente simples. Elementos de fundo como a água do chuveiro neste quadrinhos da série Boumeries, são realmente boa maneira de trazer vida para o seu quadrinhos. Eu amo usar esses tipos de GIFs como pequenos enfeites, como no título deste artigo que eu fiz para College Humor, e então o piscar rápido aqui. Em muitos webcomics que usam GIFs, o painel final é animado. O painel final é muitas vezes o mais importante para a piada e adicionar um elemento GIF torna a linha de perfuração ainda mais engraçada. Eu amo este exemplo da webcomic, The Pigeon Gazette. Você pode ver que ela usou um pouco mais de um movimento complicado que está realmente ajudando a tornar este quadrinhos engraçado. Aqui está outro exemplo que eu amo da série, De acordo com Devin. É uma animação simples, mas o GIF torna a linha de perfuração perfeita. Quando você está planejando o que animar, certifique-se de que você está escolhendo animar algo que realmente vai funcionar em favor de sua história em quadrinhos. GIF fazer é um pouco tedioso, então faça o esforço valer o seu tempo. Vamos para o próximo vídeo e mostrarei como tudo funciona. 4. Demonstração: Agora vou mostrar a vocês como configurar sua animação. Primeiro, vou configurar meu arquivo, e como isso é uma demo e não uma banda desenhada, estou usando um quadro básico de cinco por cinco a 300 pixels por polegada. Agora, vou me certificar de que estou no modo de movimento. Quando você seleciona isso, a linha do tempo da animação deve aparecer. Caso contrário, você pode acessá-lo acessando Janela, Linha do tempo. Em versões mais antigas do Photoshop, será Janela, Animação. Vá para a Linha do Tempo e clique em “Criar Animação de Quadro”. Estamos fazendo uma animação quadro a quadro e é aqui que você organizará seus quadros-chave. Você estará fazendo seu desenho real aqui no painel de camadas. Às vezes, colocar o Photoshop e o modo de movimento se livra de suas camadas, então, se você precisar vê-las novamente, basta pressionar F7. Eu vou demonstrar como configurar suas camadas com um desenho super simples primeiro e depois, vou mostrar a vocês como eu uso essa técnica na minha banda desenhada. Agora, eu tenho um fundo branco e eu vou criar minha primeira camada clicando aqui. Vou nomear cada camada por ordem de animação para me manter organizado. Vamos começar com este rosto, que eu quero fazer piscar. Agora que eu tenho este primeiro rosto desenhado, eu quero desenhar o primeiro passo em piscar, então eu vou duplicar esta camada pressionando Control, Duplicate Layer, e então eu vou desligar o original clicando no botão botão de olho ao lado dele. Agora, eu vou desenhar os olhos meio fechados. Em seguida, estou repetindo os mesmos passos antes e desenhando a camada final onde seus olhos estão fechados. Temos três passos simples: abrir, piscar no meio e fechar os olhos. Um, dois, três. Em seguida, vou configurar meus quadros. Na minha linha do tempo e no meu primeiro quadro, vou para as minhas camadas e certificar-me de que tenho minha primeira camada ativada através do botão do olho. Tudo o resto, além do fundo, deve ser desligado. Agora, eu vou criar um novo quadro clicando aqui, e eu estou ligando a segunda camada. Novamente, tudo, exceto esta camada, deve ser desligado. Finalmente, estou adicionando o terceiro quadro. Seus olhos precisam se abrir de volta depois disso, então eu estou criando outro quadro e voltando para a camada 2. Finalmente, de volta aos olhos abertos. Antes de testarmos, vamos passar por estes quadros mais uma vez. Um, dois, três, e depois de volta. Vamos ver como fica. Pressione o botão “Play” para testá-lo. Agora, acabamos de ver meu personagem piscar. Mas só por um segundo, se você quiser ver sua animação se repetir, vá aqui onde diz “uma vez” e mude para “para sempre”. Você também pode alterar a velocidade da animação alterando o tempo de atraso entre quadros. Esses são todos os passos básicos para fazer um GIF. Passe para o próximo vídeo para me ver criar um GIF especificamente para uma banda desenhada. 5. Aplicação de quadrinhos: Agora estou me movendo para a minha banda desenhada que tem uma animação mais difícil nele. Como você pode ver, eu já tenho meu pré quadrinhos desenhado com exceção da figura final. Os passos que seguirei são os mesmos que usei no vídeo anterior. Só que usarei mais camadas e quadros para criar o movimento mais complexo. Eu também vou estar desenhando em rosa para que eu possa fazer um teste primeiro e depois eu vou passar por cima e pintá-lo. Um movimento complicado como a dança sempre parece melhor e mais suave quando tem mais quadros. Mas pode ser difícil descobrir o que desenhar quadro após quadro. É por isso que para esta animação, vou usar uma técnica chamada pele de cebola. Vou começar desenhando minha primeira camada. Então vou diminuir a opacidade dessa camada. Em seguida, vou desenhar o quadro final onde eu quero que ela acabe. Também estou nomeando essas camadas de acordo. A opacidade dessa camada também é reduzida. Você pode ver por que essa técnica é chamada de pele de cebola. Agora é mais fácil para mim desenhar o que vem entre esses movimentos. Vou pegar duas camadas e desenhar entre minha camada final e primeira. Agora que eu tenho o primeiro conjunto de movimentos, eu vou entrar e virar tudo, então ela vai para o outro lado também. Uma vez que eu tenho isso feito, eu estou testando que eu tenho tudo em ordem e, claro, eu estou renomeando minhas camadas para mantê-las organizadas. Finalmente, eu vou entrar e definir tudo fora da minha linha do tempo e então assistir o esboço do teste. Aperte Play para testar. Então esta é a minha primeira versão e há algumas coisas que eu realmente quero mudar. Por um lado, não quero que o braço dela se mova para cima e para baixo e quero adicionar mais quadros para tornar seu movimento mais suave. Também quero adicionar algumas notas musicais ao fundo. É por isso que gosto de fazer um teste antes de entrar e pintar. Há sempre pelo menos uma coisa que preciso ajustar. Então eu vou fazer essas mudanças, reorganizar minha linha do tempo e mostrar a vocês o esboço final. Ok, pulando para a frente para as edições e este é o esboço de presente que eu gosto. Eu acho que é muito melhor e funciona muito mais suavemente. Agora me sinto confortável em seguir em frente para finalizá-lo. Para mim, eu estou mantendo este quadrinhos simples e apenas fazendo menor. Então o que eu estou fazendo é ir para cada camada de esboço, criando uma nova camada em cima dela e fazendo minha camada bem ali. Então eu vou voltar para a minha camada de esboço e excluir o esboço e mesclar as camadas pressionando o Comando E. Eu fiz tudo isso enquanto minha linha do tempo ainda estava ativa, mas há um problema com isso. As novas camadas que você desenhou continuarão a aparecer em seus outros quadros. Então você terá que passar manualmente e desligá-los, o que é um incômodo. Então, se você quiser evitar esse problema, basta excluir seus quadros na linha do tempo, criar suas camadas de arte de linha e, em seguida, voltar depois e recriar sua linha de tempo. Depois de ter tudo finalizado, vou apenas adicionar alguns toques finais, como desenhar um fundo e desenhar a minha assinatura. Aí temos. Agora tudo o que resta é salvar e carregar. Passa para o próximo vídeo e eu mostro-te como fazer. 6. Finalização e upload: Tempo para economizar. Os GIFs precisam ser salvos de uma certa maneira para funcionar online. Primeiro, você precisa se certificar de reduzir sua resolução para 72 dpi para garantir que ela seja compatível com a visualização na Web. Você pode fazer isso indo para Imagem, Tamanho da Imagem e, em seguida, digitando-o. Em seguida, vá para Arquivo, Salvar para Web e verifique se o canto superior direito está definido como GIF. Agora, você pode ir em frente e salvar. Agora, vamos em frente e enviá-lo para a galeria do projeto. Então agora, você tem uma banda desenhada animada. Lembre-se de enviá-lo para a galeria do projeto para que possamos dar uma olhada e deixar comentários. Lembre-se, a criação de GIF é uma habilidade que pode ir além da sua história em quadrinhos da web e embelezar outros aspectos da sua arte. Você pode criar ícones animados e banners para melhorar o seu site ou você pode apenas torná-los para se divertir. Espero que tenha gostado da aula. Te vejo na próxima vez.