Que preparativos podem ser feitos para uma foto para facilitar a ilustração?

8

Estou trabalhando em um programa que exigirá muitas imagens vetoriais com estilo simples. Sinto-me muito à vontade com o Photoshop, mas falho no departamento artístico. Venho praticando e estou feliz com muitos dos meus resultados, mas os projetos levam dias para serem concluídos. O problema que continuo enfrentando é "ver" os realces e as sombras dos objetos enquanto ainda vejo a imagem geral ao mesmo tempo.

Estou procurando uma maneira de obter a imagem o mais próximo possível do resultado final desejado no Photoshop antes de trabalhar na vetorização de todo o design para que eu possa ter uma referência para as sombras, realces e alterações de cores. Eu tentei usar o filtro Recorte para conseguir isso, mas ele geralmente apenas aumenta a dificuldade ao vetorizar.

Como posso editar uma imagem no Photoshop para criar rapidamente um vetor a partir dela?

Por exemplo, aqui está uma imagem que usei para a prática e o resultado final vetorial.

insira a descrição da imagem aqui insira a descrição da imagem aqui

Daniel Storm
fonte
Oi Daniel, gostaria que o tutorial que eu aprendi ainda existisse ... se não fosse há 15 anos haha, eu venho fazendo isso há muito tempo. De qualquer forma, você está fazendo algum trabalho de preparação no Photoshop antes de rastreá-lo no Illustrator? Resultados agradáveis ​​embora!
Ryan
1
@DanielStorm tudo bem mais uma pergunta --- existe algum motivo para você não estar fazendo o vetor final no Illustrator? Quando tiver alguns minutos, tentarei fazer um tutorial de como fazê-lo - não que seja um ilustrador.
Ryan
2
@JohnManly, por que não desfocar a imagem em uma camada e desfocar outra?
Joojaa 23/05
1
Quanto mais complexa a imagem, mais difícil é a sua vetorização. Há um site que eu usei no passado que produz bons resultados automatizados, se você quiser dar uma olhada nele. vectormagic.com/home .
DLev 23/05
1
O Illustrator me parece ser uma ferramenta muito mais apropriada para criar qualquer coisa que lide com vetores. Sua ferramenta Trace iria deixá-lo vetorizar nada muito rapidamente sem ter que "aprender" todos Illustrator
Micromachine

Respostas:

3

Tudo bem, eu vou dar uma volta rápida. Estou usando https://unsplash.com/photos/VGpp0LcHZT4 como a imagem

insira a descrição da imagem aqui

Começarei duplicando essa camada algumas vezes, para obter algumas cópias e depois usar o Filtro Mediano. O Filtro mediano é uma ótima ferramenta para encontrar a cor média de uma região, proporcionando quase uma qualidade de tinta. Nesta primeira passagem, estou olhando apenas a imagem geral:

insira a descrição da imagem aqui

Agora vou usar uma dessas duplicatas úteis olhando para os olhos e outras áreas de detalhes.

insira a descrição da imagem aqui

Segure Alt, clique em máscara, pinte os detalhes. Fiz o olho e um pouco do bico:

insira a descrição da imagem aqui

Tudo bem, agora eu vou para Stamp Layer Ctrl+ Alt+ Shift+, Eque me dará uma nova cópia de tudo como uma camada. Então eu vou posterizar essa camada:

insira a descrição da imagem aqui

Indo Duplicar essa camada Posterizada. Na parte inferior (camada Poster original), alterarei o modo de mesclagem para Soft Light. Neste novo eu vou fazer Filter> Find Edges:

insira a descrição da imagem aqui

Depois, usarei Matiz / Saturação para dessaturar as linhas, depois altero o modo para Escurecer e ajustamos a Opacidade às suas necessidades:

insira a descrição da imagem aqui

Como etapa final da preparação, você pode adicionar uma camada entre as linhas e a imagem com um tom sólido (um tom de cinza) e clarear sua opacidade para ajudá-lo a ver a linha funcionar:

insira a descrição da imagem aqui

Eu traria isso para o Illustrator para desenhar esses segmentos. Comece com as formas maiores primeiro. Mantenha o PSD aberto no Photoshop para poder referenciar as diferentes camadas à medida que avança. E como você menciona a dificuldade de ver luzes e sombras, você sempre pode criar máscaras de luminosidade ou criar uma paleta no espaço de cores HSL ou LAB, se isso o ajudar.

Espero que isso ajude você. A outra coisa que fará você ilustrar mais rápido é muita prática e certifique-se de usar bem a ferramenta Caneta.

Ryan
fonte
1

Threshold é seu amigo por transformar fotos complexas e altamente detalhadas em versões simplificadas em preto e branco no Photoshop. A partir da versão de limiar, geralmente, você fornece melhores contornos sólidos para trabalhar na ilustração vetorial. Essa é apenas uma técnica, mas que eu estava usando antes do Illustrator apresentar o Live Trace, e ainda hoje uso para simplificar fotos de referência antes de ilustrar.

D.Mas
fonte
0

Provavelmente é melhor usar o illustrator para obter uma imagem vetorial de um vetor não.

O Illustrator possui um bom recurso de rastreamento automático. Embora não seja 100% perfeito, ele pode fazer o trabalho em algumas imagens com o conjunto certo de informações na imagem.

Basta abrir a imagem no Illustrator e clicar no botão rastreamento automático na barra de ferramentas.

Se isso não funcionar com a qualidade certa, você pode estar sem sorte e terá que fazer tudo manualmente

jminterwebs
fonte
-1

Esta será uma resposta muito curta.

Procure por "Cartoon Photoshop" https://www.google.com/search?q=cartoon+photoshop

Existem muitos tutoriais e processos.

O básico provavelmente é algum tipo de posterização (redução de cor), detecção de borda, saturação.

Rafael
fonte
Ei Rafael, parece-me que isso é mais do que um comentário do que uma resposta, porque não oferece a solução em si, apenas indicadores de como encontrá-los em outro lugar. Se importa se eu o converter em um comentário?
Vincent