terça-feira, 28 de junho de 2011

Photoshop: crie uma ilustração no estilo Line Art


1) Adobe Photoshop CS5;
Evidentemente, o programa da Adobe é indispensável para criar esta imagem. Recomendamos o uso da versão mais recente do programa, mas se você usa o Photoshop CS4 ou CS3, deve conseguir resultados muito semelhantes, visto que não usamos nenhum recurso exclusivo do novo aplicativo.
Adobe Photoshop
Adobe Photoshop CS5
Clique para baixar
2) Imagem para usar como fundo;
Nossa ideia é criar algo diferente do comum, portanto precisamos de um fundo inusitado. Preparamos um fundo especial para este artigo, de modo que a imagem fique com um tom de envelhecida. Evidentemente, você pode utilizar outros fundos, mas recomendamos o uso de nossa imagem. Clique sobre a figura abaixo e salve-a no seu Desktop com o nome "Fundo.jpg".
Clique aqui para baixar a imagem de fundo
3) Pincéis novos;
Para deixar nosso projeto com um estilo bem legal, vamos utilizar alguns pincéis prontos. Clique no link abaixo para proceder ao site “In Obscuro” onde você pode fazer o download do conjunto de Brushes. Depois de baixar basta dar dois cliques sobre o arquivo para que a instalação seja completada automaticamente.
Clique para baixar
4) Padrões próprios para o projeto;
Nosso tutorial utiliza-se da mesclagem de diversas camadas, porém cada uma possui um estilo diferente. Para criar o efeito final da imagem será preciso usar dois padrões novos. Para não perder muito tempo, fornecemos estes padrões:
Baixar o padrão 1Baixar o padrão 2
5) Foto.
Como vamos realizar a transformação de uma foto para um desenho, é preciso que você escolha uma imagem qualquer de tamanho razoável (1024 x 768 pixels é suficiente). Como já citado, a foto deve conter a imagem de uma pessoa e preferencialmente não deve ter muito brilho, nem ser muito escura.
Foto utilizada no tutorial
Detalhe: você deve apagar o fundo da imagem, deixando apenas a pessoa visível, portanto opte por uma imagem com um fundo pouco aparente.
Passo a passo
1) Crie uma imagem com a seguinte dimensão: 1024 x 768 pixels;
Criar novo projeto
2) Deixe o fundo com a cor branca;
Fundo Branco
3) Abra a foto escolhida no Photoshop e copie-a para o projeto;
Copie e cole a foto no projeto
4) Crie quatro cópias da foto original;
Crie cópias da foto
5) Oculte todas as camadas acima da "Camada 1". Na primeira cópia da foto faça um ajuste limiar com os seguintes valores:
Faça um ajuste limiar como o indicado
6) Agora abra o arquivo “Padrao1.jpg” e torne-o um padrão;
Crie um padrão
7) Aplique este padrão na primeira cópia usando as “Opções de Mesclagem”.
Opções de mesclagem
8) Ajuste a utilização do padrão (regulagem da opção escala), de modo que as linhas fiquem bem próximas umas das outras;
9) Altere a aplicação do padrão para o modo “Clarear”;
Alteração da escala e modificação do modo de mesclagem
10) Transforme esta camada em um Objeto Inteligente;
Transformar em objeto inteligente
11) Altere o modo de sobreposição da camada para “Multiplicação”;
Mudar o modo de sobreposição
12) Na segunda cópia (Camada 1 cópia) você deve ajustar a limiar da seguinte forma:
Altere a limiar
13) Agora abra o arquivo “Padrao2.jpg” e torne-o um padrão;
Detalhe: reveja o passo 6 para saber como criar um padrão.
14) Aplique este padrão na segunda cópia usando as “Opções de Mesclagem”.
Atenção: realize o mesmo procedimento do passo 7;
15) Ajuste a utilização do padrão, de modo que as linhas fiquem bem próximas umas das outras;
16) Altere a aplicação do padrão para o modo “Clarear”;
Nota: reveja o passo 9 para aplicar da mesma maneira o padrão nesta imagem.
17) Transforme esta camada em um Objeto Inteligente;
Detalhe: este procedimento é exatamente igual ao passo 10;
18) Altere o modo de sobreposição para “Multiplicação”;
Atenção: repita o passo 11;
19) Aplique o filtro “Desfoque inteligente” na terceira cópia (Camada 1 cópia 2) usando os seguintes valores:
Aplique o Desfoque Inteligente
Depois de usar o Desfoque Inteligente, inverta as cores e repita o passo 11.
Inverter cores
20) Na última cópia (Camada 1 cópia 3) é preciso ajustar a limiar para um valor intermediário de sombras:
Use o seguinte valor de Limiar na quarta cópia da foto
21) Certifique-se de que esta camada está sobre as demais e altere o modo de sobreposição para “Multiplicação”;
Neste momento seu projeto deve estar parecido com a seguinte imagem:
Prévia do projeto
22) Agora abra a imagem “Fundo.jpg”, copie-a e cole-a no projeto;
Inserir o fundo no projeto
23) Coloque esta camada entre o fundo branco e a primeira camada com a foto;
Posicione a camada acima do fundo branco
24) Duplique a camada com o fundo envelhecido;
Duplicar camada
25) Na primeira cópia (Camada 2) da camada de fundo envelhecido altere a opacidade para 50%;
Alterar opacidade para 50 %
26) Deixe todas as camadas visíveis e selecione a “Ferramenta Borracha”;
27) Altere a opacidade da borracha para 30 % e apague algumas partes da camada de fundo envelhecida (Camada 2 cópia) na região do rosto da pessoa;
Apagar partes da imagem com a borracha
Nota: as partes apagadas não precisam ficar totalmente iguais e você pode escolher onde deseja apagar, pois o que importa é dar um efeito de algo criado manualmente;
28) Apague todas as partes desta camada que não se sobreponham à pessoa em questão, sua imagem deve ficar parecida com esta:
Segunda prévia do projeto
29) Mude o modo de sobreposição para “Multiplicação” e altere o nível de opacidade para 90% (ou se preferir diminua ainda mais a opacidade);
Altere a opacidade e o modo de sobreposição
30) Agora é hora de personalizar nossa imagem, portanto clique na Ferramenta Conta Gotas e selecione um dos tons de marrom da imagem de fundo envelhecida;
31) Clique na Ferramenta Pincel e escolha um dos instalados recentemente (recomendamos o 352 ou o 726);
32) Aplique-os aonde desejar, mas preferencialmente use os na cópia da camada de fundo envelhecida (Camada 2 cópia);
Pintando o fundo
Detalhe: você pode usar diferentes pincéis, cores e níveis de opacidade para que a imagem fique com um resultado mais interessante.
33) Por fim é possível adicionar texto e outros efeitos para que o resultado fique ainda mais bonito.
Resultado final do tutorial
Nota: não é preciso deixar as duas camadas com linhas visíveis, portanto você pode ativar apenas uma se preferir e obter uma imagem diferente.
Confira também um resultado alternativo, criado utilizando outro fundo:
Resultado alternativo


Leia mais em: http://www.tecmundo.com.br/5038-photoshop-crie-uma-ilustracao-no-estilo-line-art.htm#ixzz1QbGSIZoC

Nenhum comentário:

Postar um comentário