Tutorial Photoshop - Efeito Preto e Branco (Scarface)

Enviado por Tiago Pimentel em Photoshop em 07 28th, 2008 | 2 respostas

Semana passada encontrei um link com alguns tutoriais de

Photoshop ensinando como editar fotos, transformando-as em
cartazes de filmes famosos, como 300 de Esparta, Piratas do
Caribe, etc. Vou aos poucos publicando estes tutoriais aqui.
Começarei com um filme clássico, que todos deveriam
conhecer: Scarface. Abram o Photoshop e mãos a obra.

Se você tem a infelicidade de não ter assistido Scarface ainda, provavelmente não deve
ter visto o cartaz do filme onde o Al Pacino aparece em preto e branco. Para ver o
cartaz com o efeito que faremos neste tutorial CLIQUE AQUI. Para fazer o download
da imagem que utilizei neste tutorial, CLIQUE AQUI.

PASSO 1 - Selecionando e removendo o fundo da imagem.

Sempre falo em meus tutoriais que a alma do negócio (estou falando de Photoshop é
claro) é a seleção. Assim como um bom trabalho de edição de imagem já começa com
uma fotografia bem tirada, uma boa seleção influi muito positivamente no resultado
final dos seus trabalhos. Portanto mesmo sendo um tanto quanto chato ficar
selecionando elementos no Photoshop, capriche neste passo, ok?

Nesta imagem utilizarei a Pen Tool (tecla P) para fazer a seleção. A seleção com esta
ferramenta é muito simples. Escolha um ponto para iniciar e dê um clique . Note que
aparecerá um quadradinho preto no ponto clicado(Figura 1A). Escolha uma distância
não muito próxima e também não tão distante o primeiro ponto e clique novamente mas
dessa vez não solte o botão do mouse. Movimente o mouse para os lados e note que o
Photoshop utilizará o primeiro ponto como eixo e moverá a seleção criando curvas de
acordo com a distância e ângulo que você movimentar o mouse (Figura 1B). Repita o
processo até ter contornado totalmente a figura.
Figura 1A

Figura 1B

DICA 1: Perceba que quando você adiciona novos pontos a linha de seleção, aparece
uma haste que indica a direção que a próxima curva será criada (Figura 1C). Muitas
vezes esta haste não condiz com a direção que precisamos para criar a próxima curva.
Quando isso acontece, você pode "zerar" o ângulo da próxima curva, clicando no último
ponto criado com a tecla ALT pressionada.
Figura 1C

DICA 2: Caso coloque um ponto em local errado, o que pode facilmente ocorrer
quando se clica sem querer durante uma seleção, você pode utilizar a tecla
BACKSPACE para deletar os últimos pontos da seleção.

DICA 3: As vezes precisamos selecionar alguns detalhes na imagem. É uma boa idéia
nestes casos utilizar o zoom durante uma seleção. Utilize as teclas de atalho: Zoom In >
CTRL + ESPAÇO + CLIQUE ou Zoom Out > CTRL + ALT + ESPAÇO +
CLIQUE.

DICA 4: Para você iniciante, algumas palavras de incentivo: "Relaxe!". Com tempo e
treino você acaba aprendendo mais sobre a ferramenta e posicionando melhor os pontos
de seleção conseguindo seleções melhores com menos pontos.

Em algumas imagens, como a que estamos utilizando neste tutorial, mesmo após a
conclusão de todo o contorno, ainda há a necessidade de selecionarmos algumas partes
extras como mostra a Figura 1D. Não se assuste o processo é o mesmo do que
acabamos de fazer.
Figura 1D

Apenas quando toda a imagem estiver contornada (Figura 1E) é que faremos a seleção
propriamente dita. Na verdade usamos a Pen Tool por que ela permite um controle
melhor das curvas do que a Marquee Tool.
Figura 1E

Para criar a seleção,

