Como fazer um esboço no Photoshop. Toque na seleção

Não há muita diferença entre as versões, então este tutorial funcionará para ambas as versões. Eu mesmo uso o CS6 em meu próprio site. ;)
Este é um longo tutorial, mas espero que você não se arrependa. Ligamos a música para que não fique tão chata e pronto!

1. Naturalmente, para transferir um desenho para a versão digital, ele precisa ser digitalizado ou fotografado.

1.1. Em primeiro lugar, direi como você pode aproximar uma imagem fotografada da digitalizada. É melhor fotografar no parapeito de uma janela em um dia de sol, em uma superfície branca (se as janelas não forem de plástico), quanto mais luz, melhor será o resultado. Tirar fotos no escuro com uma lâmpada comum não é muito bom Boa ideia, já que o desenho ficará praticamente invisível.

1.2. Então tirei uma foto do desenho, à tarde na janela, mas ainda não está tão claro, afinal, o telefone não é um scanner, mas, mesmo assim, o contorno está visível, então você pode iniciar o Photoshop e começar edição.

1.3. Vá para Imagem - Correção - Desaturate ou pressione Shift + Ctrl + U, isso é necessário para que cores desnecessárias não apareçam durante a correção.

1.4. Vá para Imagem - Correção novamente, mas agora selecione Níveis (Ctrl + L), você terá uma janela como esta:

Se você mover o ícone preto para o meio, a imagem terá mais cores pretas; se você mover o branco para o meio, então mais branco, o ícone cinza como um equilíbrio entre eles. Em cada desenho, esses ícones precisam ser exibidos de forma diferente para ter um bom resultado. Na minha foto uma boa opção acabou com este arranjo:

Agora você pode comparar e ter certeza de que o resultado ficou muito melhor.

2. Agora que os desenhos estão quase próximos em qualidade uns dos outros, você pode prosseguir para a próxima etapa. Além disso, tudo é igual para as duas opções, mas irei processar a foto fotografada, pois as correções ficarão mais visíveis nela.

2.1. Nesta fase, verifico os batentes, talvez algumas irregularidades na anatomia. Isso é feito facilmente: Imagem - Rotação da imagem - Virar horizontalmente

Isso é o que eu fiz:

Na foto não gosto de ombro, nariz e braço, agora vamos corrigir isso.

2.2. Vá para o filtro - Plástico (Shift + Ctrl + X)

Isso abrirá a janela de plástico:

Para as correções, precisamos da Warp Tool (W):

Escolha diferentes tamanhos de pincel e mude as partes que você não gosta como deseja, o principal é não exagerar, caso contrário a qualidade pode ser perdida, e lembre-se, aí você só pode desfazer UM última ação:

O que eu fiz você pode ver aqui:

2.3. Refletir a imagem de volta: Imagem - Rotação da imagem - Virar horizontalmente.

2.4. Selecione a ferramenta Pincel (B) e defina a cor para branco.

Ajustamos o tamanho e a rigidez desejados, tudo depende do tamanho do desenho e como é mais conveniente para você trabalhar.

Agora, como você provavelmente já adivinhou, vou apagar a sujeira da imagem, para áreas grandes, uso um pincel grande, para áreas pequenas, correspondentemente pequeno.
Você também pode usar a ferramenta Clarear em locais onde há muitos detalhes, mas o método é inconveniente porque pode clarear o contorno se não estiver muito preto.

Por conveniência, você também pode ajustar a transparência do pincel, isso é configurado em Painel superior, referido como "Opaco"

No final, eu entendi assim:

Você pode usar Níveis (Ctrl + L) e Dodge novamente para manter tudo limpo.

2.5. Agora você precisa separar o contorno do fundo, para isso vamos para Seleção - Todos (Crtl + A)

Um contorno trêmulo deve aparecer ao redor da imagem, se aparecer, clique com o botão direito do mouse na imagem e selecione "Cortar para uma nova camada"

Como resultado, agora você deve ter duas camadas e a Camada 1 ativa, há um contorno nela:

2.6. Onde a guia Camadas está, existem canais ao lado dela, clique neles e a seguinte guia aparecerá:

Clique no círculo na parte inferior da área que está destacada na imagem e volte para a guia Camadas, certifique-se de que a camada de contorno esteja selecionada e pressione Delete ou Del ou Ctrl + X em casos extremos.
Escolha Seleção - Desmarcar (Ctrl + D), se não tiver desaparecido por si mesmo.

