Computação Gráfica 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,
filtros 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 filtros, opacidades e cores das camadas;

Identificar 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 filtros que
permitem efeitos profissionais 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áficos, fundos texturizados.

Elas suportam desde uma ação extremamente sofisticada 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 (filtros, fusões,
seleções) após o fechamento do arquivo.

Exemplo
Um diretor de arte fez uma arte-final 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 fique 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 figura 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

 Fonte: Guia do Usuário Adobe Photoshop. Disponível em: https://helpx.adobe.com/br. Acesso em: 30 jul. 2019.

A. O menu da prancheta Camadas fica 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 filtro de busca;

C. Grupo de camadas - Serve para você organizar seu trabalho agrupando elementos e ações de um mesmo objeto;

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 ficou 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 ficar 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, tipografias, 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 filtros

Os filtros são utilizados para aplicar efeitos especiais e artísticos que podem transformar uma imagem fotográfica em um
desenho bitmap.

Os filtros do Photoshop estão localizados no Menu>Filtro. Alguns filtros são criados por outros desenvolvedores e
disponibilizados como plug-in.

Como aplicar filtros básicos?

1. Você deve selecionar a camada do objeto que deseja trabalhar.

2. Em Menu, selecione Filtro>Galeria de filtros. Experimente os filtros, adicione diversos filtros, altere o empilhamento e observe
as variações. Quando você estiver satisfeito, clique em OK.
Quando trabalhamos diretamente com o filtro, não é possível retornar
para a imagem original após salvar o arquivo. O ideal é trabalhar com
filtro inteligente na camada.

Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online

Saiba mais
Assista ao filme do Adobe Photoshop explicando como utilizar a galeria de filtros.

 Ações em camadas

 Clique no botão acima.

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 fique 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 figura 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

Fonte: Guia do Usuário Adobe Photoshop.

A. O menu da prancheta Camadas fica 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 filtro de busca;

C. Grupo de camadas - Serve para você organizar seu trabalho agrupando elementos e ações de um mesmo objeto;

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 ficou 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 conflitos 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 ficará 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.

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 filtro Multiplicação. Esse filtro 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 filtros 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
danificar 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 filtros confere ao trabalho diversas aparências, inclusive artísticas. Quando trabalhamos com filtros abertos em
Menu>Filtro, ocorre a destruição das imagens originais após salvar o arquivo.
Qual processo permite o uso de filtros 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.
Referências
e) Fechamento do arquivo em PSD.

ADOBE. Aplicar filtros básicos. Disponível em: https://helpx.adobe.com/br/photoshop/how-to/applying-filters-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-filters.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.

GAMBA JR. Computação gráfica para designers: dialogando com as caixas de diálogo. Rio de Janeiro: 2AB, 2003.

PERSIANO, Ronaldo César Marinho. Introdução à computação gráfica. Belo Horizonte: UFMG, 1986.

SILVA, R. P. A. Computação gráfica e editoração eletrônica. Rio de Janeiro: SESES, 2015.

Próxima aula

Correção de cores e tonalidades;

Uso de tipografias;

Fechamento de arquivos.

Explore mais

Acesse Conceitos básicos do Photoshop: introdução às camadas.