Manipulação de Imagem no Photoshop

Prévia do material em texto

/
Computação Grá�ca e Editoração Eletrônica
Aula 3: Photoshop - manipulação de imagem bitmap
Apresentação
Nesta aula, vamos apresentar as técnicas de manipulação da imagem bitmap no Photoshop.
Você aprenderá como funcionam as camadas e os recursos dos modos de mesclagem, técnicas de fusão de imagens,
�ltros e opacidades, bem como os ajustes de cores das camadas.
Além disso, saberá como manipular a imagem com a máscara, que possibilita fusões e recortes das imagens com
aplicação sobre outros fundos.
Objetivos
Aplicar os �ltros, opacidades e cores das camadas;
Identi�car os recursos de mesclagem de imagens;
Esclarecer como fazer fusão de imagens com máscaras.
Palavras iniciais
Esta aula apresenta as camadas do Photoshop e suas propriedades no trato da imagem.
As camadas não se limitam a organizar o trabalho: elas permitem suavizar a imagem a partir da mesclagem inteligente que
regula automaticamente as pequenas diferenças na iluminação e cores. Elas também têm opções de opacidade e �ltros que
permitem efeitos pro�ssionais nas imagens.
Camadas do Photoshop
/
As camadas (layers) são folhas transparentes sobrepostas
que contêm os elementos da composição como textos,
fundos, objetos, pessoas, elementos decorativos.
No Guia do Usuário, a Adobe diz que as camadas são como
folhas de acetato transparentes que permitem ver as
camadas que estão embaixo.
Elas podem ser movidas pela área de trabalho, bem como
ser apagadas, sem prejuízo do trabalho. Você também pode
dar transparência, isto é, reduzir a opacidade da camada,
obtendo mais ou menos transparência na imagem.
 Tutorial Adobe Photoshop: sobre camadas no Photoshop. Disponível em:
https://helpx.adobe.com/br/. Acesso em: 30 jul. 2019.
"Esse processo se assemelha ao de produção de uma pintura. O artista prepara o fundo,
depois faz os traços em carvão e continua em cada fase a acrescentar tintas ou adicionar
texturas. (SILVA, 2015)"
As camadas permitem a realização de diversas tarefas como composição de imagens, edição de texto no layout, adição de
formas em vetores grá�cos, fundos texturizados.
Elas suportam desde uma ação extremamente so�sticada ou simplesmente para a adição de um efeito especial como uma
sombra projetada ou um brilho.
A quantidade de camadas só pode ser limitada pela capacidade de memória do computador. Mas não é muito aconselhável
manter muitas camadas sem uso, para que você não se perca.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Qual a necessidade de trabalhar com as camadas?
As camadas do Photoshop parecem desnecessárias para os usuários iniciantes, mas são muito importantes
operacionalmente. Além de permitirem diversos tipos de efeitos do programa, elas resguardam as operações (�ltros, fusões,
seleções) após o fechamento do arquivo.
javascript:void(0);
/
Exemplo
Um diretor de arte fez uma arte-�nal muito elaborada no Photoshop, e o cliente não gostou da posição da marca da empresa no
layout. Se a marca estiver em uma camada separada, o diretor de arte poderá mover, reduzir, ampliar, mudar um efeito, sem
alterar os outros elementos da arte.
No entanto, se a marca estiver na mesma camada dos outros elementos, ele terá que apagar a marca, retocar a área apagada,
corrigir, importar novamente a imagem da marca e reposicioná-la no trabalho.
 Ações em camadas 
 Clique no botão acima.