selecione a Path Selection Tool ou tecle A (ferramenta representada por uma seta
preta na janela de ferramentas), e com o mouse sobre a imagem clique com o botão
direito e escolha a opção Make Selection…. (Figura 1F). Aparecerá a janela da
Figura 1G. Nesta janela é interessante conhecer a opção Feather Radius, que é a
quantidade em pixels que o software irá suavizar das bordas da imagem. Neste caso
utilize 1 como valor. Ao clicar OK você notará que ao redor da imagem aparecerá uma
linha tracejada que se movimenta (Figura 1H) . Parabéns, sua seleção está completa.
Figura 1F
Figura 1G
Figura 1H

PASSO 2 - Criando uma máscara para remover o fundo.

Com a seleção criada vá a janela Layers. Por padrão sempre que você cria um novo
documento a janela de fundo sempre fica travada (Figura 2A). Destrave-a dando dois
cliques sobre o Layer da imagem selecionada. O Layer da imagem ficará como a
imagem do lado direito da Figura 2A.

Figura 2A

Feito isso ainda na janela Layers, clique no botão Add Vector Mask na parte inferior
da janela (Figura 2B). Pronto, sua imagem está pronta para começarmos s nos divertir a
valer.
Figura 2B

PASSO 3 - Transformando a imagem colorida em preto e branco.

A maneira mais fácil de eliminar as cores de uma imagem no Photoshop, deixando

apenas em tons de cinza é ir em Image > Adjustments > Desaturate. A imagem deve
aparecer em tons de cinza. Se olhar bem a imagem do cartaz, verá que na verdade
temos apenas um pouco de cinza no rosto, sendo que as demais partes são apenas preto
e branco. A melhor maneira de trabalhar com Luz, Sombra e Meio Tom é através da
opção Images > Adjustments > Levels. Na janela Levels (Figura 3A) note que vemos
um gráfico e abaixo dele três setas, uma preta que controla as sombras, uma cinza que
controla o que é meio tom e uma branca que controla a luz. Na imagem do tutorial
utilizei as configurações da Figura 3A. Você deve configurar a sua imagem de maneira
que elimine o maior número de cinzas valorizando os pretos e brancos.

Figura 3A

 
PASSO 4 - Criando o fundo da imagem.

A imagem que escolhi para este tutorial além de ser ruim por estar toda serrilhada (peço
desculpas a quem estiver lendo), não está na disposição horizontal como o cartaz. Se sua
imagem também está no sentido horizontal vamos ampliar o tamanho na área de
trabalho (Canvas Size) indo na opção Image > Canvas Size… ou teclando ALT +
CTRL + C (Figura 4A). Preencha com valores de modo que o Width fique maior do
que Height. O resultado final deve ser parecido com a Figura 4B.

Figura 4A

Figura 4B

 
Crie um novo Layer abaixo do layer da imagem. Renomeie para FUNDO e utilizando a
Rectangular Marquee Tool ou teclando M, faça uma seleção que vá da borda
esquerda até a metade da imagem como mostra a Figura 4C. Certificando que a cor de
Foreground é preto e a de Background é branco, preencha a seleção recém criada de
preto, teclando ALT + BACKSPACE (Figura 4D) . Vá em Select > Inverse ou digite
SHIFT + CTRL + I para inverter a seleção. Pressione CTRL + BACKSPACE para
preencher de branco resultando na Figura 4E.

DICA: Você pode utilizar os atalhos ALT + BACKSPACE para preencher uma área
selecionada com a cor de Foreground e CTRL + BACKSPACE para preencher uma
área com a cor de Background. Foreground e Background Color são as cores que
aparecem na parte inferior da janela de ferramentas. Figura T.

Figura 4C

Figura 4D
Figura 4E

PASSO 5 - Finalizando a imagem.

As vezes é necessário modificar algumas partes da imagem para ter um trabalho mais
bem elaborado. Para não interferir na imagem final e tornar fácil edições futuras, crie
um novo Layer acima dos demais e com a Brush Tool (tecla B) pinte algumas sobras
em branco de preto. Você também pode ampliar as áreas brancas que achar necessário
(Figura 5A). Utilizei um pincel (Brush) com 15 pixels e Hardness igual a 0 (Figura
5B).

