Treinamento Online
Segunda-feira, 20 de julho de 2009 às 10h00

Técnica definitiva de recorte de cabelo

Olá, meus amigos! Hoje trago pra vocês um assunto bem interessante. Eu mesmo já abordei isso aqui duas vezes de maneiras diferentes. Bom, iremos ver uma outra maneira de recorte de cabelo no Photoshop. Desenvolvi essa técnica há pouco tempo quando precisei de um resultado rápido e satisfatório. Ainda utilizo a maneira por canais que acho mais eficiente. Porém, com essa técnica você consegue um resultado muito bom em pouco tempo. Ah, quero mandar um abraço para os meus leitores de Luanda na Angola. Abraço pra todos que acompanham minha coluna!

Antes de começarmos com a próxima matéria, eu decidi seguir o conselho de alguns amigos e leitores, em cada matéria dada, eu também irei escrever algumas dicas para quem é da área, que esteja começando ou que precise de ajuda em determinados trabalhos.

Bom, quero agradecer à minha amiga Sandra Landeiro, do Camiseteria, que enviou umas fotos para eu usá-la de modelo.

Mais uma vez preciso dizer que esta técnica publicada foi criada por mim.

Artista: Fabio Lody (www.fabiolody.com.br)

Descrição: Recorte de cabelo.

Software utilizado: Photoshop CS4 em Inglês.

Grau de Dificuldade: 8,0

Ao som de: Paramore - Decode

Vou usar inicialmente esta foto:

É uma foto profissional, feita em estúdio e ainda sem tratamento no Photoshop.

Quero deixar claro que todo processo de tratamento de foto, principalmente de recorte de cabelo, alguns pontos são extremamente necessários.

  • Uma foto boa: quando digo uma foto boa, me refiro a uma foto profissional. Se você quer qualidade, não abra mão disso.

  • Converse com o Fotógrafo: você pode achar que é muito bom em Photoshop. Isso, na minha opinião, não é suficiente. Se você tiver a oportunidade de conversar com o fotógrafo na hora de um trabalho, converse. Seja humilde, pergunte. Claro, não dicas de tratamento, pois o profissional é você, mas peça conselhos de qual seria a melhor iluminação, equilíbrio de cor, etc. Às vezes pode não ajudar em nada, mas a visão de um fotografo pode ser essencial em alguns casos. Enfim todos Diretores de Arte, Diretores de Criação e Designers precisam ter um bom networking.

  • Estude: você pode tratar a foto muito bem, mas se esquecer um detalhe, todo o seu trabalho pode ir para o lixo. Pesquise alguns trabalhos conhecidos, procure referências, leia bastante. E, como eu disse antes, a qualidade da foto é essencial. Se você precisa recortar o cabelo em uma foto, ela precisa ser boa. Quando for dar um "zoom" você precisa enxergar fios, e não pixels.

Nessa imagem eu mostro que temos claramente cabelos. Como não podemos dar zoom, talvez esta thumbnail não dê tanto a idéia quanto o arquivo original que tenho, mas consigo claramente enxergar cabelos e o recorte vai se tornar muito mais fácil.

1. Pressione "ctrl j" para duplicarmos a camada. É importantíssmo termos uma cópia de segurança.

Abaixo, vemos a foto que irei utilizar no fundo.

Agora precisamos deixar a foto bem clara. Eu vou mostrar:

O ideal é que deixemos a imagem o mais clara possível mas mantendo o foco principal da foto, no meu caso é a modelo. Quanto mais clara você conseguir deixar, melhor será para o próximo passo a seguir.

2. Clique no botão "Create a new fill or adjustment layer" e em seguida em "levels". Após isso, altere seus valores como abaixo:

3. Coloque a imagem que você precisa como backgroud. Veja como está minha paleta de camadas até agora.

4. Desative a visualização da camada "Sandra 2" clicando no olho a esquerda.