/
Ações em camadas
Organização das camadas
O Photoshop tem muitos recursos e efeitos de imagem e, para que o trabalho possa permanecer editável, o ideal é que
cada imagem �que em uma camada. É também recomendável que o usuário renomeie cada camada para encontrá-la
mais rapidamente.
Quando a imagem é adicionada, a camada surge automaticamente com o nome Camada 1 (Layer 1), Camada 2 e
assim sucessivamente. Você pode usar, por exemplo, o nome do objeto (cão, barco, paisagem).
Como fazer? Basta dar duplo clique (dois cliques seguidos) sobre a camada que você deseja renomear.
Você aprendeu no tutorial da aula 2 que, ao abrir uma imagem, ela é automaticamente colocada na camada
background (bg), camada de fundo ou inferior. Por padrão, as camadas mais novas são sobrepostas às anteriores. Isto
é, a partir da camada bg as outras camadas são colocadas acima.
Você também pode abrir uma camada vazia se precisar iniciar um desenho com o atalho Shift+Ctrl+N (Windows) ou
Shift+Command+N (Mac Os).
Às vezes, é necessário duplicar uma camada para fazer um efeito, uma correção, dentre outros. Você deve selecioná-la
no painel Camadas e teclar Ctrl+J (Windows) ou Command+J (Mac Os).
Observe na �gura que as camadas das imagens são trabalhadas no painel Camadas (Layers), localizado na coluna das
pranchetas de opção, em geral na parte inferior da área de trabalho.
Anatomia da prancheta de camadas
/
A. O menu da prancheta Camadas �ca localizado no lado direito da interface na barra de índices. Você aciona diversas
opções para as camadas, dentre elas a exportação rápida como PNG;
B. Filtro ou busca de camadas - Encontrado a partir do Photoshop CS6, foi criado para personalizar a camada através
de cores, nomes e outros recursos. É uma espécie de �ltro de busca;
C. Grupo de camadas - Serve para você organizar seu trabalho agrupando elementos e ações de um mesmo objeto;
 Fonte: Guia do Usuário Adobe Photoshop. Disponível em: https://helpx.adobe.com/br. Acesso em: 30 jul. 2019.
javascript:void(0);
/
D. Camada - Pode conter imagem, texto, formas, fundos, dentre outros;
E. Expandir/recolher efeitos da camada - Para reduzir a quantidade de informação no painel, é possível recolher e
expandir camadas;
F. Efeito da camada - Facilita a memorização do que já foi feito com a imagem;
G. Miniatura da camada - As camadas apresentam uma miniatura da imagem para facilitar o reconhecimento.
Ocultando camadas
Durante o processo do trabalho, você pode desejar ver se o efeito que fez �cou bom, se um determinado elemento é
necessário sem precisar apagá-lo, ou simplesmente comparar cores de fundos sem precisar pintar e repintar.
/
Você deve clicar no globo ocular para a imagem �car invisível na tela de pintura, mas permanecer no arquivo. É
possível tornar invisível na tela de pintura quantas camadas você desejar.
/
Agrupando camadas
Para agrupar camadas, o ideal é nomear o grupo. Por exemplo, uma marca colocada na tela de pintura que foi
construída com diversas camadas contendo símbolo, tipogra�as, fundo e efeitos de sombras e brilhos pode nomear o
grupo de marca ou logo.
Como fazer?
Selecione todas as camadas que você deseja agrupar e tecleCtrl + G (Windows) ou Command +G (Mac OS). O ideal é
que elas sejam empilhadas uma sobre a outra, em sequência.
Você também pode clicar sobre uma camada e, apertando o Ctrl (Windows) e Command (Mac OS), clique nas outras
camadas do grupo.
Trabalhando com �ltros
Os �ltros são utilizados para aplicar efeitos especiais e artísticos que podem transformar uma imagem fotográ�ca em um
desenho bitmap.
Os �ltros do Photoshop estão localizados no Menu>Filtro. Alguns �ltros são criados por outros desenvolvedores e
disponibilizados como plug-in.
Como aplicar �ltros básicos?
1. Você deve selecionar a camada do objeto que deseja trabalhar.
/
2. Em Menu, selecione Filtro>Galeria de �ltros. Experimente os �ltros, adicione diversos �ltros, altere o empilhamento e observe
as variações. Quando você estiver satisfeito, clique em OK.
/
Quando trabalhamos diretamente com o �ltro, não é possível retornar
para a imagem original após salvar o arquivo. O ideal é trabalhar com
�ltro inteligente na camada.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Saiba mais
Assista ao �lme do Adobe Photoshop explicando como utilizar a galeria de �ltros.
 Ações em camadas 
 Clique no botão acima.