Figura 5A
Figura 5B

Minha imagem final ficou como a figura abaixo. Os textos eu deixo por sua conta pois
não estão no escopo deste tutorial. Apesar de extenso e trabalhoso este efeito é
relativamente fácil. Querendo sempre melhorar e ser o mais claro possível nos Tutoriais,
comentem com críticas, sugestões, dúvidas, etc.

[ ]s
Podemos tonar nossa imagem Preto e Branco, de diversas formas no photoshop, a forma mais
comum,
porém não alcança o resultado necessário é simplesmente desaturando a imagem.
Mas, vamos ver uma forma muito eficiênte, e de resultado bem melhor, utilizando o Channel
Mixer (Misturador de canais)

Abra sua imagem.

Em seguida, acione na paleta de camadas o misturador de canais (Channel Mixer).
Agora fiz algumas regulagens de acordo com minha imagem base, essas regulagens variam de
imagem

pra imagem, portanto, muito dessa técnica vai depender do seu "olho clínico".
Regule seu Channel mixer, de acordo com a imagem abaixo.
Ou utilize os valores como base, para suas alterações.
Não se esqueça do principal, marcar a opção Monocromo.
Entendendo e simplificando o Channel mixer monocromático.
O Canal RED - Fica responsável pelos tons claros, Realçes de luz.
O Canal Green - Responsável pelos detalhes em tons médios.
O Canal Blue - Fica responsável pelos tons mais escuros
Agora, feito o processo, vamos analizar as imagens:

Imagem original:

Imagem tratada pelo Channel mixer:

Tons médios, claros e escuros em harmonia

Imagem simplesmente desaturada:

Tons médios, claros e escuros não muito definidos

Bom gente, é isso aí, fácil e eficiente.

Abraços !
01. Pressione Ctrl+O e abra alguma foto preto e branco e renomeie a layer brackground com o
nome de "Bosco", caso exista um pequeno cadeado na layer clique duas vezes sobre ela para
desbloquea-la.
02. Agora retire a saturação da layer indo em Image> Adjustments> Desaturate ou
pressionando Ctrl+Shift+U.
03. Mude o modo de cor para Lab Color indo em Image> Mode> Lab Colors.
04. Duplique a layer "Bosco" pressionando Ctrl+J.

05. Aplique o filtro Highpass indo em Filter> Other> Highpass defina o valor de radius em 2,5 ,
este valor irá depender do tamanho de sua foto, quanto maior a foto maior o valor e quanto
menor for a foto menor o valor do radius, este filtro irá aumentar o contraste da foto.
06. Na layer "Bosco Copy" mude a opacidade para algo em torno de 20 a 40% e mude seu
modo de blend para Hard Light.
07. Agora vá em Image> Adjustment> Curves.
Aqui experimente mexer nas curvas para alcançar o resultado desejado, sempre lembrando de
habilitar o botão "Preview" caso ele não esteja habilitado.
Ao final sua foto com o efeito ficará assim.
Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente
dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente
importante para o blog e também para todos os leitores que posteriormente terão acesso
aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem
práticas:

01. Pressione Ctrl+O e abra uma imagem qualquer, pressione Ctrl+J para duplicar a layer,
pressione Ctrl+Shift+U para retirar a saturação da imagem.
02. Vá em Filter> Blur> Surface Blur e defina os valores abaixo.
03. Pressione Ctrl+J duas vezes para criar mais duas cópias da layer, sua paleta de layers
deverá ficar como a da foto abaixo, renomei as layers como na foto abaixo.

04. Clique na layer image 3 e vá em Layer> Hide Layers para retirar a visibilidade da layer,
clique na layer image 2 e vá em Filter> Artistic> Poster Edges, defina os valroes abaixo e
pressione Ok.
05. Sua imagem deverá ficar como a da foto abaixo.

