Colorindo webcomics: da arte de linha à cor digital

1. Apresentação e projeto: Olá de novo a todos. Meu nome é Sarah Anderson e você pode me reconhecer da minha outra classe de Skillshare, criando quadrinhos web desde esboços até quadrinhos finais. Sou um cartunista e ilustrador e nesta aula, vou ensiná-los a criar uma banda desenhada colorida digitalmente. A cor pode fazer com que sua história em quadrinhos pareça 10 vezes melhor, definindo um humor e tom para a sua peça. Como a cor tem uma gama tão ampla, as paletas únicas que você escolher podem eventualmente se tornar uma assinatura para o seu trabalho. Sua tarefa para esta classe será enviar uma história em quadrinhos coloridas para a galeria do projeto. Usando uma teoria básica de cores, escolheremos uma paleta de quatro cores e ensinarei como aplicar essas quatro cores a uma história em quadrinhos no Photoshop. Você não só aprenderá a escolher cores, mas também os prós e contras da coloração digital, como configurar amostras, criar apartamentos e sombreamento. Para esta tarefa, você precisará de uma versão recente do Photoshop, estou usando o Adobe Photoshop CC e estou desenhando com uma webcam no S4 Tablet. Além disso, para esta tarefa, você precisará ter arte de linha sem cor pronta. Vou fornecer uma versão transferível da minha arte de linha. Mas, claro, sinta-se livre para fazer o seu próprio. Vamos começar com o básico e mergulhar em alguma teoria de cores. 2. Teoria das cores: Muito bem, antes de começarmos a selecionar uma paleta, vamos rever algumas regras básicas de cores. Isso pode parecer um pouco complicado no início, mas na verdade é bastante simples quando você quebra e vai ajudar a tornar uma paleta dez vezes mais fácil. Esta é a sua roda de cores básica. Existem 12 tons básicos de cor. Os tons são a família das 12 cores mais puras e brilhantes. A roda de cores pode ser dividida até suas cores primárias, que são vermelho, amarelo e azul. As cores primárias são as três cores que não podem ser criadas a partir de qualquer outra combinação. Todas as outras cores vêm de misturar estes de alguma forma. Há cores secundárias. Verde, laranja e roxo são formados misturando as cores primárias. Cores terciárias como amarelo, laranja, azul, roxo, etc. são formadas pela mistura de uma cor primária e secundária. Agora estamos de volta aos 12 tons. Então, o que isso significa sobre formar uma paleta? Bem, em primeiro lugar, o posicionamento de uma cor na roda é muito importante. Onde uma cor está localizada na roda de cores deve ter muita influência na paleta geral. Algumas fórmulas básicas para harmonia de cores são as seguintes. Cores análogas são todas as cores que estão lado a lado em uma roda de cores. Tons de amarelo e laranja, por exemplo. Essas cores são tão semelhantes que se harmonizarão naturalmente. As cores complementares são diretamente opostas umas às outras, como vermelho e verde. Estes criam o máximo de contraste. As cores da tríade são igualmente posicionadas e, assim, equilibram-se umas às outras Você também tem outra opção que é cor monocromática. Isso requer um pouco mais de explicação. Uma paleta monocromática é todas as cores, matizes, tons e tons de uma única tonalidade. Uma tonalidade é a mistura de uma cor com branco e uma sombra é misturada com preto. Um tom é misturado com cinza. Então, uma paleta monocromática se parecerá mais com isso. Então, como você usa essas regras de cores para fazer sua história em quadrinhos parecer ótimo? Vou mostrar-te no próximo vídeo. 3. Escolhendo uma paleta: Você pode facilmente escolher uma paleta de quatro cores com qualquer uma das regras de cores que acabei de mencionar. Aqui estão alguns exemplos incríveis de cartunistas e ilustradores aplicando regras de harmonia de cores ao seu trabalho. Jillian Tamaki é uma ilustradora e cartunista incrível. Ela geralmente usa cores monocromáticas e análogas para simplificar sua paleta e criar um humor. Por exemplo, esta história em quadrinhos sobre fazer torta de espinafre usa cores análogas verdes e amarelas. Muitas de suas outras peças dependem de uma cor com várias variações monocromáticas. Esta faixa incrível de Grant Snider usa um conjunto de cores complementares. As outras cores que ele usa são neutras. Então as cores de cortesia realmente fazem a banda desenhada grande. Esta história em quadrinhos de papoula brilhante do Agente 9 de Katie Skelly é um exemplo maravilhoso de dicas perfeitas de cor triádica. Então, agora que você viu alguns exemplos da variedade de cores que você pode usar, é hora de escolher o seu próprio. Agora vou mudar para o Adobe Kuler para mostrar algumas ótimas combinações de cores. Este programa permite que você selecione as regras como análogas e complementares, e escolherá uma paleta para você. Em seguida, você pode ajustar o que quiser. Esta é uma ótima maneira de escolher paletas que definitivamente serão coesas. Meu favorito é complementar porque as cores pop tão bem. Uma ótima coisa a tentar é escolher duas cores complementares para usar juntas, como na opção composta. Kuler lhe dá cinco cores, mas por causa de nossas tarefas, lembre-se de selecionar apenas seus quatro favoritos. Você pode salvar suas paletes do Kuler e até mesmo baixá-las. Bem, eu estava apenas demonstrando no site que é acessível a todos. Você também pode obter o Adobe Kuler como uma extensão no Photoshop CC, o que facilita manter suas paletas à mão. Há outras maneiras de escolher paletas, é claro, e uma maneira é simplesmente experimentar no Photoshop até encontrar cores que ficam bem juntas, mas manter essas regras de cores em mente. Outro método é colorir caiu de peças que você gosta. Se você vir uma imagem com cores excelentes, pode trazê-la para o Photoshop e simplificá-la para suas cores básicas pixelando-a. Para fazer isso, vá para Filtro, Pixelate, Mosaic e certifique-se de que os quadrados são grandes. Agora você tem blocos de cores básicas e você pode usar a ferramenta conta-gotas para escolher quais cores funcionam melhor para você. Não importa o método que você usa para escolher sua paleta, lembre-se de que as cores que você escolher dirão muito sobre sua história em quadrinhos. Por exemplo, se você está olhando para criar algo sério e temperamental, cores monocromáticas e azul vai ficar bonito, mas eles não necessariamente trabalhar para algo papoula e otimista. Katie Skelly's, Agente 9 não teria o mesmo ponche se não usasse cores triádicas fortes. As cores têm fortes conexões com o humor. Então pense em quais cores você associa a quais emoções antes de finalizar sua paleta. Antes de passarmos para o próximo vídeo, vou te dar algumas dicas finais. Tente evitar cores que são muito puras. Isso significa cores que são muito diretas e saturadas. As cores que têm uma variedade de tons tendem a parecer as mais profissionais. Além disso, cores mais neutras, como tons de pele e pastagem, não afetarão muito sua paleta. Então está tudo bem se você precisar usá-los mais tarde quando você estiver colorindo. Depois de saber quais cores deseja incluir na paleta, você poderá passar para o próximo vídeo onde mostrarei como configurar amostras no Photoshop para que suas cores fiquem permanentemente acessíveis. 4. Preparando amostras: Agora vamos montar amostras. Como vamos salvar essa parte, verifique novamente se suas configurações no Photoshop estão corretas. Verifique se a imagem está no modo RGB e se a imagem tem alta resolução ou pelo menos 300 pixels por polegada. Como você pode ver, eu tenho experimentado com paletas e fiz um pequeno esboço para testar um. Depois de selecionar suas quatro cores, você deseja que sua paleta fique facilmente acessível no Photoshop. Se você decidiu obter o Adobe Kuler como uma extensão, você pode usá-lo como sua paleta. No entanto, aqui está um método testado e verdadeiro que muitos cartunistas usam. Na barra de cores, selecione “Amostras”, exclua todas as amostras atuais pressionando todas e clicando em. Não se preocupe, isso não é permanente. Agora selecione a ferramenta Conta-gotas e selecione sua primeira cor e clique em “Adicionar às amostras”, nomeie o que quiser e faça isso para suas outras três cores. Você pode salvar essa paleta como um conjunto de amostras selecionando o menu suspenso e salvando. Você pode recarregar suas amostras originais, se quiser, acessando o menu suspenso e selecionando “Redefinir amostras”. Você pode optar por acrescentar, que significa que você irá adicioná-los à sua nova paleta ou simplesmente selecionar “Ok” para substituí-los. Se você quiser acessar sua nova paleta novamente mais tarde, agora você pode simplesmente ir para o menu suspenso e adicionar mais uma vez. Foi tudo muito simples, certo? Agora suas cores são facilmente acessíveis em todos os momentos. Vamos começar a colorir de verdade. 5. Criando flats: Agora que você tem sua paleta acessível e em ordem, vou mostrar-lhe uma maneira simples e eficaz de colocar a cor. Quase todos os ilustradores e cartunistas começam a colorir criando primeiro apartamentos. Estes são os seus simples blocos básicos de cores. Flats torna a seleção, edição e sombreamento de cores individuais muito mais fácil mais tarde. Idealmente, você deve estar fazendo seu plano em uma camada abaixo de sua camada de trabalho de linha. Para esta parte, vamos usar a ferramenta lápis porque ao contrário da ferramenta pincel, ela não tem bordas suaves. É mais fácil trabalhar de baixo para cima. Você pode simplesmente preencher sua cor de fundo e primeiro selecionando a área e, em seguida, pressionando alt delete. Por uma questão de limpeza e simplicidade, as bordas de cada cor devem corresponder e todos os seus apartamentos devem ser adequadamente preenchidos. Agora, selecione a sombra que você deseja usar seguida e delinear delicadamente sob o trabalho de linha. A partir daí preencha e, em seguida, trabalhe em camadas acima de suas cores. Embora esta cor de tom de pele não seja tecnicamente parte da minha paleta original, é neutro o suficiente para que eu vou usá-lo porque é necessário. Como eu disse antes, os apartamentos tornam a edição muito mais fácil. Na verdade, eu não estou muito feliz com a cor azul porque eu acho que é um pouco escuro demais, então eu vou usar isso para mostrar a vocês como você pode editar tudo muito rapidamente. Se você decidir alterar uma cor, você pode usar a ferramenta de seleção de varinha mágica e, em seguida, selecionar a cor com suavização de borda e contígua desativada. Desativar anti-alias significa que você não terá bordas suaves, e desligar contíguo significa que você estará selecionando todos os planos de uma cor específica. Agora você pode alterar todas as áreas desta cor juntas como um todo. Se você tem seus apartamentos completamente, sombreamento também deve ser muito fácil. Vou te mostrar como fazer isso no próximo vídeo. 6. Sombreamento: Antes de eu mostrar como aplicar seu sombreamento, aqui está uma visão geral básica. Como estamos sombreando uma história em quadrinhos e não uma peça altamente realista, você provavelmente deve limitar-se a um destaque e sombra para cada cor. Normalmente, a cor do realce deve estar menos saturada. Então, escolha-o no canto superior esquerdo do seletor de cores onde ele se mistura com branco. Em desenhos animados, que não tem que ser particularmente realista, Eu tendem a preferir sombras que são mais saturadas na cor em vez de misturado com preto. Para mim, isso faz parecer um pouco menos enlameado, mas cabe a você encontrar uma sombra que funcione bem para sua própria peça. Uma coisa que eu recomendo que você não faça é usar as ferramentas de queima e esquiva. Essas ferramentas tendem a parecer excessivamente digitais e explodidas. É muito melhor usar seus próprios olhos para escolher cores que funcionem melhor para sua peça. Para aplicar suas cores de sombreamento, selecione um de seus apartamentos com a ferramenta varinha mágica. Desta vez, mantenha contíguo ligado. Isso significa que sua seleção será limitada às bordas desta cor. Agora, enquanto você tiver essa seleção, crie outra camada. Escolha sua cor de sombreamento e pinte sobre a área que você quer sombreado. O pincel que você escolher aqui vai realmente ter uma grande influência sobre a aparência do seu sombreamento. Eu amo usar grandes pincéis difusos para criar tons claros mas escovas marrons duras olhar igualmente bom, especialmente para quadrinhos. Eu também adoro encontrar um bom pincel texturizado para aplicar sombras com. O que estou usando aqui é do mega pacote do Kyle, que como você pode ver, tem toneladas de opções de pincel legal. Incluirei um link na seção de recursos para baixá-lo. Para o sombreamento da minha peça, vou mantê-la o mais simples possível. Estou usando um pincel vago e difuso para bloquear e grandes tons suaves de cor, e um pincel marrom duro para sombrear áreas menores. Também vou manter os destaques ao mínimo. Como você pode ver, eu não estou usando muitas técnicas de mistura. Mas, novamente, não faria sentido ter sombreamento complexo de geléia rosa para um desenho animado simples. Um toque final, se você quiser manter seus quadrinhos fofos, adicione algumas bochechas cor-de-rosa. 7. Edição de cores: Depois de terminar de colorir e sombrear, você pode querer fazer alguns pequenos ajustes. Edição final são a minha coloração produto favorito porque mesmo pequenas mudanças podem realmente fazer a sua peça pop. Photoshop tem tantos grandes métodos de edição de cores, e aqui vou mostrar-lhe alguns dos meus próprios atalhos. As camadas de ajuste são uma ótima maneira de ajustar sua peça, e como você fará esses ajustes em uma nova camada, você não precisa se preocupar com alterações permanentes. Basta ir para a camada, nova camada de ajuste para criar uma ou clicar no novo botão de camada de ajuste. Há toneladas de opções para as quais você pode escolher o ajuste, mas aqui estão duas das mais usadas. Se a sua peça está faltando no departamento de contraste, um rápido para amplificar suas sombras e destaques é ajustando os níveis. As sombras de controle deslizante esquerdo, os destaques dos controles deslizantes direito e o controle deslizante médio controla os tons médios. Veja como minha imagem muda no intervalo de tons. Semelhante à opção de níveis, a opção de curvas pode ajudá-lo a ajustar sombras, tons médios e realces. Arrastar a curva para baixo irá aumentar as sombras e arrastá-la para cima, irá adicionar realces. Uma coisa a tentar na seção de curva é fazer uma curva em forma de S, que é um ajuste clássico que ajuda a aumentar o contraste. Quanto maior a curva S, maior o efeito. Há muitas mais opções de camada de ajuste, incluindo matiz e saturação. Você pode brincar até encontrar algo que funcione para você. Gosto deste efeito, mas sinto que é muito forte. Se você quiser minimizar um certo efeito, apenas abaixe a opacidade na camada como eu estou fazendo aqui. Ao criar uma nova camada, você pode optar por alterar o modo de mesclagem. O que isso significa e termos excessivamente simplificados é que ele muda a maneira como esta camada interage com outras camadas. Aqui vou preencher uma nova camada com a cor sépia e mostrar o que acontece. Os modos de mistura são divididos em grupos básicos, mas eu só vou passar por cima dos três primeiros. A primeira seção é a seção de escurecimento, e a mais usada aqui é multiplicar. Como você pode ver, toda a imagem foi escurecida com uma lavagem de sépia. Indo para a próxima seção, a seção iluminada, eu vou apertar “Clarear”, e como você pode ver, toda a imagem foi iluminada com a lata sépia. Agora vou selecionar “Sobreposição” na seção de contraste, e esse contraste foi ampliado no mesmo tom sépia. Se alguns dos efeitos forem um pouco demais, você sempre pode baixar a opacidade. Enquanto eu uso sépia aqui apenas para a demonstração, você pode brincar com todos os tipos de cores e modos de mistura. Um dos meus favoritos é rosa claro nas configurações de luz suave. Às vezes vou usar mais de uma camada e compensar o rosa com uma cor azul. Os modos de mesclagem são um pouco imprevisíveis, então os melhores resultados geralmente vêm de experimentar cores, modos e opacidade até encontrar algo que funcione. Como um pensamento final, lembre-se de manter todas as suas edições em camadas separadas para que você possa desligá-las, se necessário. Acho que muitas vezes passo muito tempo editando porque é divertido, mas geralmente você não precisa de muita mudança. Só um ajuste aqui. Decidi não usar as alterações do modo de mesclagem e vou apenas manter o ajuste de matiz e saturação menor. 8. Considerações finais: Conhecer seus prós e contras básicos de coloração pode melhorar muito sua história em quadrinhos web. Embora a maioria das tiras diárias tendem a ser preto e branco, capas de livros, banners e tiras de edição especial geralmente são coloridas. Ter uma palete maravilhosamente projetada adiciona profissionalismo e caráter à sua faixa geral. Uma vez que a cor é muito mais complicada do que o trabalho em preto e branco, pode levar algum tempo antes que você se sinta confortável com ele. No entanto, as paletes que você escolher e o humor que você definir com suas cores podem realmente definir sua faixa e fazer você se destacar para os outros. Enquanto você deve manter essas regras roda cor em mente, lembre-se que o que parece bom, parece bom. A cor não é uma ciência exata. Se você terminar de colorir sua história em quadrinhos, é hora de enviá-lo para a galeria do projeto. Lembre-se de salvar uma versão do Photoshop com todas as camadas para que você possa editar mais tarde. Encaixe sua imagem e faça upload de uma versão de baixa resolução para a galeria do projeto. Parabéns por terminar sua história em quadrinhos coloridos. Espero que eu tenha ajudado você a tornar sua web quadrinhos mais brilhante, mais alegre e mais você.