javascript:void(0);
/
Organização das camadas
O Photoshop tem muitos recursos e efeitos de imagem e, para que o trabalho possa permanecer editável, o ideal é que
cada imagem �que em uma camada. É também recomendável que o usuário renomeie cada camada para encontrá-la
mais rapidamente.Quando a imagem é adicionada, a camada surge automaticamente com o nome Camada 1 (Layer 1), Camada 2 e
assim sucessivamente. Você pode usar, por exemplo, o nome do objeto (cão, barco, paisagem).
Como fazer? Basta dar duplo clique (dois cliques seguidos) sobre a camada que você deseja renomear.
Você aprendeu no tutorial da aula 2 que, ao abrir uma imagem, ela é automaticamente colocada na camada
background (bg), camada de fundo ou inferior. Por padrão, as camadas mais novas são sobrepostas às anteriores. Isto
é, a partir da camada bg as outras camadas são colocadas acima.
Você também pode abrir uma camada vazia se precisar iniciar um desenho com o atalho Shift+Ctrl+N (Windows) ou
Shift+Command+N (Mac Os).
Às vezes, é necessário duplicar uma camada para fazer um efeito, uma correção, dentre outros. Você deve selecioná-la
no painel Camadas e teclar Ctrl+J (Windows) ou Command+J (Mac Os).
Observe na �gura que as camadas das imagens são trabalhadas no painel Camadas (Layers), localizado na coluna das
pranchetas de opção, em geral na parte inferior da área de trabalho.
Anatomia da prancheta de camadas
/
A. O menu da prancheta Camadas �ca localizado no lado direito da interface na barra de índices. Você aciona diversas
opções para as camadas, dentre elas a exportação rápida como PNG;
B. Filtro ou busca de camadas - Encontrado a partir do Photoshop CS6, foi criado para personalizar a camada através
de cores, nomes e outros recursos. É uma espécie de �ltro de busca;
C. Grupo de camadas - Serve para você organizar seu trabalho agrupando elementos e ações de um mesmo objeto;
Fonte: Guia do Usuário Adobe Photoshop.
/
D . Camada - Pode conter imagem, texto, formas, fundos, dentre outros;
E. Expandir/recolher efeitos da camada - Para reduzir a quantidade de informação no painel, é possível recolher e
expandir camadas;
F. Efeito da camada - Facilita a memorização do que já foi feito com a imagem;
G. Miniatura da camada - As camadas apresentam uma miniatura da imagem para facilitar o reconhecimento.
Ocultando camadas
Durante o processo do trabalho, você pode desejar ver se o efeito que fez �cou bom, se um determinado elemento é
necessário sem precisar apagá-lo, ou simplesmente comparar cores de fundos sem precisar pintar e repintar.
Mesclagem de imagens
Como função mais elementar, a combinação de imagens a partir da ação Mesclar Camadas possibilita a redução de camadas,
organizando melhor o trabalho e a correção de con�itos na imagem.
A mesclagem é possível no caso de camadas regulares, camadas com opacidade abaixo de 100%, com objetos isolados que
oferecem visibilidade da camada inferior.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Você pode escolher a Opção de Mesclagem em Estilo de Camada, acionando no menu Camada> Opção de Mesclagem.
/
Como dar opacidade à camada?
A opacidade está disponível na caixa da Camada e varia de
0% a 100%. Quanto menor o valor, mais transparente será a
camada. Com 100%, a camada �cará opaca. A imagem
acima está recortada, então a transparência acontece
apenas no objeto (o cachorro).
Atenção
Não é possível alterar a opacidade de uma camada de plano de fundo ou de uma camada bloqueada.
Experimente trabalhar a opacidade da camada com textos e fundos. Você observará que é possível fazer efeitos de
transparência também com estes elementos da composição.
Saiba mais
/
Veja como converter uma camada de plano de fundo em uma camada regular.
 Modos de mesclagem 
 Clique no botão acima.