06. Mude o modo de blend da layer para Linear Dodge, clique na layer image 3 e vá em Layer>
Show Layers para ativar a visibilidade da layer, vá em Filter> Artistic> Cutout e defina os
valores abaixo.

07. Sua imagem deverá ficar como a da foto abaixo.

08. Mude o modo de blend da layer para Multiply e defina a opacidade em 25%, sua imagem
deverá ficar parecida com a da foto abaixo.
09. Caso queira modificar ainda mais sua foto pressione Ctrl+Shift+Alt+E para mesclar todas as
layers em uma nova layer, pressione Ctrl+J para duplicar a layer, vá em Filter> Brush Strokes>
Dark Strokes e defina os valores abaixo.

10. No final sua imagem ficará como a da foto abaixo.

01. Pressione Ctrl+O e abra uma imagem qualquer, pressione Ctrl+J para duplicar a layer.
02. Pressione Ctrl+U para abrir a caixa de Hue/Saturation, defina o valor de Saturation em -59
e pressione Ok.

03. Pressione Ctrl+J para duplicar a layer, vá em – defina os valores abaixo e pressione Ok.
04. Mude o modo de blend da layer para Overlay, aqui já conseguimos um dos resultados que
esse efeito pode gerar, mas caso queira continuar e mudar ainda mais o efeito basta continuar
seguindo o tutorial.

05. Agora pressione Ctrl+J para duplicar a layer, mude o modo de blend da nova layer para
Multiply.

06. Agora vá em Layer> New Adjustment Layer> Hue/Saturation, defina o valor de Saturation
para +50 e pressione Ok.

07. Vá em Layer> New Adjustment Layer> Levels e defina os valores abaixo.

08. No final sua imagem ficará como a da foto abaixo.

09. Outros resultados também podem ser conseguidos com esta técnica, como na foto abaixo
(resultado do passo 04).

1 - Abra a imagem que você usará no tutorial. Pressione CTRL+J para duplicar a
camada.
 2 - Na camada duplicada
aplique um Desfoque Gaussinado - Filtros/Desfoque/Desfoque Gaussiano - com
valor de 6 px. Pressione OK. Altere o Blend Mode da camada para Sobrepor.
3 - Vá em: Camada/Nova Camada de Ajustes/Misturador de Canais. Marque a
caixinha Monocromático e em seguida selecione o Preset Custom. Configure
Vermelho +78 - Verde +46 - Azul +20. Clique em OK.

4 - Vá em: Camada/Nova Camada de Ajustes/Mapa de Degradê. Clique em OK.

5 - Vá em: Camada/Nova Camada de Ajustes/Curvas. Na linha diagonal, faça uma

pequena curva como mostrado abaixo. Clique em OK.
Resultado Final:

Observação: Esse efeito

varia de acordo com a imagem que você está usando. Você pode testar novos valores até
chegar ao ponto ideal.
Tipografia não é apenas escolher uma fonte bonita, mas a forma como arrumamos as letras no
layout, decidindo o tamanho, peso e tipo de fonte adequados para transmitir a mensagem do
jeito mais simples.

Nossa escolha de palavras e fontes para esta imagem funciona bem com o retrato que
desejamos criar, mas encorajamos você a experimentar com suas próprias fontes e palavras
para obter resultados únicos relevantes no retrato construído.
A hora é de brincar com fontes, fundos texturizados e gradientes. Você pode ser tão detalhado
quanto desejar. Experimente estas instruções e deixe voar sua imaginação.

1 Prepare a imagem de referência

  Abra a imagem que será usada. Aplique Image

> Mode > Grayscale a ela e use Levels e Curves
para aumentar o contraste, tornando as áreas
de luz e sombra fáceis de perceber.

2 Sombras e luzes

Vá a Image > Adjustments > Shadow/

