Colorizar com o Photoshop: do esboço à ilustração totalmente colorida

1. Pré-visualização do curso: Oi, todo mundo. Eu não sou um animador de computador e artista freelance. E nesta aula, eu mostro a vocês como pegar um esboço em preto e branco simples e transformá-lo em uma ilustração totalmente colorida. Usar para o benefício da minha técnica é que você não precisa redesenhar traço ou aumento vetorial. O desenho original reuniu uma prévia rápida da classe. Vamos dar uma olhada. Bem - , isso é mais preciso do que eu gostaria de admitir. Esta é uma classe simples e direta. Ele oferece muito para iniciantes e até mesmo ilustradores tradicionais experientes que estão olhando para colorir sua arte na integridade da linha e aproveitar a versatilidade do. No final, os alunos enviarão seus trabalhos para o projeto da turma. Eles usarão um esboço original deles ou um que eu providenciei para eles. Um projeto concluído inclui o uso de contornos de cores, sombras e realces , devolvendo se você estiver pronto para aprender uma nova habilidade. Isso é bom. Começando 2. Preparação de imagens: vamos começar criando estão desenhando e digitalizando para o computador. Para este tutorial, estou usando um desenho de uma reunião de dança do cão. Eu forneci esta imagem junto com outros inspirados nos vídeos anteriores. Os arquivos de montagem são anexados na descrição do projeto. Se você quiser desenhar o cão dançante por conta própria, enviei um tutorial de desenho para o meu canal no YouTube. O link está na descrição. Depois de finalizar o design, use um scanner para capturar o desenho e importá-lo para o computador. Certifique-se de alinhar o papel ao longo das bordas apropriadas para evitar cortar qualquer parte do seu desenho. As configurações do scanner devem ser definidas para cor ou pele cinza, mas eu deixo definido como cor para pular uma etapa. Foto de Meu scanner tem uma superfície de vidro bastante pequena, então eu costumo limitar meu tamanho de papel para 8,5 por 11, que é uma folha de papel normal tamanho letra . O aspecto mais importante para garantir uma verificação de qualidade é definir a resolução para 300 DP I ou pontos por polegada. Isso permitirá que você obtenha uma imagem maior sem uma perda perceptível de qualidade e é suficiente para enviar imagens para impressão com uma resolução de 300 DP I. A varredura levará um pouco mais do que o habitual. Acelerei a Barra de Progresso para este exemplo com a imagem do arquivo agora escaneie Salvar arquivo Ir para aberto. Localize sua pasta de imagens. Selecione sua imagem e clique em abrir em uma única camada será criada no painel de camadas. Um pequeno bloqueio aparece ao lado da camada para desbloquear a imagem. Clique duas vezes na camada e pressione OK. Isso precisará ser feito a qualquer momento. Uma nova imagem aberta pela primeira vez, Renomeada a camada clicando duas vezes na caixa de texto indica que ela é a imagem original intocada. Vamos fazer muitas mudanças no desenho, por isso é uma boa ideia mantermo-nos organizados. No início. A digitalização captou todas as manchas de lápis e erros, e eu posso revelar alguns indo para ajustes de imagem, brilho e contraste. Arraste os controles deslizantes para baixo e você verá que temos alguma limpeza para fazer antes de colorir hit caminho. Não precisa da imagem mais escura para limpá-la. Selecione a ferramenta de laço cuidadosamente contornar seu personagem ou objeto que você não precisa chegar muito perto da arte da linha uma vez que a seleção é concluída, invertido selecionando o controle de deslocamento I no teclado. Agora, tudo ao redor do lado de fora do cão é selecionado. Pegue sua ferramenta borracha e comece a limpar na seleção ou pressione excluir no teclado de Select com Control D, como no cão no teclado, ou vá para selecionar D Select na barra de menus. Ela era uma borracha macia e ficar um pouco mais perto das bordas do desenho de linha. Ou você pode usar uma ferramenta de pincel para pintar branco puro em qualquer lugar. O desenho está muito sujo. À medida que eu limpo o desenho, você pode ver que eu uso um navegador para me mover rapidamente ao redor do meu desenho e ampliar ou reduzir o zoom. Esta é uma das minhas ferramentas favoritas e photoshop entre dinheiro. Se você cometer um erro, você sempre pode ir para editar, desfazer ou selecionar todo o controle Z no teclado para desfazer ao limpar o desenho. O objetivo é se livrar de quaisquer marcações que vão distrair o espectador, mas você quer ter cuidado para não se livrar de quaisquer linhas que mostram a energia do seu desenho ou limpá-lo muito, menos que esse seja o seu objetivo final. Quando estiver feliz com a limpeza, guarde sua loja de fotos. Quando estiver feliz com a limpeza, Arquivado em uma pasta fácil de localizar, provavelmente na mesma pasta que o seu desenho original. Nomeie adequadamente e clique em OK antes de passar para a próxima etapa. Se você digitalizou seu desenho em tons de cinza, poderá dizer ao Photoshopped que deseja trabalhar com cores indo para o modo de imagem. RGB Cor ou CME como você vai trabalhar um RGB se o seu trabalho será visto principalmente em uma tela de computador e você vai trabalhar e vê-lo como um se você está indo para enviar o seu treino para imprimir antes de passar para a próxima fase do projeto, eu quer passar rapidamente sobre o conceito de camadas sobre como usá-las. Imagine que cada camada é um pedaço de papel ou uma folha clara de ácido Tate que ficam empilhadas sobre a outra. A camada mais próxima do público é colocada no topo da pilha, assim como você pode reorganizar a ordem das folhas de papel. Você pode reorganizar camadas arrastando-as acima ou abaixo de outras camadas. Ao ter elementos de um desenho em diferentes camadas, como um plano de fundo, objeto de terra central e uma imagem de primeiro plano, você pode fazer ajustes em uma camada sem afetar as outras camadas. Em seguida, transferiremos seu desenho para uma nova camada que preservará todos os detalhes, mas eliminará o plano de fundo completo, permitindo uma imagem totalmente personalizável. 3. Desenho de transferência: agora que limpamos nosso desenho principal, nos livrando de quaisquer marcas brancas ou desnecessárias que não queremos, estamos prontos para transferir nossa imagem para umacamada vazia e clara, camada vazia e clara, o conceito de transferir seu dedo do pé de desenho camada clara. É semelhante a transferir a imagem de uma moeda esfregando grafite sobre uma folha de papel limpa . Se você esfregar o lápis muitas vezes sobre a moeda, a imagem irá preencher com grafite e ficar muito escura. O mesmo é verdade. Ao transferir uma imagem em uma loja de fotos, eu o orientarei pelas próximas etapas para garantir que a transferência vá bem com seu desenho agora limpo, vá para o painel de camadas e crie uma nova camada vazia e nomeie contornos limpos. Crie outra camada vazia em nome de cor de fundo. BG é a abreviação de fundo. Clique e arraste a camada sob a camada de contornos limpos com a camada de fundo Selecionada . Use o livro de pintura uma ferramenta para preencher a camada com uma cor sólida. Neste ponto do processo, recomendo uma cor branca ou cinza. Agora, os contornos limpos aparecerão sobre o plano de fundo. Agora temos toda a camada configurada corretamente. Oculte o plano de fundo clicando no botão I e selecione a camada de contornos limpos. Uma vez que é onde estaremos transferindo a imagem para, há mais duas abas ao lado da aba camadas uma é canais e a outra é PATH estará usando o dedo da guia canais. Isole as linhas de lápis do fundo do papel. Se você estiver no modo RGB, você verá quatro opções na caixa de canal e verá cinco opções. Se você está em C M. Y. veio em qualquer um dos cenários. Vamos bater o controle ou comando no teclado e clique na primeira opção RGB ou CME. Como o controle de batida. RGB. Você deve ver uma seleção de letreiros ao redor da imagem, que para mim parece um pequeno fim de marcha. Na verdade, temos tudo, exceto a linha selecionada. Então, para inverter esta eleição ou controle de deslocamento de acerto invertido, seleciono sua ferramenta de pincel e me certifico de que é um pincel sólido sem uma borda de pena em torno dele . Escolha uma cor mais escura em suas amostras. Verifique se a camada de contornos vazios e limpos está selecionada no momento e ative sua camada de plano de fundo. Expanda seu pincel e deslize pela imagem sem unq olhando sua boca, eu recomendo um ou dois golpes sólidos. Reboque. Evite inundar a seleção, que fará com que a imagem fique escura como na moeda. Exemplo. Se desligarmos a camada de fundo e o Lear de varredura original, você pode ver que a camada de contornos limpos tem um fundo transparente enquanto mantém as marcas de lápis originais. Esta é a chave para criar imagens limpas que podem ser manipuladas ou ajustadas de qualquer maneira. Você pode imaginar com o fundo agora transparente, podemos adicionar uma nova camada sob os contornos e pintar sem afetar ou apagar as linhas . Os rabiscos de cor são apenas, por exemplo, então eu vou excluí-los. Quero mostrar-lhe o que acontecerá se você não inverter a seleção ao transferir. Então, após o controle, clicando na camada RGB e criando uma camada para a transferência de imagem. Quando eu deslizei o mouse pela tela, tudo, exceto as linhas, fica preenchido. E embora isso possa ter alguma aplicação prática, não é o que precisamos para este projeto. Vamos em frente e excluir esse exemplo, tudo bem, estamos fartos de transferir o desenho para uma camada limpa com um fundo transparente. Isso nos leva ao próximo passo, que é a adição de blocos sólidos de cor sob o desenho 4. Cores básicas: Agora estamos prontos para começar a dar vida à nossa ilustração com cores. A primeira coisa que eu quero fazer é mudar a cor de fundo principal de branco para uma ótima cor. Este é um truque que aprendi com o Animador Aaron, por favor. Ele explica que o fundo cinza nos permite ver as cores brancas e pretas com mais precisão do que se você tivesse um fundo branco ou preto puro com o fundo agora preenchido . Crie uma nova camada. Você usará esta camada para a área do desenho. Você vai colorir primeiro. Neste exemplo, eu quero colorir o corpo principal. Certifique-se de nomear as camadas apropriadamente para se manter organizadas ao selecionar uma cor. Eu costumo ir para as amostras e escolher uma cor base que é semelhante ao que eu tenho em mente. E então eu mudo para o seletor de cores e encontro, também. Na seleção para o golden retriever, Eu escolho uma cor de base de amarelo, e eu ajustei um pouco mais perto dedo laranja ou marrom. Uma vez que estamos apenas bloqueando as cores de base em, selecione um pincel sólido sem uma pena ao redor das bordas e mantenha a opacidade e preenchimento em 100 contornos limpos camada não será afetado desde que esteja acima da camada de imagem de cor e não selecionado no momento. Você pode começar a colorir assim como você não faria um livro de colorir só desta vez você não tem que se preocupar em ir fora das linhas. Como as cores e as linhas são elementos separados, você sempre pode usar a ferramenta borracha para limpar quaisquer erros. Ao usar a borracha, recomendo usar uma escova sólida sem uma pena ao redor da borda. Você vai descobrir que as camadas são seu amigo e Photoshopped, e enquanto tudo estiver organizado, eles vão fazer um longo caminho para tornar sua ilustração limpa e fácil de ajustar com o corpo principal . Agora colorido fazer uma nova camada acima dele para todas as partes que estão vendo acima do para. Neste caso, estou pintando o Eu faço a seleção de cores e ajustado até que você esteja satisfeito. Não crio uma nova camada para as pessoas porque me sinto confortável trabalhando na mesma camada . Mas se eu fosse adicionar mais detalhes, como um padrão na íris e reflexos, seria benéfico separá-lo do branco do olho mais uma vez ao trabalhar com as camadas. Quanto mais próximo um objeto estiver do visualizador, mais alto ele estará na pilha de camadas. Eu está acima do para, e se você arrastá-lo atrás da camada principal do corpo, ele será coberto para a boca. Eu gosto de trabalhar em várias camadas com o interior da boca separado dos dentes e a língua guia fácil para determinar quando criar uma nova camada é manter Áreas lá exigem cores muito diferentes separadas umas das outras. O arco será realmente colocado atrás da cor do corpo principal enquanto o chamador é colocado acima . O para saia tem três camadas principais, e eu começo a colorir o mais baixo sem se preocupar em afetar os dois superiores. Verá que assim que eu preencher a segunda e a primeira camada, eles escondem qualquer overruns. Eu deveria ter criado uma camada separada para a borda de cada saia. Como não o fiz, terei que ser mais cuidadoso quando chegar à fase de sombra e destaque do projeto. Neste ponto eleito, você aprende observando enquanto eu preencho o resto das cores. Paciência é importante ao criar arte, então não fique frustrado Se você cometer um erro, lembre-se de que o Old Control Z é seu amigo. Além disso, você aprende mais rápido cometendo erros. Dito isto, ainda estou aprendendo algo novo todos os dias. Em seguida, faremos seu desenho aparecer com sombras e realces. 5. sombras e realce: com nossas cores de base estabelecidas, poderíamos começar a adicionar sombras, realces e texturas. Vamos começar. À medida que você se prepara para adicionar seus destaques e sombras, pode ser vantajoso criar um lembrete visual de onde vem a luz. Você pode criar uma nova camada vazia para os destaques, mas eu vou trabalhar diretamente em cima das cores base. Selecione a camada de corpo principal e selecione os pixels transparentes de bloqueio. Mas isso permitirá que você pinte Onley em cima do que já foi pintado nessa camada específica. Isso significa que com a fechadura ligada, eu só afetarei o amarelo para a camada principal do corpo. Agora você pode selecionar qualquer estilo de pincel que desejar. Mas se você é novo na loja de fotos, recomendo o pincel macio com penas, e também recomendo baixar a opacidade para cerca de 40 ou 30%. Experimente sua cor principal com a ferramenta conta-gotas. Você verá que a cor muda na caixa de cor de primeiro plano. Pegue a cor e selecione uma versão mais brilhante. À medida que pinto, você verá que o pincel pode sair da borda sem derramar tinta no fundo ou em outras camadas. Se eu desligar o bloqueio de transparência, você verá que a cor agora está livre para ir onde quiser. Construa sua cor lentamente e não se preocupe em ser muito preciso neste momento. Se eu esconder o Lear da Linha Limpa, você verá como nossas cores principais ficam. É um visual muito legal, e se você decidir experimentar, tente criar uma imagem sem contornos. É um processo que eu quero tentar. Escondi os contornos para provar uma referência limpa da cor principal. Vou ajustá-lo e criar minha sombra. Mais uma vez. Pense na fonte da luz e sua direção. Outra opção para criar sombras e realces é usar as ferramentas de esquiva e gravação. Burn Tool faz exatamente o que seu nome sugere. Faz com que a cor pareça mais escura ou queime. Mas é também uma ferramenta que eu uso com moderação porque eu gosto de ter mais controle sobre a camada final . Dodge Tool faz o oposto, e Brian é sua cor. Mais uma vez. O botão de desfazer é seu amigo, e eu uso muito. Às vezes eu gosto de diminuir o zoom para ver como as cores estão meshing juntos e para ver se a imagem é um todo está trabalhando com os realces, e sombras adicionadas, você pode experimentar com outros pincéis para adicionar textura às cores. Outra maneira de adicionar sombras à imagem é criando uma nova camada vazia e configurando o barco de mesclagem para multiplicar. Neste exemplo, escolhi um refrigerador, mais frio. Não há trava na camada, então tentei ficar nas filas. - Por fim , eu não gostei do olhar para que você não veja o azul na peça final. - Quando estiver satisfeito com seus destaques, sombras e texturas salve o arquivo. Agora estamos prontos para passar para a próxima fase, que irá realmente mostrar a qualidade do seu desenho e empurrá-lo para um novo nível visual . 6. Contornos de cores: ATTN. Neste ponto, vamos colocar a cereja em cima do nosso desenho colorindo os contornos dela com o nosso desenho. Selecione a camada de contornos limpos e selecione a transparência de bloqueio, mas observa. Mudamos rapidamente a cor do contorno antes de avançar mais. Crie uma pasta para agrupar todas as camadas de cores juntas. Isso nos ajudará a evitar a desordem e a manter tudo organizado. Selecione a primeira camada. Mantenha o botão Shift pressionado no teclado e não solte. Role para baixo até a última camada de cor e clique em. Agora todas as suas camadas de cor estão selecionadas. Solte o shift para clicar em arrastar e soltar as camadas em seu grupo de pastas. Clique no pequeno triângulo para fechar a pasta. Voltando para a camada de contornos. Selecione uma cor para o desenho. Eu gosto de preencher o contorno completamente com a cor mais dominante e depois começar a colorir as áreas individuais em cima dela. Uma vez que os componentes individuais estão em uma camada, você terá que ser mais preciso em sua coloração. Mas o processo de fazer correções é relativamente fácil. Basta pintar sobre seus erros. - Se você encontrar uma linha ou marcação que você deseja correr, certifique-se de selecionar o bloqueio de transparência, ou ele irá apenas colorir a linha. O mesmo é a cor de fundo definida. Estranho. Sei que quando acabares, não te esqueças de guardar os teus ficheiros. Na próxima lição, mostrarei como adicionar mais desenhos e elementos ao seu arquivo. 7. Como inserir novos desenhos: Bem, agora você sabe como criar um personagem na loja de fotos. Mas e se você quiser adicionar outra pessoa ou outro objeto ao desenho? Isso é o que vamos abordar nesta próxima seção. Vamos dar uma olhada em onde estávamos e como os pequenos ajustes que fizemos afetaram a qualidade de nossa ilustração. Muito legal, certo? Digamos que queremos adicionar outro elemento ou desenhar o nosso projeto. Vá para o arquivo aberto, selecione o arquivo desejado e clique em Abrir. Uma nova aba aparecerá na parte superior da loja de fotos ao lado do seu primeiro desenho. Use a ferramenta de movimentação clicando na imagem e mantendo o mouse pressionado enquanto você arrasta a imagem para a sua primeira guia de projeto no topo arraste e não solte o botão esquerdo do mouse até ver um sinal de adição ao lado do movimento para agora as imagens lançadas entre o seu assim como no início deste tutorial chamado Camada. Eu quero manter o desenho do cão completamente separado da calça então eu vou fazer uma pasta mestre para todos os elementos de desenho do cão. O Canvas agora é muito pequeno para ambas as imagens. Você pode mudar isso indo para os olhos do campus de imagem. Existem alguns padrões de medição, mas estou usando polegadas. A caixa com setas permite que você determine onde seus desenhos originais serão colocados. Uma vez que a tela se abre e se expande, quero que meus desenhos fiquem no lado direito do meio, você precisará reabastecer a camada de fundo com a ferramenta balde de tinta que é fácil o suficiente de fazer . Mova o novo desenho para a posição e prepare o documento para contorno limpo. Oculte seu primeiro desenho para evitar selecionar seus pixels ao transferir a imagem. - Se você quiser fazer um ajuste em sua imagem, selecione a camada ir para editar, transformar e você verá algumas opções. Neste caso, eu quero dimensionar o cão e torná-lo um pouco menor para caber com o resto da imagem, clique em shift no teclado e arraste a imagem para que ele diminua. Mesmo quando eu colorir o panda, você vai notar que eu não uso preto ou branco puro e tentar manter as cores complementares . - Seu desenho de panda tem muitas marcas de lápis extras e erros, então a limpeza era necessária. Mas a borracha Ok, agora que temos mais elementos no mesmo projeto, podemos salvar o arquivo 8. Elementos de extra: o que Se você quiser adicionar um elemento, faça um objeto fotografado primeiro. Abra o arquivo e desbloqueie para edição clicando duas vezes na camada nele. Ok, eu gosto de duplicar as imagens clicando com o botão direito e selecionando o player duplicado. Diga o nome para sabermos que é uma cópia. Dessa forma, se eu errar muito mal na camada editada, terei o original intocado para recuar antes de mover a imagem para o projeto de desenho. Quero criar um fundo transparente. Photo shop tem uma ferramenta de varinha mágica que é bom para selecionar grandes pedaços de cores semelhantes mas não deve ser confiado para verde mais detalhado com seus elementos de fundo. Selecionado clique Excluir no teclado para dar-lhe uma vantagem na limpeza da imagem, você pode usar a ferramenta borracha para limpar o desenho mais. Mas como este é um objeto bloco, eu vou usar o polígono um último uso. Você saberá quando a seleção estiver completa. Quando um círculo aparece ao lado do último, ele desloca o controle por dedo. Inverte a seleção que ele exclui no teclado. O objeto agora está limpo e livre para se mover. Dragão soltá-lo no projeto apropriado em fazer todos os ajustes necessários. Neste caso, quero o dedo do pé de vidro. Ter uma transparência, então eu vou ter que realizar a cirurgia selecionando o vidro, cortando-o e colando-o em sua própria camada. Infelizmente, ele colou longe da posição original. Tudo isso tem que se mover para trás, mas a camada de vidro selecionada eu posso ajustar a opacidade separada quando eu estou feliz com o resultado vai mesclar com dois elementos e salvar o arquivo. Nosso próximo passo é adicionar uma imagem de fundo. 9. Como adicionar uma imagem de fundo: agora para completar a nossa ilustração. Vamos adicionar uma imagem de fundo quando você abrir sua imagem de fundo, ela irá criar uma nova guia na parte superior da página. Clique em arrastar e soltar a imagem no arquivo original. Mova a nova camada atrás de seus elementos desenhados. Nenhum rearranjado para o desejo do seu coração. O benefício de usar foto comprada para suas ilustrações é que ele é extremamente versátil e permite tantas variações e ajustes de seu trabalho. Você pode dimensionar sua imagem para cima ou para baixo com horizontal ou verticalmente. Apenas brilho e contraste de cor. Aplique efeitos como desfoque e use a biblioteca de pincéis para diferentes texturas. - Em seguida , vamos rever o projeto da turma para solidificar suas novas habilidades. 10. Finalização: tudo bem agora é hora de você se divertir criando seu próprio projeto e compartilhando-o na Galeria de Projetos de Compartilhamento de Habilidades, eu desafio você a criar uma ilustração totalmente colorida a partir de sua própria arte de pele ou das imagens anexadas que eu forneci. Sinta-se livre para modificar meus desenhos ou combiná-los com seus próprios desenhos para o projeto. ilustração concluída inclui cinco elementos. Primeiro é pelo menos um desenho de um personagem ou não. O segundo elemento é uma cor de preenchimento plano. Terceiro é adicionar realces e sombras para contornos de cores. Cinco em uma imagem de fundo como um desafio adicional. Ilustração do usuário. Apresentar uma narrativa em uma única imagem. Quando terminar, lembre-se de postar sua imagem final junto com qualquer desenho de produção na galeria do Projeto de Compartilhamento de Habilidades . Além disso, exorto-vos a mostrarem apoio aos vossos colegas artistas, deixando comentários e críticas construtivas na galeria do projecto. Estou ansioso para ver o que você vir acima com, e espero que você encontrou valor neste tutorial. Você pode se conectar comigo através do Instagram ou Twitter e ter um canal do YouTube com tutoriais de desenho simples . Se você precisar de alguma inspiração para o projeto. Obrigado por assistirem, pessoal. Espero que tenha se divertido e aprenda uma habilidade ou duas. Lembre-se, continue criando. Vejo-te em breve.