em , , , ,

Como transformar uma imagem normal em ilustração.

Preview Descrição: Neste tutorial veremos como transformar uma foto comum em uma ilustração.

Tutorial Intermediário

01. Pressione Ctrl+O e abra uma imagem qualquer, neste tutorial usaremos a imagem abaixo.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

02. Vá em Layer> New Fill Color> Solid Color, presione Ok e escolha a cor branca, vá em Layer> Hide Layers, pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Basic Shapes e pressione Ok, vá em Layer> Hide Layers, clique na layer Background (que contém a foto usada) e pressione a letra P do teclado para selecionar a Pen Tool, crie algum traços para definir a forma da pessoa na foto (caso não saiba como usar a Pen Tool clique aqui), crie alguns traços como nas fotos abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

03. Agora clique na layer Basic Shapes e vá em Layer> Show Layers, clique na Fill Layer e vá em Layer> Show Layers para ativar a visualização de ambas as layers, clique na layer Basic Shapes, agora pressione a letra B do teclado para selecionar a Brush Tool, selecione um brush qualquer, vá em Window> Brushes, clique em Brush Tip Shape e defina o valor de 12% para Roundness, 45º para Angle, agora clique em Shape Dynamics e defina o valor de 100% para Size Jitter, 35% para Minimum Diameter e 5% para Angle Jitter e feche a janela de Brushes, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra A do teclado clique para selecionar a Direct Selection Tool com o botão direto do mouse sobre um dos traços criados com a Pen Tool e escolha a opção Stroke Path, na caixa que irá abrir clique na opção Simulate Pressure e escolha a opção Brush no menu dropdown e pressione Ok, caso seu traço fique muito fino ou muito grosso pressione Ctrl+Z para desfazer a ação, pressione a letra B do teclado para selecionar a Brush Tool e defina outro tamanho para seu Brush.

tutoriais photoshop

tutoriais photoshop

04. Repita os passos 02 e 03 algumas vezes até completar todos os detalhes de sua ilustração.

tutoriais photoshop

tutoriais photoshop

05. Clique na layer Background e pressione Ctrl+J para duplicar a layer, coloque a cópia da layer no topo da paleta de layers (acima da layer Basic Shapes), mude o modo de blend da layer para Color, pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brushes, clique em Brush Tip Shape e defina o valor de Angle em -45°, desabilite a opção Shape Dynamics, feche a janela de Brushes, clique na Fill Layer e pressione Ctrl+Shift+N para criar uma nova layer e dê o nome de Paint, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, defina o valor de 10% para a opacidade do Brush na barra de opções da ferramenta no alto da tela, vá passando o Brush nas áreas onde deseja colorir, sua imagem deve ficar como a da foto abaixo.

tutoriais photoshop

06. Caso precise apagar alguma parte que saiu errada a melhor maneira é pressionando a letra E do teclado para selecionar a Eraser Tool, indo em Window> Brushes e definindo os mesmos valores que foram usados na Brush Tool, defina a opacidade do Brush em 50% na barra de opções da ferramenta e aplique nas partes que devem ser apagadas, para modificar as cores das peças de roupa clique na layer que estiver no topo da paleta de layers e vá em Layer> New Adjustment Layer> Hue/Saturation, arraste o slider de Hue até chegar na cor desejada, ajuste o slider de Saturation, clique no ícone da máscara que existe ao lado da Adjustment Layer e pressione Ctrl+I para inverter, pressione a letra E do teclado para selecionar a Eraser Tool, certifique-se de que a opacidade da layer esteja em 100% na barra de opções da ferramenta, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco e passe a Eraser Tool nas áreas onde deseja mudar a cor da roupa.

tutoriais photoshop

07. Use a mesma técnica até modificar tudo que deseja na imagem.

tutoriais photoshop

tutoriais photoshop

08. Clique na layer Paint e pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de bkg paint e pressione Ok, pressione a letra B do teclado para selecionar a Brush Tool, defina um tamanho grande para o Brush com opacidade em 5% e passe no Background da ilustração, ao final sua imagem estará como a da foto abaixo.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

site de origem: http://psdtuts.com/photo-effects-tutorials/create-an-illustrated-look-from-a-photograph/

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