5. Feito isso, nas propriedades da camada "Sandra" altere para "Multiply".

6. Na barra de opções escolha "Layer" > "New" > "Group..." e em seguida jogue todas as camadas (menos o fundo) para dentro desta pasta

7. Agora clique sobre a pasta "Sandra" e em seguida no botão "Add Vector Mask"

8. Escolha a ferramenta "Brush Tool"

9. Agora pressione o botão "D", com isso suas cores de "Foreground" e "Background" voltaram para a configuração padrão.

10. Agora clique em alguma área da imagem para ver o que acontece.

Viram? As camadas que estão dentro da pasta sofrem uma alteração. Isso acontece por causa da máscara da pasta que criamos. Quando a ponta do pincel estiver preta, ele subtrai o valor de transparência das imagens. Se a ponta estiver com a cor branca quer dizer que os valores serão positivos. Isso quer dizer que a utilização da máscara está ligada diretamente com a cor da ponta do pincel, a força do traço do pincel e sua transparência.

* Ao pressionarmos os botões "Shift" "" ou "Shift" "[" você altera a espessura do traço do pincél e somente "[" ou "]" altera-se o tamanho da ponta do pincel.

Para auxiliá-lo no tratamento, clique no botão "Create a new fill or adjustment layer" e em seguida em "Solid Color..." daí altere sua cor para branco.

Deixe-o acima da camada de fundo, isso o ajudará bastante na hora da utilização da mascara da pasta "Sandra"

Se for preciso, altere os valores da paleta "Leves" que criamos anteriormente. Os meus estão em:

10. Agora retire a visualização da camada "Solid Color" caso você tenha criado, e novamente se necessário altere os valores de levels. O importante é que sua imagem se aproxime da minha abaixo:

Note que embora a camada esteja multiplicada com o azul, podemos ver os fios perfeitamente (os valores de níveis e principalmente de máscaras variam de acordo com cada fundo).

Agora vem a parte mais simples.

11. Clique sobre a camada "Sandra 2" e arraste para fora da pasta.

12. Em seguida clique sobre o botão: "Add Layer Mask"

13. Agora inverta as cores da mascara clicando sobre a thumbnail e em seguida pressione "ctrl" "i"

Sua paleta de camadas deve estar igual à minha. Note que a máscara da camada "Sandra 2" está preta e que a camada em si não aparece.

14. Clique novamente sobre a ferramenta "Brush" e altere sua ponta para branco. Provavelmente você precisara alterar suas configurações novamente, mas a essa altura você irá ver um resultado muito satisfatório.

15. Clique sobre a modelo tornando-a novamente visível e, claro, tome cuidado para não tornar o fundo visível novamente.

Aqui está minha paleta de camadas final:

Meu resultado final:

É lógico que não existe perfeição, a menos que você monte uma praia em seu estúdio ou que tire fotos externas, mas a função de quem trabalha com Photoshop é criar a ilusão e acho que consegui isso muito bem, note que o resultado é satisfatório com qualquer cor aplicada ao fundo.

abaixo com algumas alterações de tratamento

Mais uma vez preciso dizer que está técnica publicada foi criada por mim.

Espero que tenham gostado. Ah, meu email do iMasters está ativo novamente, então caso tenham duvida, críticas ou sugestões, é só me escrever. Obrigado.

E não deixem de visitar meu site www.fabiolody.com.br ou me adicionem no Twitter: @fabiolody

Um abraço a todos e fiquem com Deus.

26 comentários

 gilmar jesus
21/07/2009 10h12

CS2 Português

Bom dia
Mais um maravilhoso post, parabéns.
Eu trabalho com o CS2 em português.
E não está dando certo da etapa 10 em diante.
Onde eu estou errando?
Obrigado

 Edi Lopes Costa
21/07/2009 12h08

Photoshop só em ingles

