teorico_III_WebDesign

Prévia do material em texto

Tratamento de Imagens 
Gráfica e Digital
Material Teórico
Responsável pelo Conteúdo:
Prof. Me. Ivan Ordonha Cechinel
Revisão Textual:
Prof.ª Esp. Kelciane da Rocha Campos
Ferramentas de Seleção e Recorte
• Ferramentas de Seleção;
• Fotomontagem;
• Salvar Seleção;
• Ferramenta Pen (caneta);
• Quick Mask (Máscara Rápida).
• Trazer ao aluno orientações sobre edição de imagem com foco em fotomontagem;
• Exercitar as ferramentas de seleção e recorte, que se confi guram como recursos de 
grande importância na área de edição, e assim expandir as possibilidades de criação.
OBJETIVO DE APRENDIZADO
Ferramentas de Seleção e Recorte
Orientações de estudo
Para que o conteúdo desta Disciplina seja bem 
aproveitado e haja maior aplicabilidade na sua 
formação acadêmica e atuação profissional, siga 
algumas recomendações básicas: 
Assim:
Organize seus estudos de maneira que passem a fazer parte 
da sua rotina. Por exemplo, você poderá determinar um dia e 
horário fixos como seu “momento do estudo”;
Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma 
alimentação saudável pode proporcionar melhor aproveitamento do estudo;
No material de cada Unidade, há leituras indicadas e, entre elas, artigos científicos, livros, vídeos e 
sites para aprofundar os conhecimentos adquiridos ao longo da Unidade. Além disso, você tam-
bém encontrará sugestões de conteúdo extra no item Material Complementar, que ampliarão 
sua interpretação e auxiliarão no pleno entendimento dos temas abordados;
Após o contato com o conteúdo proposto, participe dos debates mediados em fóruns de discus-
são, pois irão auxiliar a verificar o quanto você absorveu de conhecimento, além de propiciar o 
contato com seus colegas e tutores, o que se apresenta como rico espaço de troca de ideias e 
de aprendizagem.
Organize seus estudos de maneira que passem a fazer parte 
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Determine um 
horário fixo 
para estudar.
Aproveite as 
indicações 
de Material 
Complementar.
Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma 
Não se esqueça 
de se alimentar 
e de se manter 
hidratado.
Aproveite as 
Conserve seu 
material e local de 
estudos sempre 
organizados.
Procure manter 
contato com seus 
colegas e tutores 
para trocar ideias! 
Isso amplia a 
aprendizagem.
Seja original! 
Nunca plagie 
trabalhos.
UNIDADE Ferramentas de Seleção e Recorte
Ferramentas de Seleção
Os recursos de seleção são muito importantes no trabalho com o Photoshop. 
Utilizaremos aqui a versão CC do Photoshop, porém se você estiver utilizando a 
versão CS6 poderá realizar os exercícios normalmente.
Existem maneiras diversas de selecionar determinadas áreas de uma imagem.
Dentre as principais ferramentas, temos os comandos de seleção por forma geo-
métrica (Rectangular Marquee ou em português letreiro retangular - forma uma 
área de seleção em formato retangular; Elliptical Marquee (letreiro elíptico) – 
determina área de seleção circular), Single Row (letreiro de linha única) e Single 
Column (letreiro de coluna única) - selecionam apenas uma linha de pixel, tanto 
na vertical como na horizontal.
Logo abaixo, temos as ferramentas de seleção livre – Lasso (laço) determina 
área de seleção por clique e arraste; Polygonal Lasso (laço poligonal) constitui 
seleção por sequência de cliques; e Magnetic Lasso (laço magnético) determina 
seleção quando clicamos e movemos o cursor do mouse próximo de uma área 
onde há contraste de cor, ele reconhece automaticamente os contrastes.
Figura 1 Figura 2
Ao selecionar determinada área sobre a imagem e utilizando as ferramentas 
Rectangular Marquee e Elliptical Marquee, pressionando o Shift mantém-se 
a proporção da área selecionada. Segurando Alt, mantém-se a proporção tendo-
-se como base um ponto central. Podemos, enquanto selecionamos, movimentar 
as linhas de seleção sobre a imagem pressionando a barra de espaço no teclado. 
Dentre essas, a mais utilizada é a Polygonal Lasso (laço poligonal), pois per-
mite selecionar determinada região da imagem com mais liberdade, permitindo 
maior controle (pressione Shift para determinar a seleção em linha reta – tanto 
na vertical como na horizontal).
8
9
Importante!
A área de seleção é caracterizada por uma linha tracejada dinâmica e “piscante”, como 
vemos no exemplo abaixo:
Figura 3
Importante!
Com uma área de seleção determinada, ao clicar-se novamente na imagem 
a primeira seleção feita sumirá, a não ser que tenha sido acionado o recurso 
Ad to Selection (soma de seleção) na barra superior de tarefas (é possível 
também subtrair seleção ou criar interseção).
Figura 4
Fotomontagem
Abra as seguintes imagens:
Figura 5
9
UNIDADE Ferramentas de Seleção e Recorte
Com o objetivo de exercitar o uso das ferramentas de seleção, vamos utilizar o 
Polygonal Lasso (laço poligonal) para fazer uma fotomontagem onde um de-
terminado elemento será inserido em outro cenário (no caso, a xícara de café e a 
colher), como mostra a imagem abaixo:
Figura 6
Acione a ferramenta Polygonal Lasso e siga clicando ao redor da colher; no 
caso da xícara, poderá ser utilizada a opção Eliptical Marquee para realizar a 
seleção circular (enquanto estiver criando a seleção circular, pressione Shift para 
compor um círculo perfeito e utilize a barra de espaço do teclado + clique e arraste 
para posicionar o círculo ao redor da xícara).
Para facilitar na hora de determinar os cliques, amplie o zoom da imagem com o 
atalho Ctrl+.Ex
pl
or
Na imagem abaixo, vemos a ferramenta Polygonal Lasso sendo utilizada para 
selecionar a colher:
Figura 7
10
11
Ao selecionar, clique sempre um pouco adentro da área da imagem que se pretende manter 
(neste caso, a colher), para não correr o risco de fi carem rebarbas pelo caminho (restos do 
cenário de fundo que se pretende apagar) na imagem recortada.
Ex
pl
or
Ao terminar a seleção, dê duplo clique para que a seleção “feche”. Abaixo, 
vemos a linha tracejada ao redor do objeto, significa que a seleção foi “fechada”, 
está estabelecida de fato.
Figura 8
Inverta a seleção através do atalho de teclado Ctrl+Shift+i, para que o plano 
de fundo seja selecionado e não o objeto. Após inverter, pressione Shift-F6 para 
abrir a janela Feather (suavizar), esse recurso possibilita “suavizar” as bordas da 
seleção com uma quantidade de pixels determinada (fazendo com que a seleção 
não fique tão “dura”, “pontiaguda” e sim mais realista).
O recurso Feather (suavizar) está localizado dentro do item Modify (modi-
ficar), que se encontra na aba Select (selecionar) do menu superior. Essa ferra-
menta pode ser utilizada também para construir sombras e luzes que se dissipam na 
imagem, por exemplo.
Determine 2 pixels de suavização na janela Feather Selection (suavizar seleção), 
clique em OK e pressione Delete no teclado.
Figura 9
11
UNIDADE Ferramentas de Seleção e Recorte
Figura 10
Conseguiremos o resultado que mostra a imagem acima, com plano de fundo 
retirado. No menu superior, há uma aba específica para edição de seleção, é a 
aba Select (selecionar). Dentre os recursos mais utilizados, temos o Transform 
Selection (transformar seleção), que nos auxilia a redimensionar área de seleção 
(redimensiona apenas as linhas da área de seleção que estiver ativa, não redimen-
siona a imagem).
Salvar Seleção
Existe a possibilidade de “salvar” uma área de seleção para ser utilizada ou edi-
tada posteriormente: Save Selection (salvar seleção).
Figura 11
12
13
Surgirá a janela abaixo. Digite um nome na opção “Name” e clique em OK.
Figura 12
Para ativar novamente a seleção salva, basta acessar novamente a aba Select 
(selecionar), escolher o item Load Selection (carregar seleção) e escolher a 
seleção salva, que aparecerá em uma lista ao se clicar em “Name”.
Para passar a imagem da colher e da xícara de um documento para outro, pode-se 
utilizar a ferramenta Move (primeiroícone da barra de ferramenta) . Clique na ima-
gem que pretende transportar (no caso, a xícara e a colher), arraste até a guia superior 
da janela do documento (onde está localizado o nome do documento no qual se pretende 
inserir a imagem).
Figura 13
Segure o clique e logo que a janela abrir, continue arrastando para o centro da 
imagem e solte o clique, o Photoshop fará a cópia automática da foto.
Abaixo, o resultado com as duas imagens juntas e como ficou a disposição dos Layers.
Figura 14
13
UNIDADE Ferramentas de Seleção e Recorte
Para desabilitar qualquer seleção que estiver ativa, pressione Crtl+d.
Ex
pl
or
Abaixo, o resultado final da fotomontagem:
Figura 15
Importante!
Utilize os recursos de montagem do Photoshop sempre para realizar trabalhos profissio-
nais ou didáticos. Nunca utilize para fazer brincadeiras com outras pessoas.
Importante!
Ferramenta Pen (caneta)
A Pen (caneta) constitui outro importante recurso para selecionar determina-
da região da imagem, seu resultado é semelhante ao do Polygonal Lasso (laço 
poligonal), porém sua vantagem é oferecer maior controle no momento de defi-
nir linhas curvas (clique e arraste para definir pontos de ancoragem e a curvatura 
da linha). Essa ferramenta traz maiores possibilidades de edição após as linhas já 
estarem definidas. Não é propriamente uma ferramenta de seleção apenas, pois 
suas linhas podem ser utilizadas para constituir preenchimento e contorno, de 
cores e efeitos. Automaticamente, o traçado feito com a ferramenta Pen ficará 
salvo no painel Patch (demarcadores), que se encontra na aba Window (jane-
la) e poderá ser acionado sempre que necessário. A seguir, exemplo de seleção 
sendo feita com a ferramenta Pen, as linhas que “sobram” podem ser “esticadas” 
estabelecendo diferentes curvaturas para a linha.
14
15
Figura 16
Utilize a Direct Selection (seleção direta - seta branca da barra de ferramen-
tas) para editar as linhas; basta clicar nos pontos e arrastar, ela é sub ferramenta da 
Path Selection (seleção de demarcador - seta preta).
Figura 17
O traçado feito com a Pen ficará salvo automaticamente no painel Paths e pode-
rá ser transformado em seleção a qualquer momento, basta clicar sobre o traçado e 
arrastar sobre os ícones do rodapé do painel, assim poderão ser feitas modificações 
diversas (para transformar em seleção ativa, arraste sobre o terceiro ícone do rodapé 
deste painel).
Figura 18
15
UNIDADE Ferramentas de Seleção e Recorte
Quick Mask (Máscara Rápida)
As máscaras atuam também como ferramenta para seleção e recorte, especial-
mente de recortes mais complexos. Para exercitar, vamos recortar a imagem abaixo e 
também mudar o cenário de fundo. Inicie com a ferramenta Magic Wand (varinha 
mágica), que também faz parte do conjunto de fermentas de seleção do Photoshop.
Abra a imagem abaixo para iniciarmos:
Figura 19
Figura 20
Com a Magic Wand, clique para selecionar o plano de fundo. Ela possui fun-
cionamento automático, basta clicar na imagem sobre a região que se pretende 
selecionar, e ela reconhecerá limites de cor definidos pelo contraste entre os pixels.
Figura 21
16
17
No detalhe da imagem abaixo, vemos o cursor do mouse com a ferramenta 
Magic Wand (varinha mágica) acionada; podemos observar que ela selecionou a 
área em que predominam os tons de verde. Por ser uma ferramenta de funciona-
mento automático, a seleção não fica precisa, deixando algumas falhas, principal-
mente nos fios do cabelo.
Figura 22
Importante!
Para poder selecionar toda a área do plano de fundo, é necessário também acionar a opção 
de “soma de seleção” na barra superior de tarefas (em destaque na imagem abaixo).
Figura 23
Importante!
Pressione Ctrl+Shifit+i para inverter a seleção e clique no Ícone Add a mask (adi-
cionar uma camada de máscara), localizado no rodapé do painel Layer (camada).
Figura 24
17
UNIDADE Ferramentas de Seleção e Recorte
Figura 25
Surgirá um retângulo branco junto à miniatura do Layer e será mantido o 
menino sem o plano de fundo.
O plano de fundo ficou oculto e podemos ver que a seleção não removeu com-
pletamente o fundo, deixando rebarbas, principalmente nos fios do cabelo. Vamos 
agora, através da máscara, refinar a seleção para que fique mais precisa.
Clique sobre o ícone da máscara e abra o painel Properties, localizado em Window 
no menu superior.
Figura 26
Figura 27
18
19
Na janela Properties, clique em Select and Mask:
Figura 28
Será aberta a janela Refine Mask (refinar aresta). Na opção View Mode (modo 
de visualização), clique na imagem do cavalo e alterne para Black & White (preto 
e branco), para enxergarmos o contraste de preto e branco na imagem.
Figura 29
Utilize as ferramentas Refine Edge Brush, em destaque na imagem abaixo, janela.
Clique e arraste próximo das bordas de seleção (limite entre as áreas em preto 
e branco). Automaticamente, mais detalhes dos fios do cabelo surgirão. Clique e 
arraste ao longo da borda.
Figura 30
19
UNIDADE Ferramentas de Seleção e Recorte
Ainda na janela Properties, ajuste as opções (em destaque na imagem abaixo); 
aumentando o contraste, a seleção ganhará precisão, mas é necessário cautela e 
observação para que a seleção não fique muito “dura”. Para cada imagem, a por-
centagem necessária pode variar, é necessário ajustar e ao mesmo tempo observar 
o resultado na imagem.
Figura 31
Pressione OK para fechar a janela e consolidar os ajustes feitos. O plano de 
fundo será apagado, permanecerá a área “transparente”, e o resultado ficará como 
na imagem abaixo (foi colocado um layer preenchido em cinza para observarmos 
o recorte do cabelo).
20
21
Figura 32
Com o recorte finalizado, podemos agora levar o menino para outro cenário. 
Basta abrir a imagem do cenário e, com a ferramenta Move (mover) acionada, 
clicar na imagem que se pretende transportar (no caso, a do menino) e arrastar até 
a guia superior da janela do documento (onde está localizado o nome do documento 
no qual se pretende inserir a imagem). Abaixo, o resultado final:
Figura 33
21
UNIDADE Ferramentas de Seleção e Recorte
Material Complementar
Indicações para saber mais sobre os assuntos abordados nesta Unidade:
 Sites