35 Comments

  1. Cara, baixa o CS4, eu uso-o e aprovo. Muito bom, o 7.0 esta muito atrasado.

    Minha montagem não ficou assim, tão boa quando a do tutorial, mais fiz um cartão todo desenhado com fotos de minha namorada junto a mim é claro, Ficou show de bola, tirei o esquema que toca música em cartão quando aberto, coloquei nesse.
    Ta ai uma idéia que vocês podem fazer.

  2. ola, gostaria de saber se o photoshop 7.0 não tem HIDE LAYERS.
    POIS MUITOS DOS TUTORIAIS NAO CONSIGO SEGUIR POR FALTA DESTA FERAMENTA.
    ESPERO RESPOSTAS
    OBRIGADO

  3. Eu li o tuto sobre a pen tool, mas ainda não sei criar mais de uma linha, quando quero terminar a minha, não sei como fazer outra, pois ele continua a linha que estou fazendo, portanto me perdi no passo 02. huhuiaHuia
    Se puder me ajudar, agradeço

  4. Oi, André…
    Primeiramente quero dizer que virei fã disso aqui!
    Então, aproveito para tirar uma dúvida: quando eu termino de fazer o passo 3, o que era pra aparecer em preto, fica transparente… Aparecem as linhas que eu desenhei com a Pen Tool, mas não o efeito.
    Por favor, me tira essa dúvida 🙂
    Se possível, responde no meu e-mail: bia_issler[at]hotmail.com
    Obrigada desde já.

  5. Andre,

    O efeito é ótimo.
    Gostaria que voces lembrasem que isto é um tutorial, sugiro que efetuaem os passos em paragrafos diferentes e uma outra coisa muito importante esta a questão de Português x Inglês, os comandos a grande maioria esta sem tradução, ou não conseguimos achar “mesmo em português”.

    Volte a fazer os tutorias com mais passos fica mais facil para acompanhar.

    Espero que use isto como sugestão e não como crítica.

    Ps. não esqueça de efetuar as traduções deve ajudar um pouco mais.

    Obrigado

  6. Cara! muito bom!
    parabens!

    tive umas dificuldades rsrs…
    eu uso o Photoshop 7.0 e não consigo usar direito o pen tool, não consigo deixar os traços abertos…eles se sempre se fecham sozinhos…
    como eu faço??

    Valeu, mais uma vez parabens!

  7. Outras traduções:
    No passo 3, a tradução para “show layers” fica “mostrar camadas”, “Window> Brushes” fica janela – pincél, “Roundness” é redondez, “angle” é ângulo,

    “Stroke Path” significa “Traçar Subdemarcador” e “simulate pressure” significar “simular pressão” e “brush” é “pincel”

    Peri

  8. ANDRE…QUERIDO….BOA TARDE…NAO CONSEGUI NEM PASSAR DA PRIMEIRA ETAPA DAS CAMADAS LA… AFINAL DE CONTAS…QQ É ESSA HIDE LAYER q eu nao acho aki… putz!

    =(

    me ajudaaaaa… uso PHOTOSHOP 7.0 ta ligado ne? mas no mais, parabens…seu espaço é perfeito!

    beijos querido

  9. eu tentei fazer ..mas nao saiu…quando foi pra fazer a nova camada chamada paint e pintar com brush….ficou errado…saiu bem o fundo mas moça mesmo …não deu certo …

    o que sera que deu errado ???
    brigadinho …

  10. Bom dia André,

    Adoro seu blog, tem me ajudado muito. E justamente por essa ajuda é que eu tenho uma sugestão que acredito todos os seus visitantes iriam adorar.

    Ví que teu blog completou um aninho de vida, e que foi premiado pelo prêmio IBEST. Que tal comemorar essas duas vitórias com um presentão aos seus visitantes?

    Minha idéia é: Que tal se você compilasse em um arquivo único (PDF) todos os tutoriais já publicados neste primeiro ano de vida, como forma de presentear os seus visitantes assíduos?

    Ótima idéia né? Eu ia adorar.

    Forte abraço

  11. Algumas dúvidas:

    2ºParte:
    Os traços seram feitos na camada com a foto não é ?

    3º Parte:

    Após fazer isto “abrir clique na opção Simulate Pressure e escolha a opção Brush no menu dropdown e pressione Ok” o brush era pra selecionado ou temos que fazer isso ?
    E qual é a camada para terminar o desenho ?
    A camada Basic Shapes ?

    Muito o tutorial……..Obrigado desde já……………….

  12. caara…
    nossa, eu me considero um leitor bem exigente do seu blog, e sempre cobro quando acho que o tuto não ficou “a altura”, então, o minimo que eu devia fazer era elogiar esse aqui, o tutorial é simplesmente ótimo!
    abraços!

  13. André, Gostaria de saber ComO fazer um Efeito tipo esse oh

    images.orkut.com/orkut/albums2/ATgAAAAR3ULILNnAjuW2rK5lsUeSPXvLNTEyOBHsRpyXtO81Xx2cxbpkcmmptZzJO95-L17EXSYRB9RUIbv6mIX8vKvtAJtU9VADDd2ddWLqNj4F-4K1E1K0EewjTg.jpg

    desde jah agradeço.
    parabens pelo Blog

Vídeo de divulgação do novo Cd da banda Coldplay.

Big Buck Bunny um filme totalmente open source.