1. Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Professor Leonardo Pereira
Ano Curricular - 2012 | 2013 COMUNICAÇÃO E MEIOS DIGITAIS
Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre
AULA 05/TUTORIAL 02
OPERAÇÕES E FERRAMENTAS AVANÇADAS DE RECORTE
TUTORIAL DE RECORTE DE CABELO
2. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
01
Operações avançadas de recorte
leonardpeartree@gmail.com
3. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações O recorte de uma figura do seu fundo, dependendo da complexidade do fundo e da
avançadas de figura a recortar, pode implicar um recorte simples com ferramentas de seleção.
recorte No entanto há outras situações mais complexas que implicam a combinação de uma
série de ferramentas e recursos do Photoshop como as seguintes:
1. Máscaras aplicadas a layers;
2. Canais de uma imagem;
3. Blending modes;
4. Layers de ajuste;
5. Seleções;
6. Duplicação e repetição de layers;
7. Ferramentas de pintura (Brush Tool);
8. Entre outras...
Reparem que não se referiu aqui nenhuma
ferramenta que implique o ato de apagar
como a Erase Tool.
Na seguinte exposição teórica e tutorial
vamos ter em consideração esta imagem
e que queremos recortar a figura do fundo
branco para a colocar sobre um fundo de
cor. Neste caso o verde.
Ponto de Partida Resultado final
leonardpeartree@gmail.com
4. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Tentação inicial
avançadas de A primeira tentação que todos teríamos para recortar esta imagem seria de a tentar
recortar usando um de dois dos seguintes métodos:
recorte
1. entar selecionar a figura com as
T 2. Apagar os píxéis do fundo
ferramentas de seleção com a Erase Tool
leonardpeartree@gmail.com
5. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Problemas das anteriores metodologias - neste caso complexo
avançadas de 1. Muito “time consuming”- demoraria uma eternidade;
2. Dão imenso trabalho - tarefa gigantesca;
recorte 3. Não produzem a qualidade e nível de detalhe de recorte desejável;
4. Obrigam a uma simplificação formal do objeto ou figura a ser recortado;
5. São métodos destrutivos de recorte da imagem.
E porquê?
Porque esta é uma imagem com imenso detalhe. Temos de conseguir extrair cabelos
do fundo. Isso não é possível, com qualidade e detalhe utilizando-se operações
e ferramentas tão simples.
leonardpeartree@gmail.com
6. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Quando é que estes seriam métodos de recorte viáveis?
avançadas de Em objetos ou figuras com recortes bem definidos e contrastantes com o fundo como
objetos mecânicos e pouco orgânicos como os exemplos das seguintes imagens:
recorte
No entanto estes são métodos destrutivos de recorte. Porque implicam apagar direta-
mente informação inicial da imagem sem a preservar, ainda que escondida, para mais
tarde se voltar atrás. Há métodos que não implicam a destruição da informação.
leonardpeartree@gmail.com
7. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Então como é que vamos recortar esta figura complexa do fundo?
avançadas de Vamos ter de utilizar métodos que nos permitam separar e selecionar rapidamente a
informação que faz parte da figura e não do fundo.
recorte
Vamos globalmente utilizar os canais de cor da imagem e aplicar máscaras a layers que,
depois, vamos pintar em função do que é figura e do que é fundo.
Comecemos por converter a imagem de RGB para CMYK:
2
1. Na barra de menu vamos a “Image”
1
2. A seguir escolhemos “Mode”
3. Dentro de “Mode” convertemos para o
3
modo CMYK
E ficamos com uma imagem com quatro
canais de cor. Vamos, nos canais de cor,
ver qual dos 4 canais tem mais contraste
com o fundo.
leonardpeartree@gmail.com
8. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Analisando-se os canais da imagem...
avançadas de Ao olhar para os canais da imagem, no painel Channels, vemos que aquele que tem
mais contraste entre a figura e o fundo é o canal amarelo (Yellow) (1).
recorte
1
Vamos usar, então, este canal para recortar o cabelo da figura.
Mas antes vamos utilizar um truque e aumentar o contraste deste
canal sobre o fundo para ajudar ao recorte. Como?
2. Voltamos ao painel das layers;
1 3. Duplicamos a layer da imagem;
4. Aplicamos o blending mode “Multiply“ à layer duplicada.
4
2
3 leonardpeartree@gmail.com
9. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Trabalhemos agora o canal amarelo para uma seleção perfeita do cabelo
avançadas de 1
1. Voltamos ao painel dos Channels;
recorte 2. Duplicamos o canal amarelo.
A seguir vamos transformar a imagem
do canal amarelo numa silhueta PB.
Para tal vamos aplicar ao canal um efeito
de “Levels”.
2
3. Image >> Adjustments >> Levels
4. Na janela do Levels vamos tornar os
2
píxeis cinza em píxeis pretos:
Nas boxes inserir sensivelmente os
4
3 2
seguintes valores: 31 | 0.70 | 233
3
3
4 4 4
Canal sem o Levels Canal com o Levels
leonardpeartree@gmail.com
10. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Voltemos novamente 2 ao painel das Layers
avançadas de
1. Mas antes, no painel dos channels,
recorte 3
ativar a visibilidade do canal CMYK
1 e desligar o canal amarelo;
2. Voltar ao painel das layers;
4
3. Mudar o blending mode da layer
duplicada de Multiply para normal;
4. Aplicar à layer duplicada uma máscara;
5. Criar uma nova layer entre a layer de
4 5
1 background e a layer duplicada;
6 6. Com a ferramenta “EyeDropper“ picar,
na imagem, a mancha verde junto ao
olho da figura (C32|M16|Y47|K0).
6 8
7. O seletor de cor para o foreground
assume a cor picada na imagem
8. Com a ferramenta Paint Bucket
8 preencher o fundo da imagem na layer
nova criada (basta picar com a
7
ferramenta no fundo).
Acabamos de criar um fundo novo para a figura que ainda vamos
subtrair com a máscara que aplicamos à layer da figura.
O próximo passo é pintar na máscara o que é figura e o que é
5 8 fundo. Vamos a isso!
leonardpeartree@gmail.com
11. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Vamos fazer a seleção do cabelo para pintar a Máscara
avançadas de A pintura da máscara vai servir para, sem destruir a informação (píxeis) original
da imagem, recortar a figura do seu fundo. É por isso um método não destrutivo.
recorte
Mas há o problema do recorte do cabelo,
que é muito intrincado. Para resolver este
problema vamos criar uma seleção a partir
do canal amarelo, que trabalhamos antes
1 neste tutorial.
3
1. Abrir novamente o painel channels;
2. No canal amarelo antes tratado, com a
tecla cmd (Mac) ou control (PC)
premida, clicar por cima do thumbnail
da imagem a PB do canal;
3. É criada uma seleção sobre a imagem;
Agora temos uma seleção na imagem
2 que nos permite pintar a máscara para
recortar o cabelo com um nível de detalhe
2 relativamente alto.
leonardpeartree@gmail.com
12. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Vamos finalmente pintar a Máscara
avançadas de Sem desativar a seleção criada no canal amarelo, fazer o seguinte:
recorte 1 6
1. Voltar ao painel das layers;
2. Selecionar a layer que tem a máscara;
3. Nessa layer selecionar a máscara;
4. Nas ferramentas ativar a Brush tool;
2
5. No seletor de cor do foreground aplicar
a cor preta (valores de CMYK a 100)
6. Por cima da imagem clicar com o bot
3
do lado direito do rato e editar o
tamanho (400) e dureza (20) da Brush;
4 7. Com a máscara da layer selecionada,
pintar a zona do limite dos cabelos e
5 “apagar“ o resto do fundo até se revelar
o verde da layer abaixo;
8. Na parte inferior da imagem deixar, à
volta do peito e costas da figura, uma
margem de píxeis brancos.
7
8 8
leonardpeartree@gmail.com
13. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Continuando a pintar a Máscara...
avançadas de Agora passando à parte de baixo da blusa da figura...
recorte 2
1. Manter a máscara selecionada na layer;
2. Desligar a seleção (Control/cmd + D);
3. Fazer um zoom muito grande sobre a
parte da blusa da figura. Utilizar a Zoom
Tool ou Control/cmd + tecla +;
4. Com a Brush Tool ativa e sem nenhuma
seleção ativa, clicar com o bot do lado
1
direito do rato sobre a imagem e editar
o tamanho (70) e dureza (65) da Brush;
4 5. Sobre os limites da blusa da figura
pintar (recortando) o branco restante
do fundo original da imagem, sobre a
máscara.
3 4
5 5
leonardpeartree@gmail.com
14. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Por fim vamos tratar da fusão da figura recortada com o novo fundo
avançadas de
Se fizermos um Zoom sobre a figura,
recorte apesar de o cabelo estar recortado com
algum detalhe, nota-se um acabamento
que não é perfeito e a existência de
alguns píxeis brancos inestéticos em torno
do recorte, como é visível nesta imagem.
4 Por isso vamos melhorar o acabamento do
recorte para que o cabelo se funda
naturalmente com o novo fundo.
1. Duplicar a layer com o recorte e mask;
5 3
2. Mudar o nome da primeira (a de baixo)
para “multiply“:
2
3. Mudar o nome da segunda (a de cima)
para “normal“;
4. Mudar o blending mode da layer
chamada “multiply“ para “multiply“;
5. Desligar a visibilidade da layer “normal“.
1 6 Como se pode ver as extremidades do
cabelo fundem-se perfeitamente com o
fundo (6). Mas também toda a figura (7).
7 Será para recuperar a cor natural da
restante figura que iremos utilizar, a seguir,
6 a layer“normal”.
leonardpeartree@gmail.com
15. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Para terminar vamos criar uma transição suave entre a layer “multiply“ e a layer
avançadas de “normal“ para se recuperar a cor natural da figura.
recorte 1. Reativar a visibilidade da layer “normal“.
E vemos que ficamos novamente com a
extremidade dos cabelos novamente
1 com rebordos esbranquiçados.
1
Vamos resolver isso!
2. Selecionar a máscara da layer “normal“;
3. Ativar a Brush Tool;
4. Com o bot do lado direito do rato clicar
3 em cima da imagem e editar o tamanho
(250) e a dureza (0) da Brush tool;
5. Na barra de opções colocar a
opacidade da Brush Tool a 20%;
4
6. No seletor de cor do foreground garantir
7
que está a cor preta;
4
7. Na layer “normal” e com a máscara
selecionada, ir pintando (brush tool)
sobre as extremidades dos cabelos, por
5
forma a re-expor a fusão de cor entre a
layer “multiply“ e a layer do fundo verde
6 que já tinhamos obtido antes.
8. Se sentirem que exageraram a limpar
2
as extremidades podem sempre voltar
atrás pintando a máscara de branco em
8 vez de preto nas zonas onde acham
7
que exageraram.
leonardpeartree@gmail.com
16. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações E damos por concluídas as festividades :)
avançadas de
recorte Começamos aqui... e terminamos aqui!
Bom trabalho!
leonardpeartree@gmail.com