Artista usa seleção do Photoshop para recriar obras famosas - Tecmundo
Portal Tecmundo traz o trabalho de Michael Guppy. MACHADO, Jonathan. 
https://goo.gl/UKkS6T
Artista usa Photoshop em fotos de animais, o resultado é impressionante
Artigo sobre fotomontagens do artista Julien Tabet. O FANTÁSTICO MUNDO.
https://goo.gl/yF8wMv
Artista usa Photoshop para provar que fotos nem sempre são reais - Capricho
Matéria da Revista Capricho, da Editora Abril, sobre a manipulação de fotos.
https://goo.gl/CvHB77
Este artista usa Photoshop para criar imagens surreais com o filho - Dinheiro Vivo
Artigo sobre fotomontagens do artista Adrian Sommeling.
https://goo.gl/oTjJtQ
22
23
Referências
FAULKNER, Andrew. Adobe Photoshop CC (2015): classroom in a book. 
Porto Alegre: Bookman, 2016. (e-book)
MOUGHAMIAN, Dan. Adobe Digital Imaging how-to: 100 técnicas essenciais 
para Photoshop CS5, Lightroom 3 e Camera Raw 6. Porto Alegre: Bookman, 
2015. (e-book)
PRIMO, Lane. Estudo dirigido de Adobe Photoshop CS6 em português para 
Windows. São Paulo: Erica, 2013. (e-book)
23