André Sugai 
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.
(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.
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.
04. Repita os passos 02 e 03 algumas vezes até completar todos os detalhes de sua ilustração.
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.
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.
07. Use a mesma técnica até modificar tudo que deseja na imagem.
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.
(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”;
mto bom ! ótimo!!!
E qual é o photoshop que usa aí?
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.
também nao estou achando o hide layers, e o meu também é o 7
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
eu fiz, ficou um lixo o meu ‘bua
legal!
mais nos usuarios queremos montar nossas proprias imagens
legal issso
mas nos usuarios queremos montar nossas proprias imagens
Shooow, muito bom…farei com certeza em uma foto minha!!! Parabéns!!! Muito Bom o tutorial!!!
Já consegui, obrigado!
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
O meu tambem é em portugues, não consigo encontrar o hide layerss!
Tem como me ajudar?? Por favor
rahsbeghen[at]hotmail.com
Muito bom, gostei da iniciativa de criar o Tutoriais Photoshop. Gostaria também de poder
passar alguns conhecimentos. Como faço?
Entrem em contato: gmaganos[at]gmail.com
Gerb Maganos
Simplimente massa…
MuitO Bom..
Oi André,
Parabéns pelo seu trabalho é fantástico….
Meu fotoshop é 7.0 em portugues e eu n consegui fazer o seu passo-a-passo, gostaria muito que vc me ajudasse!!! se puder responder meu e-mail: anairicevolto@itelefonica.com.br
Oi André,
Parabéns pelo seu trabalho é fantástico….
Meu fotoshop é 7.0 em portugues e eu n consegui fazer o seu passo-a-passo, gostaria muito que vc me ajudasse!!!
Olaa… estou com um problema
Meu photoshop é em inglês mesmo, mas não encontro o hide layers!
Obrigada
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á.
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
mais cara meu PS eeh in portugues como eu vo mexe si vs explica as coisas in ingles ?
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!
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
No segundo passo, há um termo ainda sem tradução, que é o “hide layers” que em português no photoshop ficou “ocultar camadas”.
Peri
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
Cara…Esse tutorial salvou meu namoro! Fiz uma montagem minha e da minha namo!! hehe vlw! Não páre de postar nunk cara! Conheço muitos fãs seus! E eu sou um deles! abraço!
Muito bom o tutorial! ficou bem maneiro o efeito… só tive uns probleminhas na hora de pintar, ficou meio esquisita, mas acho que com um pouco mais de prática melhora. Parabéns!
André uma dúvidazinha….
depois de adicionar a hue/saturation eu não consegui passar a borracha, eu clico na mascara, mas diz que não pode ser editado…
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 …
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
André uma dúvidazinha….
depois de adicionar a hue/saturation eu não consegui passar a borracha, eu clico na mascara, mas diz que não pode ser editado…
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á……………….
Boa noite!!!
Você, André, soube escolher muito bem o tutorial.
Esse é show!
Um abração.
Minha.
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!
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
VALEU AE ANDRÉ !!!!!!!!!!!!!!
VC EH O CARA!!!!
MUITISSIMO OBRIGADO!!
AGRADECIDO!
xD