Highlight. Brinque com os deslizantes para
exibir luzes e sombras suficientes. Para
Shadows, usamos: Amount = 25%, Tonal
Width = 35% e Radius = 48 px. Para Highlights
usamos: Amount = 34%, Tonal Width = 0% e
Radius = 78 px.

3 Recorte

Vá o menu Select > Color Range e escolha

as sombras. Inverta a seleção, aplique uma
Quick Mask e apague as áreas mascaradas
ao redor da modelo usando a ferramenta
Brush ajustada para branco. Depois de
mascarar a modelo, saia da Quick Mask e
aplique Select > Feather de 3 px. Copie e
abra um novo documento. Cole a imagem
como uma nova camada acima da camada
de fundo. Salve o documento, pois
trabalharemos nele. O recorte não precisa ser muito exato, pois servirá apenas como
referência.

4 Brilho e contraste

Agora que temos nossa referência,

precisamos acentuar as luzes e sombras para
que seja mais fácil posicionar o texto. Abra
o ajuste de Brightness/Contrast do menu
Image > Adjustments e aumente
Brightness +10 e Contrast +20. Seu guia
está pronto para receber texto.

5 Diminua a opacidade

  Reduza o valor de opacidade da camada de

referência para que o texto fique visível quando
for aplicado. Comece com os trechos maiores e
não se esqueça de pôr cada linha em uma
camada separada caso seja necessário
reorganizar o posicionamento ou alterar a
fonte. Lembre-se também de salvar em
intervalos regulares.

6 Posicionamento do texto

  Depois de arranjar o texto principal, ponha o

texto ligeiramente menor logo atrás do maior
para que este se destaque um pouco mais. Se
quiser, adicione um discreto Drop Shadow às
linhas principais em camadas de ajuste para destacá-las mais ainda, mas isso é opcional e pode
ser removido posteriormente caso desejado.

7 Comece a empilhar as sombras

  Quando estiver posicionando o texto, o truque

é fazer linhas menores, mais aproximadas e
com peso maior nas áreas de sombra da
imagem de referência, e texto maior, mais
espaçado e com menos peso nas áreas de luz.
Assim se cria a profundidade da imagem final,
que, de outro, modo pareceria plana.

8 Relatório de progresso
 Enquanto constrói o cabelo, oculte a camada de referência ocasionalmente para
observar seu progresso. É preciso poder perceber as áreas sombreadas e iluminadas.
Para facilitar, agrupe as camadas na paleta de acordo com as partes do retrato em que
está trabalhando. Continue com esse processo ao longo do tutorial.

9 Construa os olhos

Depois de completar o cabelo, o retrato precisa de um rosto. Começamos com os olhos.

Usando o mesmo método do cabelo, mantenha o texto bem próximo nas áreas escuras e
deixe as brancas sem nada. Use o menu Edit > Transform > Rotate no texto para
seguir a forma do olho. Não precisa usar palavras diferentes. Para ganhar tempo, basta
duplicar as camadas de texto e transformar. Mexa na opacidade das letras nos cílios
inferiores.

10 Sobrancelhas e sombra

Faça o mesmo nas sobrancelhas. Tente usar

palavras mais longas para preencher a forma e
use o menu Edit > Transform > Warp para
seguir a curva. Para a sombra sob o olho,
brinque com o valor de opacidade das camadas
de texto e o peso da fonte, já que essa sombra
tem de ser perceptivelmente mais clara que os
traços principais do rosto.
11 Comece o nariz

  O nariz, acreditamos, é a parte mais difícil do

rosto. É preciso usar todas as técnicas
aprendidas até agora. O sombreamento é um
importante fator. Utilize as ferramentas de
transformação para contornar o nariz, mas
brinque também com o valor de opacidade do
texto para as transições de sombra.

12 Repita as sombras

Tente duplicar as camadas de texto para o

outro lado do nariz para poupar tempo e
brinque com as ferramentas de
transformação para dar forma. Quando for
hora de sombrear, mantenha a opacidade do
texto mais forte nas narinas e duplique o
texto, reduzindo a opacidade conforme a
sombra esmorece.