Isso ai FAbio acompanho vc desde 2006 e sempre vejo e aprendo algo de util em suas materias.
Sò quero dizer que ja estamos na versão CS4(11) e que photoshop só se usa em ingles, portugues é perca de tempo

 Leonardo Cardoso
21/07/2009 14h02

Ótimo Tutorial

Como sempre mestre Fabio Lody mandando muito bem!!!

 Sandra Landeiro
21/07/2009 14h54

Power!

Adorei menino Fabio :) vou tentar aqui.

 Fabio Lody
21/07/2009 15h24

obrigado galera!

Olá galera!
primeiramente quero agradecer os elogios...Espero que o pessoal goste e que faça bom uso.

Bom, vamos as respostas...
Gilmar, obrigado pelos elogios brother!
Então apartir do 10º passo como eu disse, pode ser necessário altere os valores de levels. O importante é que sua imagem se aproxime da minha, ou seja, o fundo precisa estar o mais claro possivel na layer de baixo(base). Se voce nao conseguir, me envie um email ou me adicione em seu msn que te explico novamente em tempo real, ok? Abss

Olá Edi, tudo certinho por ai? Fico mto feliz quando leio que alguns leitores acompanham minha coluna a um bom tempo. So peço desculpas por ter sumido mas a correria tem sido mto grande. E concordo perfeitamente com voce. Precisamos nos abtuar mais em utilizar a versao em ingles. Principalmente para o uso profissional, dificilmente alguem conseguira utilizar so de programas em portugues, fora a quantidade de material bom por ai(livros, sites) em ingles.

Opa obrigado Leonardo! visitei seu site, é mto bom e obrigado por me seguir no twitter!
abs

Opaa Obrigado Sandra, ja ganhou muitos fãs por causa desse foto rs.
Bom, quando precisar é só chamar.

Obrigado pessoal, boa semana e fiquem com Deus

 Ronaldo Carvalho Silva
22/07/2009 01h03

Muito bom...

Gostei bastante deste artigo, principalmente do resultado final. sempre acompanho a sua coluna aqui no imaster desde que começou, posso dizer que vc é pra mim um grande "mestre"... aprendi muito do que sei com vc... parabéns mesmo...
eu faço um processo parecido com esse mas não fica assim muito bom, talvez seja por causa da foto tbm...vou seguir este processo a partir de agora...
Valeu mesmo!!!

 Alex Falcão
22/07/2009 12h38

parabéns

é isso ai lody, mandou bem.

Parabéns.

 Weuller Sabino
23/07/2009 14h21

Sétimo Passo.

digite aqui seu comentário

 Celso Ferreira
30/07/2009 12h56

A Partir do Décimo Passo

A partir do décimo passo não entendi mais. O que exatamente é pra fazer com o brush, recortar o cabelo? Por que da opacidade 42% do brush?
Desculpe se as dúvidas parecem banais, mas pra mim não são. Obrigado

 Edi Lopes Costa
30/07/2009 13h09

é pra esconder/aparecer

Celso, isso é mais ou menos assim.
MASCARA é justamente pelo fato de ela "esconder" as imagem por tras
iamgen assim uma iamgem com uma mascara branca por cima dela
se a mascara esta branca a iamgem aparece se esta preta ela some, o brushe qdo esta com a cor preta em 100% quer dizer que ele vai esconder 100% da imagem, mas se ele estiver com 42% de preto quer dizer que ele so vai esconder 42% da iamgem, tente fazer uns testes variando as cores preto/branco e a "força" do pincel entre 0/100
qualquer duvida...http://www.orkut.com.br/Main#Community.aspx?cmm=73628365

 Fabio Lody
30/07/2009 19h36

respostas

Olá galera, boa noite!

Bom, vamos lá.
Obrigado pelos elogios Ronaldo, depois me envie um email com os resultados que vc atingiu ok?

Falcao, obrigado brother so estou aguardando para marcarmos de tomar aquela gelada em SP que voce ficou devendo!