O contorno é muito pálido, mas não é tudo.

2.7. Na guia de camadas, clique no quadrado

Agora você pode pegar um pincel preto enorme e pintar a tela inteira, o principal é não ter medo.
O desenho se tornou o mesmo novamente, mas com uma condição - o contorno em uma camada separada.

2.8. Agora você pode criar novas camadas sob o caminho e pintar como em um caminho normal. Você também pode usar diferentes efeitos de mesclagem, como Multiplicação.

Acontece algo assim:

2.9. Se o contorno estiver muito sujo e irregular e você não estiver satisfeito com o resultado, e não houver tablet, para fazer o contorno imediatamente no Photoshop, pinte o contorno feito em azul brilhante (# 00b6ff) ou verde.

Imprima este desenho, trace-o cuidadosamente e, em seguida, digitalize-o novamente (pode não funcionar com uma foto). Como resultado, vai haver algo assim (fiz um contorno em um computador, já que na impressora em este momento sem tinta, mas queria mostrar com um exemplo como o método funciona)

2.10. Voltamos aos Canais e desligamos tudo exceto o azul, para desligá-lo, você precisa remover o olho próximo à camada. Se você selecionou um contorno verde, apenas a camada verde é deixada.

O contorno azul desaparecerá.

2.11. Agora, para salvar o resultado, veja que SÓ a camada Azul está selecionada, vá em Selecionar - Tudo (Ctrl + A), depois Editar - Copiar (Ctrl + C). Ative todas as camadas novamente (RGB, Vermelho, Verde, Azul), enquanto um contorno azul aparecerá e escolha Editar - Colar (Ctrl + V)
Volte para a guia de camadas e você terá assim:

Há um caminho plano na Camada 1, contra o fundo um caminho com linhas azuis, para que você possa excluí-lo, alterne para ele e pressione Ctrl + A, em seguida, Ctrl + X.
Para separar o caminho de fundo branco você precisa repetir o passo 8: mude para a guia Canais e clique no círculo na parte inferior da área, e volte para a guia camadas, na camada de contorno e pressione Delete ou Del, em casos extremos Ctrl + X.
Selecionar Seleção - Desmarcar (Ctrl + D), se não tiver desaparecido por si só.
Agora o contorno está perfeito, você pode pintar.

3. Se você tem um tablet, pode fazer o contorno manualmente e não é necessário fazer nenhuma manipulação com cores e recortes, a única coisa que vai servir é o plástico, mas fica a seu critério.
3.1. Abra a imagem fotografada / digitalizada no Photoshop e vá para Imagem - Tamanho da imagem.

Na janela que se abre, olhe o tamanho da imagem, de forma que no lado maior tenha pelo menos 3000px, se o número for menor, então aumente, a qualidade do contorno depende disso.

3.2. Agora você precisa separar as imagens em uma nova camada, pressione Ctrl + A, clique com o botão direito do mouse na imagem e selecione Recortar para nova camada.

3.3. Certifique-se de que a camada 1 com a imagem esteja ativa e defina a opacidade para cerca de 50%.

A imagem quase não se nota, se for difícil para você ver, a transparência pode ser alterada a qualquer momento.

3.4. Eu faço o contorno com um pincel regular com os seguintes parâmetros.

3.5. Crie uma nova camada acima da imagem e pinte.

Isso é tudo que eu gostaria de dizer a você neste tutorial. Boa sorte e sucesso em desenhar e dominar o Photoshop!

A lição está no formato DOC para visualização offline ou para impressão, você pode baixá-la

Clique em Visualizar na barra de menu.

Clique em 200% para ampliar a imagem. Ou, no menu suspenso Exibir, clique em Ampliar ou Reduzir para redimensionar a imagem conforme necessário para criar um contorno.

Escolha uma cor para o contorno. Para fazer isso, clique em um dos dois quadrados que se cruzam na parte superior direita da tela e, a seguir, clique na cor desejada no espectro localizado abaixo dos quadrados. Clique em outro quadrado e selecione a mesma cor.

Preto e branco estão na extremidade direita do espectro.

Selecione uma ferramenta na barra de ferramentas do lado esquerdo da janela.

Lápis: Esta ferramenta cria traços retos de largura igual (meio e extremidades). Um lápis é ótimo se você deseja criar um caminho a partir de pequenos toques. O ícone da ferramenta Lápis se parece com um lápis e está no topo da segunda seção da barra de ferramentas. Se a barra de ferramentas exibir um ícone de pincel em vez de um lápis, mantenha pressionado o ícone do pincel e clique em Lápis no menu.
Escovar: Esta ferramenta cria pinceladas cônicas que são mais finas nas pontas e mais grossas no meio. Um pincel é bom se você deseja criar um caminho "suave" a partir de pinceladas que se parecem com pinceladas. O ícone da ferramenta Pincel se parece com um pincel e está no topo da segunda seção da barra de ferramentas. Se a barra de ferramentas exibir um ícone de lápis em vez de um pincel, mantenha pressionado o ícone de lápis e clique em Pincel no menu.
Pluma: esta ferramenta cria um caminho com pontos de ancoragem; tal contorno pode ser editado. A caneta servirá se você planeja modificar o caminho criado. Clique no ícone da ponta da caneta-tinteiro (localizado abaixo do ícone T na barra de ferramentas) para selecionar a ferramenta Caneta.

Ajuste as configurações da ferramenta Lápis ou Pincel.

Clique no menu suspenso próximo ao ícone da ferramenta para ajustar seu tamanho e dureza. Quanto mais rígidos, mais semelhantes os traços são feitos com um lápis ou pincel de verdade.
Clique no ícone em forma de pasta no lado direito do menu suspenso para selecionar a forma e as propriedades do pincel ou lápis.

Ajuste as configurações da ferramenta Caneta. Eles estão no lado esquerdo superior da janela.

Para criar um caminho usando a ferramenta Caneta, abra o menu suspenso à direita do ícone da ferramenta e selecione Caminho.

Comece a criar o esboço. Use o mouse ou trackpad para mover a ferramenta ao longo das linhas desejadas na imagem.

Se você optar por usar a ferramenta Lápis ou ferramenta Pincel, mantenha pressionada botão esquerdo mouse e arraste ao longo das linhas. Solte o botão para mover a ferramenta e criar outra linha de traços.
Se você decidir usar a ferramenta Caneta, clique com o botão esquerdo na imagem; um ponto de ancoragem será criado. Agora clique na imagem novamente; um segundo ponto âncora é criado e uma linha reta aparece entre os dois pontos âncora. No caso de linhas gráficas curvas, crie tantos pontos de ancoragem quanto possível.

Neste artigo, veremos como você pode criar um contorno para um texto ou objeto em uma imagem no Photoshop. Isso não é nada difícil de fazer e levará algum tempo. Agora você estará convencido disso.

Como delinear texto no Photoshop

Começaremos com o fato de que vamos fazer um esboço para o texto no Photoshop... Você pode ter uma imagem na qual o texto está escrito ou pode criar o texto você mesmo, escolhendo o tamanho e a fonte apropriados.

Escrevi o texto a seguir usando a Ferramenta de tipo horizontal e selecionei as configurações para ele, que estão sublinhadas na imagem abaixo.

Agora precisamos selecionar nosso texto. Você pode ler sobre as diferentes formas de destaque clicando no link. Como o texto é sólido e com contraste suficiente em relação ao fundo, usarei a ferramenta Magic Wand.

Nas configurações da ferramenta, selecione o valor "Tolerância" - seleciona uma área com pixels de cor semelhante, e desmarque a caixa ao lado de "Contíguo" (pixels adjacentes). Ao desmarcar a caixa de seleção, você pode selecionar todos os pixels de uma cor semelhante em toda a imagem de uma vez, mesmo se as áreas com uma cor semelhante estiverem localizadas em locais diferentes.

Clique no texto com a Varinha Mágica. Como resultado, ele será destacado. Se deixássemos uma marca de seleção na frente de "Contíguo", apenas uma letra em que clicamos seria selecionada e teríamos que clicar em cada letra para selecioná-la.

Agora vamos circular o texto. Mova o cursor sobre a área selecionada e clique nela com o botão direito do mouse. Selecione "Criar Caminho de Trabalho" no menu de contexto.

Na próxima janela, defina o valor de Tolerância e clique em OK.

O texto será contornado com uma linha fina. Para vê-lo, oculte a camada na qual o texto está escrito no painel de camadas - remova o olho na frente dela.

Torne a camada de texto visível. Agora precisamos criar uma nova camada. Para fazer isso, no painel de camadas, clique no botão "Criar uma nova camada".

Deixe a camada criada "Layer 1" selecionada.

Você pode fazer um contorno no Photoshop usando várias ferramentas: "Brush Tool" (Brush), "Eraser Tool" (Eraser), "Smudge Tool" (Finger) e outras. Mas antes de fazer isso, você precisa configurar os parâmetros necessários para a ferramenta.

Vamos criar um caminho usando a "Ferramenta Pincel" (Pincel). Portanto, selecione-o na barra de ferramentas e defina os parâmetros desejados. Escolhi um pincel duro tamanho 7 em verde claro.

Depois disso, na barra de ferramentas selecione "Path Selection Tool" (Seleção do caminho).

Clique com o mouse dentro do caminho selecionado e selecione no menu "Stroke Path" (Executar um traço do caminho).

Na próxima janela, na lista suspensa, selecione a ferramenta com a qual faremos o contorno. Escolha o instrumento que você afinou na etapa anterior. Eu tenho essa "Ferramenta Pincel" (Pincel). Clique OK.

O esboço do texto será esboçado. No exemplo, com um pincel verde claro.

Pressione Backspace para remover a linha cinza fina que foi originalmente circulada em torno do texto. Na figura, uma faixa escura é visível através do contorno claro - isso a removerá.

Isso é tudo - fizemos um esboço para o texto no Photoshop.

Você pode salvar a imagem em um fundo transparente e depois adicioná-la a qualquer outro, sem fundo branco. Leia o artigo seguindo o link.

Para este exemplo, é feito assim: desbloqueie a camada "Background", exclua as camadas "Background" e "site", salve a imagem no formato * .png ou * .gif.

Como delinear uma imagem

Agora considere, como fazer o contorno de um objeto em uma imagem... Vamos criar um esboço para esta rosa.

Você pode criar um esboço de qualquer coisa: uma pessoa, um edifício, um animal.

Abra a imagem ou foto no Photoshop. Agora precisamos selecionar o objeto. Vou usar a ferramenta de seleção rápida.

Selecione-o e clique na rosa. Se uma parte desnecessária da imagem for selecionada por engano, mantenha pressionada a tecla "Alt" e clique nela com o mouse para subtrair esta área da seleção.

Quando o objeto desejado for selecionado, clique com o botão direito sobre ele e selecione "Make Work Path" no menu. Nossa rosa será contornada com uma linha cinza fina.

Crie uma nova camada na paleta de camadas e deixe-a selecionada.

Agora vá para configurar a ferramenta com a qual você fará o caminho. Terei uma "ferramenta Pincel" (pincel) do sétimo tamanho preto.

Selecione a "Ferramenta de Seleção de Caminho" na barra de ferramentas. Clique com o mouse dentro do caminho selecionado e selecione "Stroke Path" no menu.

Na próxima janela, selecione a ferramenta que você configurou.

Se você desativar a visibilidade da camada principal, terá o seguinte. Você pode excluir a linha cinza fina do contorno com a tecla "Backspace".

Agora, com um pincel fino, vamos pintar os caminhos dentro da imagem. Ative a visibilidade da camada rosa.

Vamos desenhar na camada onde o contorno está selecionado, então “Camada 1” deve estar ativa.

Escolhi o pincel preto, tamanho 4 e tracei todas as linhas dentro da rosa.

Aqui está a imagem como resultado. Você pode preencher o contorno com a cor que desejar. Da mesma forma, você pode criar desenhos interessantes usando traços.

Olá senhoras e senhores. Alguns de vocês me perguntaram como faço minha arte de linha. Aqui está uma lição simples de como, de fato, eu as faço ... no estilo de JUU-YUKI! Você pode aplicar esta lição a quase todos os programas. (Photoshop, Sai, Open Canvas, etc.). Para este tutorial, estarei usando Sai e um tablet.

Aproximadamente. tradutor: Caros usuários do site, por conveniência, algumas capturas de tela desta lição foram substituídas por capturas de tela do programaPhotoshop.

Observe que tudo o que vou falar nesta lição são meus próprios truques, nunca tive nenhuma aula sobre como criar caminhos. Não sou um profissional, então minhas recomendações podem não ser perfeitas. Leia este tutorial por sua própria conta e risco.

Agora, espero que você já conheça todas as ferramentas. E você sabe como trabalhar com ferramentas básicas: pluma(caneta), lápis(lápis), escovar(escova) e apagador(apagador). Seu tablet também deve ter a pressão da caneta ativada. Para aqueles que usam Photoshop, clique aqui para ativá-lo:

Você precisa escolher uma ferramenta Escovar(Escova) ou pressione B.

Agora clique no pequeno quadrado no painel de configurações ou clique no painel Pincéis(Escovas) ( Aproximadamente. faixa ... você também pode usar a chaveF5 para chamar o mesmo menu).
Agora vá para o parâmetro Dinâmica da forma(Shape Dynamics) e oposto ao parâmetro Ao controle(controle) selecionar Pressão da caneta(pressão da caneta).
Agora estamos prontos para traçar os caminhos.

Você deve ter um esboço inicial primeiro. Aqui está o meu. Eu sei que está sujo. Para ver as linhas melhor, precisamos reduzir o Opacidade Esboço (opacidade). Quanto reduzir Opacidade(Opacidade), decida por si mesmo.

Nota: Estou trabalhando em uma tela grande para obter um contorno bonito e organizado. Quanto maior a tela, melhor. Quando eu estava fazendo este esboço, sua resolução era de 3400x4000px.
Depois disso, precisamos criar uma nova camada transparente acima do esboço. Aqui vamos desenhar nosso esboço. Sua paleta de camadas deve ser semelhante a esta:

Agora começamos a esboçar os contornos. O pincel que você está usando vem em uma variedade de tamanhos, mas seja razoável. Nesse ponto, os contornos não devem estar claros. Só precisamos nos livrar desse esboço horrível. Eu me livrei dessa sujeira.

Depois de desenhar os contornos grosseiros, você pode se livrar do esboço. Normalmente não salvo meus esboços, mas desta vez vou apenas escondê-los. Depois de ocultar / excluir o esboço, temos apenas o contorno.
Agora você precisa usar a ferramenta Apagador(Borracha) (observe o tamanho do meu pincel). Certifique-se de que o pincel não seja muito grande ou você não conseguirá trabalhar com detalhes.

Siga a direção do cabelo e apague as linhas extras desnecessárias. Nesta fase, você pode alterar a espessura de cada fio usando a ferramenta Apagador(Apagador).
Aqui estão mais algumas capturas de tela dos meus caminhos concluídos. Como você está trabalhando em uma tela grande com zoom, as linhas serão perfeitas.

Faça o mesmo para todos os detalhes, incluindo roupas e plano de fundo (se houver). Sim, leva muito tempo, também passo muito tempo criando contornos, mas vai valer a pena, acredite em mim. Depois de fazer tudo, você deve acabar com algo assim:

Eu ainda tenho esse esboço horrível comigo, já que não delineei completamente o resto da imagem, mas você deve ter a imagem inteira limpa e pronta, sem esboços.

Sinta-se à vontade para diminuir o zoom e ver como você consegue. Ficará melhor depois de encolher.

Às vezes, é melhor usar várias camadas de contorno para agilizar seu trabalho. Por exemplo, uma camada separada para cabelo, separada para roupas, etc. Pessoalmente, sou extremamente preguiçoso para usar camadas separadas neste trabalho, então fiz tudo em uma camada.

Além disso:
Esta é uma etapa adicional, mas fica a seu critério, se quiser, faça, se não quiser - não faça. Normalmente sempre faço essa etapa extra, pois dá mais profundidade aos meus contornos.
Crie uma camada transparente acima de sua camada de caminho. Terminamos de trabalhar no esboço, então não se atreva a tocá-lo. Essa etapa extra deve ser realizada inteiramente na camada separada que acabamos de criar.

Para todos os fios que estão em contato entre si, é necessário tornar as linhas mais grossas. Aqui está um exemplo:

Também tenha uma ideia de onde está a fonte de luz. Se o herói estiver mais perto da luz com lado direito, o lado esquerdo deve ser profundo.
Mescle todas as camadas para que formem uma única linha de arte. E aqui está o último compromisso de hoje. Sua tela deve ter cerca de 3000 px de tamanho. Reduza para 1000 px e suas linhas ficarão perfeitas como sempre.

Então, depois de passarmos mais de 6 horas criando a arte de linha, ela está finalmente concluída. Surpresa! Dê tapinhas nas próprias costas e vá comer um biscoito por um trabalho tão árduo.

Espero que tenha gostado desse tutorial. Peço desculpas se houver erros lexicais na aula e se minha capacidade de explicar não for das melhores, bem como por aqueles pontos que não ficaram suficientemente claros. Tenha um bom dia!