javascript:void(0);
/
Modos de mesclagem
Os modos de mesclagem, juntamente com a fusão de imagens, permitem efeitos como este:
Você acessa os modos de mesclagem (blending modes) na guia de Camadas e escolhe o efeito desejado.
Método básico de mesclagem
1. Selecione as camadas com as imagens que precisam ser mescladas. Na imagem do Layer 2 (Camada 2), o designer
reduziu a opacidade em 60% e escolheu o �ltro Multiplicação. Esse �ltro examina as informações de cor em cada
canal e multiplica a cor de base pela de mesclagem. A cor resultante é sempre mais escura.
/
Experimente no Photoshop os �ltros e opacidades utilizando duas ou três imagens.
Fusão de imagens com máscaras
A máscara da camada permite recortar mais rapidamente uma imagem para realizar diversos efeitos, como a fusão, pois
permite melhor tratamento do contorno. A máscara circunda a imagem, permitindo que você apague o fundo sem o risco de
dani�car a imagem.
1. É necessário que você crie a máscara na camada da imagem que você irá trabalhar.
/
2. Na opção Adicionar Máscara de Vetor, você criará a máscara para a imagem da camada.
3. Selecione com a varinha mágica a imagem ou outra ferramenta de seleção que você saiba manipular.
4. Após completar a seleção, utilize a borracha da caixa de ferramentas e apague o fundo.
5. Use, se preferir, o desfoque, para suavizar os contornos.
/
 Atividade
Questão 1: 
Nesta aula, você aprendeu a importância do uso das camadas do Photoshop para a organização do trabalho. Porém, a
camadas não se limitam a apenas organizar e ordenar as imagens a serem trabalhadas.
Marque V ou F para as sentenças que apresentam os outros recursos das camadas:
a) Mesclar imagens
b) Fazer fusão de imagens
c) Reduzir a opacidade da imagem
d) Permitir colorir a imagem
e) Ampliar e reduzir a imagem
Questão 2:
O uso de �ltros confere ao trabalho diversas aparências, inclusive artísticas. Quando trabalhamos com �ltros abertos em
Menu>Filtro, ocorre a destruição das imagens originais após salvar o arquivo.
Qual processo permite o uso de �ltros não destrutivos?
a) Trabalhar com filtro inteligente da camada.
b) Fechamento do arquivo em JPG.
c) Salvar o histórico do Photoshop.
d) Manter arquivos salvos com cada filtro utilizado.
e) Fechamento do arquivo em PSD.Referências
ADOBE. Aplicar �ltros básicos. Disponível em: https://helpx.adobe.com/br/photoshop/how-to/applying-�lters-basics.html.
Acesso em: 30 jul. 2019.
ADOBE. Aplicar Filtros Inteligentes e Galeria de Filtros. Disponível em: https://helpx.adobe.com/br/photoshop/using/applying-
smart-�lters.html. Acesso em: 30 jul. 2019.
ADOBE. Get organized with layer groups. Disponível em: https://helpx.adobe.com/br/photoshop/how-to/photoshop-reduce-
chaos-layer-groups.html. Acesso em: 30 jul. 2019.
ADOBE CREATIVE TEAM. Adobe Illustrator CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2010.
ADOBE CREATIVE TEAM. Adobe InDesign CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2009.
ADOBE CREATIVE TEAM. Adobe Photoshop CS4. [recurso eletrônico]. Porto Alegre: Bookman, 2009.
javascript:void(0);
javascript:void(0);
javascript:void(0);
/
GAMBA JR. Computação grá�ca para designers: dialogando com as caixas de diálogo. Rio de Janeiro: 2AB, 2003.
PERSIANO, Ronaldo César Marinho. Introdução à computação grá�ca. Belo Horizonte: UFMG, 1986.
SILVA, R. P. A. Computação grá�ca e editoração eletrônica. Rio de Janeiro: SESES, 2015.
Próxima aula
Correção de cores e tonalidades;
Uso de tipogra�as;
Fechamento de arquivos.
Explore mais
Acesse Conceitos básicos do Photoshop: introdução às camadas.
javascript:void(0);