13 Lábios atraentes

Para fazer os lábios, siga as mesmas etapas

do nariz. Concentre-se nas áreas escuras e
depois trabalhe o sombreamento. Demora
bastante até acertar as feições, mas vale a
pena insistir para chegar a um efeito
realístico no final.
 14 Relatório de progresso facial

Terminado o rosto, esconda a camada de

referência para observar seu progresso.
Nota-se que o rosto está tomando forma e
vemos a diferença entre as feições principais
e o sombreamento. Agora o rosto precisa de
um contorno e de alguns toques finais.

15 Siga o traço

  Tendo em vista que as feições estão prontas,

vamos criar um contorno. Percebemos que as
palavras menores funcionam bem. Duplique e
transforme as palavras para seguir a forma. O
queixo ficou meio achatado, por isso é preciso sombreá-lo um pouco. Repita, alterando
gradualmente a opacidade do texto e siga a forma para criar um dégradé.

16 Maçãs do rosto e pescoço

Para dar mais profundidade ao rosto, vamos

usar sombras que mostrem o contorno das
maçãs do rosto. Use a mesma palavra para
manter a consistência e empilhe as palavras
ligeiramente inclinadas para mostrar a
direção da sombra, mexendo na opacidade e
seguindo a foto guia. Faça o mesmo no pescoço, começando com texto e opacidade
mais pesados sob o queixo e terminando com valores mais leves.
 

17 Achate – se ousar

  Quando estiver satisfeito, selecione as

camadas de texto (excluindo o Background) e
selecione Layers > Merge Layers (mas
mantenha uma versão com as camadas para
uso futuro). Utilize a ferramenta Burn com
Exposure 100% sobre as áreas de sombra para
acentuá-las.

18 Brinque com gradientes

Altere Image > Mode para CMYK e

aplique um estilo de camada Gradient
Overlay na nova camada de texto. Brinque
com os gradientes, direção e modos de
mesclagem dos efeitos na caixa de diálogo
Layer Styles. Aqui, usamos o modo Linear
Light.

19 Fundo

Adicione uma camada de ajuste Gradient

Fill acima da camada Background e abaixo
da de texto. Escolhemos um gradiente
branco para azul/verde claro, Reflected,
Angle = -45º e Scale = 150%. Finalmente,
selecione a miniatura da máscara da camada
de ajuste e aplique uma textura Sandstone (Filter > Texture > Texturizer) para dar
mais profundidade.

As fontes que usamos nesta imagem são Myriad Pro, ITC Slimbach Book, Stafford, Univers,
Timeless, Whitney, Stainless, Poynter e Gill Sans. Todas funcionam bem juntas, em nossa
opinião, já que são bastante limpas e combinam com o rosto da mulher. Em nosso caso, elas
precisavam funcionar também como capa de revista, mas isso não será importante caso você
esteja criando uma peça pessoal.

Tudo depende de sua preferência, e é possível criar retratos únicos usando diferentes fontes.
Se, por exemplo, você estiver usando o retrato de um homem, pode achar melhor usar fontes
mais robustas. Para ver mais exemplos de retratos tipográficos e saber como outras pessoas
criam com fontes, visite http://creativenerds.co.uk/.

EFEITO CARTOON
01. Abra a imagem a ser trabalhada, para este tutorial iremos usar a imagem abaixo,
certifique-se que a imagem esteja no modo de cor RGB, para saber isso vá em Image> Mode>
RGB Color, logo após conferir pressione Ctrl+J para duplicar a layer.

02. Agora vá em Filter> Artistic> Poster Edges(ARESTAS POSTERIZADAS).

03. Depois entre em Image> Adjustments> Brightness/Contrast e defina os seguintes valores

para Brightness: 10 e Contrast: 30.
04. Vá em Filter> Artistic> Cut Out. FILTRO=>ARTISTICO=>AQUARELA >>E seu efeito estará
terminado.