Celso, é exatamente como o Edi colocou.
Basicamente é o seguinte.

1- Duplica a imagem
2- a imagem de baixo voce precisa deixar o mais clara possivel e em seguida a deixe em Multiply
3- a imagem de cima voce a deixa com uma mascara invertida(em preto) como eu apliquei na matéria.
Ai sim voce traça algum ponto da imagem para entender melhor a utilização do brush.

O Edi entendeu perfeitamente e coloca isso bem legal em seu comentario, nao tem erro.

Voce so precisa se atentar aos pontos visiveis da modelo.

Edi, obrigado pela explicação, é exatamente isso brother e otima comunidade, parabens.

Sorte e sucesso pra voces, fiquem com Deus.

 Celso Ferreira
31/07/2009 08h08

Como Revelar o Cabelo?

Parece que é para usar o brush com a ponta branca para revelar a modelo (e o cabelo), mas o problema é revelar os fios de cabelo com o brush. Se for isso, dá tanto trabalho quanto fazer uma máscara pra recortar o cabelo.

 Fabio Lody
31/07/2009 10h29

resposta ao Celso

Olá Celso bom dia.

Cara, sem problemas. Eu vejo que na realidade voce nao entendeu como funciona o exercicio. Eu estou aqui para te ajudar mas preciso, por favor, que antes de tudo voce desse uma lida no tutorial. Eu percebi que a parte do Brush voce ja entendeu, porem esqueceu de um detalhe muito simples e que é a "magica" do recorte em si.
Não existe problema em revelar os fios de cabelo porque isso voce nao faz com o brush. Quando eu altero a propriedade da layer para "multiply" ele faz isso sozinho. (img 18)
Oque temos que fazer com o brush é revelar as partes proximas aos fios (img20).
Repare no cabelo proximo a mão da modelo. Quando se esta multiply ele esta totalmente azul. Isso se deve a multiplicacao das camadas, voce entendeu? Se voce procurar entender e produzir com calma vai ver que não se compara ao trabalho de recorte utilizando canais.

Caso a sua imagem não fique tão visivel quando voce altera para multiply, retorne alguns passos e altere os valores quando voce a deixa mais clara.
Quando mais clara a imagem, mais visivel ficara no multiply.

Bom, veja se voce consegue agora e poste ai pra gente depois. Mas qualquer duvida, pode escrever tambem, sem problemas nenhum.

Abraço e fique com Deus.

 Celso Ferreira
31/07/2009 14h17

Desisto.

digite aqui seu comentário

 Fabio Lody
31/07/2009 20h46

PSD

Celso, não desista assim.

Esse efeito como outros também, exige um pouco de paciencia.

Estou postando um link para download do PSD que fiz utilizando a matéria acima.

Acho que com isso todos poderam olhar com calma e com certeza ira facilitar para muita gente.

http://www.4shared.com/file/121023032/8a9a76fb/sandra.html

Qualquer duvida, por favor, é só chamar.

Abraço.

 Alexsandro Rosa de Mello
01/08/2009 09h38

Não funcionou mais nada!

A partir do passo 8, já não conseguí mais fazer nada, a ferramenta Brush Tool fica com o ponteiro do mouse bloqueado estando eu com o Vector Mask da pasta Sandra selecionada e a partir daí, nada mais funciona.

 Fabio Lody
01/08/2009 11h35

resposta ao Alexsandro

Olá Alexsandro, bom dia.

Voce esta selecionando a camada errada.
Provavelmente voce esta selecionando a mascara de uma pasta oculta. De uma olhada em sua paleta de camadas, ok?

e se precisar, baixe o PSD(coloquei o link ai nos comentarios)

abraços.

 Anderson Alexandre
01/08/2009 22h26

Muito 10

Cara, parabéns.
Ta nota 1000, esse tutoral
Valeu.
Sou Anderson Do orkut.
P
a
z
.

 Anderson Alexandre
01/08/2009 22h26

Muito 10

Cara, parabéns.
Ta nota 1000, esse tutoral
Valeu.
Sou Anderson Do orkut.
P
a
z
.

 Celso Ferreira
04/08/2009 12h21

Consegui!!

Enfim, depois que baixei o arquivo que vc postou no 4shared, consegui. Só que não detectei onde eu estava errando. Mas valeu! Obrigado pela paciência. Abraços.

 Fabio Lody
04/08/2009 21h48

Ótimo Celso!

Magina irmaozinho, fico muito feliz que voce tenha conseguido.
Meu intuito aqui é compartilhar conhecimento e ajudar a todos.
O que precisar, podem contar comigo, so peço desculpas pela demora em responder os emails, pois o numero tem sido muito grande, mas responderei na medida do possivel.

Abraço a todos.

 Djonatan Santos
20/08/2009 18h18

Fotos em Molduras

Olá Fábio,
estou com uma dificuldade em colocar fotos numa moldura na qual eu criei, falei com uma pessoa que possivelmente sabia como fazer isso, no CS2. A informação que essa pessoa me passou foi que, ao clicar em Arquivo, logo após em Grupo de Trabalho eu teria a opção de incluir a moldura e por fim as fotos. Mas não enconteri esse comando, então preciso dessa informação pelo fato de que as fotos tiradas de um evento de inauguração do site da revista na qual trabalho deverão estar dentro dessa moldura e passarem em slides num telão que estará a nossa disposição no local do evento. Se você puder me ajudar agradeço.
Um Abração Fabio!

 Edi Lopes Costa
21/08/2009 09h38

Resposta FOTOS MOLDURAS

Djonatan existem varias formas de se fazer isso.
vou ensinar uma que eu acho mais profissional.
Suponho que vc ja tenha a imagem da moldura.
entao vc cria uma nova camada e faça um quadrado da parte de dentro da sua moldura.
coloque a foto que vc quer por dentro da moldura acima da camada que vc acabou de criar
Clique com o botao direito do mouse em cima do nome da camada (na aba das camadas) vá até CREATING CLIP MASKING
Agora é só ajustar.
Qualquer duvida visite a comunidade PHOTOSHOP SEM SEGREDOS
http://www.orkut.com.br/Main#Community.aspx?cmm=73628365

 Djonatan Santos
21/08/2009 17h09

Agradeço Edi Lopes

Muito obrigado Edi Lopes,
gostei da informação, consegui montar minhas imagens na moldura da maneira que você sugeriu!

Um abração Edi Lopes!

 Djonatan Santos
21/08/2009 17h10

Agradeço Edi Lopes

Muito obrigado Edi Lopes,
gostei da informação, consegui montar minhas imagens na moldura da maneira que você sugeriu!

Um abração Edi Lopes!

 Paulo Matozo
13/11/2009 01h36

Recorte

Cara, sinceramente. Não sei onde foi a mágica. O meu modelo aqui tá podre. Não cheguei a resultado nenhum,, Tive a impressão q o tutorial acabou no meio. Fiz um passo e derepente tinha "esse é o meu resultado final". Nossa, no meu não mudou nada, seguindo perfeitamente todos os seus passos. Q q houve?

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


Sobre o Autor
Fabio Lody é um dos colunistas mais lidos do Brasil. Desenvolveu trabalhos para a Johnson&Johnson, Chevrolet, Kawasaki Motors, grupo SBT, Ethos, HopiHari entre outros pela Tribal Interativa. Foi instrutor da WOC (Centro de Treinamento Adobe) e já trabalhou nas áreas de produção de vários webstudios. Escreve para duas revistas de circulação nacional além de desenvolver layouts de cartões para uma empresa do japão. Foi aluno de Alexandre Wollner e há 9 anos trabalha como Designer Gráfico. Blog: (http://www.fabiolody.com.br).
3G

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.