Impressão • Acabamento

Gráfica Comunicare
Rua das Amoreiras, 441 • Jardim Marize • Alm. Tamandaré • 83507-630
Fone: (41) 3029-8088 • Fax: (41) 3026-8044
www.comunicare.com.br • comunicare@comunicare.com.br

PREPPES
Design Digital
Curitiba: PREPPES, 2020
120 p. il.

Impresso no Brasil
Printed in Brazil
2020

Rua Marechal Deodoro, 314 - Centro - Curitiba/PR

Telefone: (41) 3112-2112
 APRESENTAÇÃO

Por que aprender a usar o Photoshop? Muito simples, ele é o melhor programa para edição
de imagens. Usado por profissionais do mundo inteiro, sejam Fotógrafos, Designers Gráficos ou
Web Designers, todos tiram grande proveito desta que é sem dúvida a melhor ferramenta para o
tratamento de imagem.

Neste módulo você terá a oportunidade de trabalhar com as ferramentas mais úteis para poder
produzir um bom resultado, seja para um material impresso ou para web. Durante os dois meses que
dura o curso você será levado para o mundo maravilhoso e criativo do Photoshop.

Serão trabalhados desde os recursos mais simples como retirar uma espinha em uma foto,
colocar uma tatuagem que deseja (apenas na foto), poderá trocar a cor dos olhos e do cabelo até
recursos mais sofisticados como restaurar fotos com defeitos.

Este material não abrangerá os recursos avançados do programa, isso não quer dizer que
serão trabalhados só recursos básicos. Venham para este mundo criativo e colorido. Divirta-se com
grandes produções.

O Autor.
 Sumário

Aula 1 - Primeiros Passos 10

Objetivos do curso 11
Fotografia e o mercado de trabalho 11
Eu vou ser freelancer - Trabalhando em casa 12
Minha base de clientes 12
O que são softwares editores de imagens 13
Iniciando o Photoshop – A área de trabalho 13
Dimensões e resolução da imagem 14
Ajustes na tela de pintura 14
Salvando em PSD 15

Aula 2 - Fotografias e imagens 18

Fotografia e o Photoshop 19
Imagem ou fotografia? 19
Captura de imagens - Equipamentos 20
Imagem pictórica, estática e em movimento 20
Formatos de imagens 21
Objetivos do curso 21
De volta ao Photoshop - Organizando as janelas 22
Os modos de visualização e os recursos de zoom 22
O primeiro ajuste – Brilho e contraste 23

Aula 3 - Camadas 26
O que são as camadas? 27
Principais propriedades das camadas 27
Criação e organização de camadas 27
Criar camada e grupos 28
Exibição, ocultação e bloqueio 28
Camadas de ajustes 28
Objetos inteligentes 29
Opacidade e mesclagem 30

Aula 4 - Ajustes de imagens e cores 34

Teoria das cores 35
Modos de cores 35
Matiz, saturação e luminosidade 36
Filtro de fotos 37
Painel de cores e amostras 37
Escolha de cores e o seletor 37
Objetivos do curso 38

Aula 5 - Seleções 42
Editoração de imagens com seleções 43
Seleções por letreiros 43
Seleção por laço 43
Seleção rápida e varinha 44
Ferramenta seleção rápida 45
Ajustando as seleções 45
Montagens 46

Aula 6 - Ajustes, retoques e remoção 50

Ferramentas de ajuste e retoque 51
Pequenos retoques 51
Remoção de olhos vermelhos 53
Remoção de objetos grandes 54
Aula 7 - Vetores no Photoshop 56
Desenho vetorial no Photoshop 57
Demarcadores 57
A ferramenta caneta 58
Pontos de ancoragem 59
Vetorizando uma imagem 59
Baixando vetores para o Photoshop 61

Aula 8 - Vetores no Photoshop 64

Criando um texto 65
Harmonia entre textos e imagens 66
Formatando e distorcendo um texto 66
Caracteres e parágrafo 67
Efeitos no texto 67

Aula 9 - Filtros 72
O que são os filtros? 73
Galeria de filtros 73
Utilizando vários tipos de filtros 74

Aula 10 - Filtros – Parte II 80

De volta a galeria de filtros 81
A combinação de filtros 83
Filtros inteligentes 83
Filtros da Digimarc 83
Filtros Online 84

Aula 11 - Recursos e complementos 86

Ponto de fuga 87
Impressões 88
Maximizar compatibilidade 89
Ferramenta história da arte 89
Salvar para a Web 90
A criação de um PDF 90

Aula 12 - Combinando recursos 92

Combinação para efeitos 93
Combinação para textos 95

Aula 13 - Editor online + app 98

Vantagens da edição online 99
Usando o Pixlrs Editor 99
App Photoshop Express 101

Aula 14 - Editando com o GIMP 106

O que é o GIMP? 107
Comunidade GIMP 107
Interface do programa 108
Manipulando imagens usando camadas 108
Seleções e recortes 109
Corrigindo problemas de imagem 110

Aula 15 - Editando com o GIMP – Parte II 112

Ferramentas de pintura 113
Ajustes de tons e cores 114
Trabalhando com texto 115
Explorando os filtros 115
Exportando um projeto no GIMP 116
Finalizando o projeto do curso 116
 Apresentação
Olá aluno (a)!

Se você quer se especializar cada vez mais neste mundo dinâmico do design gráfico, então
com certeza não poderá deixar de conhecer o potencial da edição de imagens. Para isso escolhemos,
lógico, o carro-chefe da área - o Photoshop - o melhor programa para edição de imagens que o
mercado possui. Usado por profissionais do mundo inteiro, sejam eles fotógrafos, designers gráficos
ou web designers, todos conseguem produzir peças gráficas de excelente qualidade, sejam elas para
fins comerciais ou não.
Neste módulo você terá a oportunidade de trabalhar com esta e outras ferramentas que lhe
dará o poder de produzir um ótimo resultado visual, seja para um material impresso ou para web.
Durante os dois meses, você atuará como se fosse um profissional freelancer, ou seja, vai aprender
que é possível usar suas habilidades de designer para ganhar o seu próprio dinheiro. E melhor ainda:
onde estiver e no momento que desejar.
Vamos introduzir trabalhos simples, desde os recursos para retirar machas ou trocar a cor dos
olhos e do cabelo, até recursos mais sofisticados como restaurar fotos com defeitos. São opções
práticas que vão permitir a sua evolução profissional.
O mundo do Photoshop é muito mais completo do que você imagina. Este material vai
explorar os conceitos e recursos mais importantes que a plataforma dispõe. Aproveite as dicas dos
professores, as pesquisas na internet, a base de informações da apostila, e aprenda. A prática leva a
perfeição e, certamente, você poderá se tornar craque no assunto.

Seja um diferencial no mercado.

Um ótimo trabalho a todos.

Aula 1

Primeiros Passos
Objetivo do curso
Fotografia e o mercado de trabalho
Eu vou ser freelancer - Trabalhando em casa
Minha base de clientes
O que são softwares editores de imagens
Iniciando o Photoshop – A área de trabalho
Dimensões e resolução da imagem
Ajustes na tela de pintura
Salvando em PSD
 Objetivos do curso
O mundo ligado ao design gráfico é bem mais amplo
do que você imagina. Ele se estende além dos horizontes da
edição vetorial, buscando espaço dentro a edição de imagens
e fotografias. E é sobre isso que vamos falar a partir de hoje.
Vamos começar a falar da edição de imagem por meio
de uma brincadeira que já circulou bastante nas redes sociais
e que de certa forma foi bem criativa. O desafio era: “Cara,
já que você é bom mesmo no Photoshop, então faz uma
montagem aí e me coloca aí com um físico top!”. O autor da
montagem não perdeu a piada e colocou mesmo um físico top.
Brincadeiras à parte, hoje em dia, devido a facilidade
do uso das máquinas digitais, uma mesma pose pode gerar dezenas de cliques e fotos. Ou uma
mesma sessão destas fotos pode se transformar numa coleção de centenas de poses e imagens
diferentes. Mas nem sempre essas fotos vão corresponder a todas as suas expectativas, necessitando
quase sempre de uma correção aqui, um filtro ali, um ajuste acolá, tudo para deixar aquelas fotos
mais próximas da qualidade que você deseja. É por isso que pensamos este módulo, para que você
aprenda a dar vida às cores, remover objetos indesejáveis, endireitar imagens, recuperar aquela foto
antiga, entre muitos outros recursos que só os melhores aplicativos de edição podem fazer. Ah, e
não vamos esquecer que isto é apenas mais uma parte essencial do trabalho do designer gráfico.

Fotografia e o mercado de trabalho

Antes de aprofundar no assunto, que tal saber como anda o mercado para alguém que curte
muito fazer tratamento e edição de fotografias? Se você já sentiu uma atração especial pela área,
saiba que edição de imagens tem espaço seguro dentro do mercado de trabalho, seja como freelancer
ou contratado de grandes empresas de marketing, revistas, agências de publicidade, entre outros.
O mercado é realmente bem amplo. Você pode atuar em empresas que lidam com a
montagem e editoração de grande quantidade de imagens, de qualquer natureza. Por isso, o mercado
se torna exigente no momento em que ele quer contratar profissionais que tenham conhecimento
bem explorado nas escolas profissionalizantes. Daí em diante - se ele é formado nas áreas de
comunicação, como jornalismo ou publicidade e propaganda – vai conforme a empresa que contrata.
E quanto ganha um profissional que lida com edição de fotos? Segundo um levantamento da
Catho Online e o site Edools, a média salarial pode variar conforme a empresa na qual é feito o
trabalho, levando em conta a experiência e as especializações. A média pode variar a partir de R$
1,5 mil e chegar até R$ 2,5 mil. Isso levando em conta o papel de trabalho com imagens, diferente
do ramo de atuação de um designer gráfico que vai explorar mais ferramentas.

11
 Eu vou ser freelancer - Trabalhando em casa

Ser ou estar freelance é uma forte tendência nos dias atuais. Reconhecer o seu talento e
aplicá-lo como força de trabalho próprio tem atraído milhares de pessoas, jovens e/ou os mais
experientes. Cada um no seu ramo, fazendo o melhor para conquistar uma base de clientes sólida.
Mas o que significa ser freelance? É ser um profissional autônomo (que trabalha por conta
própria) em diferentes ramos de negócios, de forma independente. Por isso, conhecer as vantagens é
essencial para extrair o melhor deste tipo de trabalho e obter resultados positivos como profissional
autônomo. Veja algumas:

• Fazer networking, ou seja, criar e manter uma rede de contatos importantes para o negócio;
• Ter flexibilidade para trabalhar, com seus horários organizados por você mesmo;
• Adquirir experiência profissional que às vezes as empresas tradicionais custam a oferecer,
principalmente ao mais jovens;
• Aprendizagem constante, principalmente por causa da flexibilidade de horários;
• Trabalhar onde quiser, podendo ser em um coworking (espaço compartilhado) ou até mesmo
dentro da sua própria casa.

Minha base de clientes

Ser freelancer e trabalhar por conta própria é uma realidade cada vez mais interessante,
principalmente para quem não tem tanta experiência. Mas para que o resultado financeiro apareça
de verdade é preciso montar sua primeira base de clientes reais. Isso parece difícil num primeiro
momento, mas é perfeitamente possível. E existem caminhos para isso:
1 – Montar seu portfólio – com certeza você precisa de um lugar para expor seus trabalhos,
sejam ele reais ou fictícios, como forma de atrair clientes. Existem ferramentas online interessantes
para isso.
2 – Faça um cartão de visitas bem criativo e distribua em momentos que você estiver reunido
com muitas pessoas. Vale também usar outros meios de divulgação, tais como redes sociais.
3 - Pegue o telefone e o e-mail das pessoas e envie uma pequena mensagem oferecendo o
serviço de design e se colocando à disposição. Aproveite aqui para apresentar seu portfólio.
4 – Respeite o cliente atendendo as expectativas e dentro do prazo. Tenha certeza de que ele
vai recomendar você rapidinho.

12
 5 - Mantenha uma boa relação com seus clientes.

O que são softwares editores de imagens

Como sabemos, uma boa imagem vale mais que 1000 palavras. Sendo assim, temos uma
necessidade enorme de criar imagens atrativas seja para sua vida pessoa ou para qualquer negócio.
Para isso, existem os chamados editores de imagens, que surgiram com o propósito de tornar esse
processo simples e prático. No mercado atual existem várias opções, permitindo a você escolher
a que melhor se encaixe as suas necessidades. Vale lembrar apenas que alguns deles são pagos e
outros gratuitos, uns com muitos recursos, outros nem tanto. Nesta lista temos o líder de mercado – o
Photoshop – além de outros que fazem um trabalho tão bacana quanto. São eles:
Gimp (https://www.gimp.org/) - projeto aberto que permite contribuições de desenvolvedores e
usuários ao redor do mundo. Vamos falar dele ainda neste curso.
Photoscape (http://www.photoscape.org) - ideal para quem não tem experiência com softwares de
edição, pois permite fazer colagens, com gifs animados, conversão de fotos em formato RAW, entre
outros.
O Polarr (https://www.polarr.co) - é uma boa opção para quem precisa de um editor de imagens
simples, que ocupe pouco espaço. Ele permite que você corte, aplique filtros e ajuste cor, luz,
saturação, entre outros aspectos das suas imagens.

Iniciando o Photoshop – A área de trabalho

Vamos começar, a partir de hoje, a colocar a mão na massa, entendendo um pouco da
ferramenta que vamos usar ao longo do módulo. Estamos falando do famoso Adobe Photoshop -
um software definido como editor de imagens bidimensionais e desenvolvido pela Adobe Systems
– além de ser considerado o líder no mercado dos editores de imagem profissionais. É tão famoso
que hoje existe um termo no Brasil chamado photoshopar, que nada mais é do que o retoque feito
em imagens com a intenção de melhorar o seu resultado.
Para começar, vamos entender as partes principais da ferramenta.

13
 (A): O Painel Ferramentas é o espaço que contém ferramentas para edição de imagens e
criação de arte, sendo que as similares estão agrupadas.
(B): A Barra de menus mostra os menus que dão acesso a uma variedade de comandos,
ajustes e painéis.
(C): A Barra de opções exibe opções para a ferramenta que você está trabalhando atualmente.
(D): Os Painéis incluem Cor, Camadas, Propriedades e outros painéis que contêm uma variedade
de controles.
(E): A janela do documento exibe o arquivo no qual você está trabalhando atualmente. Vários
documentos abertos são exibidos em guias na janela do documento.

Dimensões e resolução da imagem

Os trabalhos começam a ser realizados a partir da abertura de uma imagem qualquer
guardada no seu computador ou criando uma imagem nova, ambos dentro do menu Arquivo –
Novo e Arquivo - Abrir. No exemplo ilustrado abaixo vamos criar uma nova imagem ajustando
alguns dados importantes, como a predefinição (você pode personalizar a predefinição digitando seus
próprios valores, como largura e altura), a resolução (defina o número de pixels por polegada para
300 para imprimir em uma impressora a jato de tinta comum), o modo de cores que você aprendeu
anteriormente e por fim o plano de fundo, se ele será branco, um cor de fundo ou transparente.

Ajustes na tela de pintura

Para ficar bem claro, existem dois tamanhos do espaço de trabalho a serem considerados: o
tamanho da imagem e o tamanho da tela de pintura. Esta segunda é a área total editável em torno
da imagem existente. A diminuição dessa tela, corta dentro da imagem. Já o aumento dela expande o
espaço para fora da imagem. Para editar os dois tipos vá em Imagem – Tamanho da imagem e/ou
Imagem - Tamanho da Tela de Pintura. Basta digitar as novas larguras e alturas e escolher a Cor da
extensão da tela de pintura para já apresentar a mudança desejada.

14
 Ainda, em relação a tela de pintura, você pode
ancorar o tamanho, indicando onde posicionar a imagem
existente na nova tela de pintura.
Veja como fica a área de trabalho com essa
expansão da tela de pintura e utilizando a cor cinza.

Salvando em PSD
Para salvar um arquivo no Photoshop usamos o menu Arquivo - Salvar ou Arquivo -
Salvar como. Em ambos, o formato salvo será .PSD, o que vai manter as camadas, o tipo e outras
propriedades editáveis do Photoshop. Se optar por salvar em formato JPEG (.jpg) ou PNG (.png), as
características editáveis são perdidas, sendo possível apenas compartilhar. Por isso, se a sua missão
é gerar um PNG, por exemplo, o melhor é terminar todo trabalho antes de salvar neste formato.

O que você aprendeu hoje?

15
 Atividades
Atividade 1 – Analisando o mercado
1
Faça uma pesquisa simples em sites de
empregos e de recrutamento sobre as vagas
disponíveis para edição de imagens e fotografias.
Anote quais as exigências, as habilidades
desejadas, o salário oferecido e os benefícios.
Comece a montar o banco de possibilidades. Obs.:
O exemplo na imagem ao lado foi retirado do site
Infojobs para uma vaga disponível na cidade de
Concórdia/SC.

2 Atividade 2 – A criatividade em jogo

Claro que você já brincou do jogo dos sete erros. Será que um software de edição de imagens
permite criar essa possibilidade? Claro que sim. Veja o exemplo abaixo criado com a utilização do
Photoshop. Jogue agora, pois lá na frente você vai aprender a criar um e de forma profissional.

Projetando
A proposta
Você e um amigo resolveram dar uma chance para si mesmos buscando
uma “nova carreira profissional”. Avaliaram vários ramos de atividades, observaram
o mercado como um todo e chegaram à conclusão de que a fotografia e a edição
de imagens são ótimas oportunidades de negócios nos dias atuais. Há 6 meses
vocês fizeram um curso básico de fotografia, ali mesmo na instituição de ensino
que estudam e agora vão investir bastante no conhecimento relacionado a edição de imagens. Ainda
não pretendem abrir uma empresa, mas querem ir, juntos, testando o mercado com trabalhos como
freelancers. Para isso, pensaram em um projeto com a captura de clientes e a montagem de um
portfólio virtual com os trabalhos realizados ao longo dos dois próximos meses. Se tudo correr bem,

16
os dois amigos vão transformar aquela ideia numa empresa de verdade.

A justificativa
O mercado de trabalho voltado a edição de imagens e fotografias está bem
aquecido. Atualmente, muitas pessoas tem feito uma revolução na carreira, escolhendo
novas profissões rentáveis e dinâmicas, como a fotografia e o próprio trabalho de
editá-las. Também, ser um freelancer logo no início de carreira ajuda a aprender a
lidar diretamente com um cliente, ter datas e responsabilidades de entrega, entender
a ideia do cliente, entre outros, que podem ser grandes diferenciais para quem está
começando.

Como será feito?

A cada aula os alunos irão receber uma demanda de mercado simulada pelo professor. A
execução estará interligada com a interpretação da informação hipotética, datas de entrega e o
portfólio virtual que ele deve alimentar continuamente, à medida que as atividades forem sendo
realizadas. O projeto só será um sucesso se o portfólio estiver devidamente apresentável ao final do
módulo.

Como serão os times?

Formação de duplas, sendo que cada aluno montará seu próprio portfólio interligado ao colega
da parceria.

O resultado
Ao final deste módulo, cada aluno deverá entregar um portfólio virtual simples com todos os
trabalhos realizados.

Padrão
Vamos chamar cada etapa do projeto pelo código Enúmerodaetapa e cada tarefa por
Tnúmerodatarefa. Exemplo: para esta aula chamaremos de E1, T1 e T2.

A primeira etapa é a exploração inicial do nosso projeto. Como trabalhar com

design gráfico parece ser algo mais interessante do que se imagina, então conhecer
outras ferramentas faz todo sentido. E não vamos deixar que você esqueça de que “só
é visto quem realmente aparece”. E o portfólio vai fazer este trabalho.

Como você já aprendeu a montar um cartão de visitas eficiente e, provavelmente já

tem um modelo pronto, que tal ajustar para que ele se torne o seu cartão de visitas como
freelancer. O caminho da base de clientes começa por aí.

Monte o seu portfolio utilizando o site https://www.behance.net/. Ele é prático e vai

atender as expectativas para o seu trabalho. Você pode conectar sua conta Google para
isso, mas certamente vai exigir um código de verificação que será enviado no e-mail. O
seu professor vai dar todas as orientações para criar o seu projeto dentro da plataforma.

17
 Aula 2

Fotografias e imagens
Fotografia e Photoshop
Imagem ou fotografia?
Captura de imagens - Equipamentos
Imagem pictórica, estática e em movimento
O que é imagem digital?
Formatos de imagens
De volta ao Photoshop - Organizando as janelas
Os modos de visualização e os recursos de zoom
O primeiro ajuste – Brilho e contraste

18
 Fotografia e o Photoshop
A fotografia sempre esteve presente na minha vida e, com certeza, na sua. Mas nem sempre
foi tão fácil como é hoje. Grandes máquinas fotográficas e horas de revelação em quartos escuros
ficaram para trás. Com a mudança para o digital muitos profissionais tiveram que se adaptar bem
rapidamente para atender ao novo mercado que crescia. Foi aí que muitos se profissionalizaram
na carreira se qualificando em novas ferramentas de edição e outros simplesmente preferiram
abandonar por não conseguir se adaptar as mudanças.
E nessa evolução foi o Photoshop quem ganhou espaço e conquistou o nosso coração. Naquela
época, chegar a um resultado fotográfico criativo era complicado (foto ao
lado). Hoje em dia é raro a gente não olhar para uma foto profissional e não
identificar algum filtro ou alguma edição, principalmente aquelas de revistas,
jornais, sites, entre outros.
Além da publicidade, claro, o Photoshop é muito útil também na
vida das pessoas. Só não vale usar para o lado errado, como por exemplo
divulgar notícias falsas ou representar situações que não existem, como é
o caso da famosa imagem em que o então Primeiro Ministro italiano, Sílvio
Berlusconi, aparece em um comício com um público muito maior do que o
real, em foto publicada em uma revista. (Fonte da imagem: Revista Galileu).
Aí não, né?

Não há limites para o uso do Photoshop, basta usar

bem a imaginação, criatividade e conhecimento técnico do
software.

Imagem ou fotografia?
Pode ser que surjam algumas confusões quando falamos de
imagem e de fotografia. Para tentar ajudar a esclarecer isto, podemos
dizer que a imagem pode ser definida como uma representação visual
de alguma coisa, seja real ou não, como por exemplo uma pintura,
seu reflexo no espelho ou uma escultura. Neste caso, considerando

19
 o conceito geral, toda fotografia é também é uma imagem. O que acontece é que a fotografia é
uma imagem produzida através de uma câmera fotográfica. Portanto não é errado nos referirmos à
fotografia usando a palavra imagem.

Captura de imagens - Equipamentos

Gosta de fotografia? Quer se aprofundar um pouco mais no assunto? Antes de começar
qualquer trabalho fotográfico, temos que ter em mãos um equipamento bom e que permita um
trabalho de qualidade. Seguindo essa lógica, podemos entender que antes de sair comprando uma
máquina fotográfica qualquer por aí, temos que ter em mente qual será nosso objetivo com ela.
As Câmeras D-SLR (Digital Single Lens Reflex) é uma versão
digital para as antigas câmeras de filme SLR. É comum hoje em dia as
pessoas se referirem às câmeras D-SLR como câmeras profissionais,
o que não é verdade, visto que as câmeras profissionais estão sim
dentro desse grupo, mas não são as únicas que o compõe. As de
melhor qualidade possuem um custo um pouco maior, se comparado
ao das máquinas compactas.
Já as câmeras digitais compactas são mais baratas, justamente por
serem compactas. Simples assim. O funcionamento de uma câmera digital
compacta não se assemelha nem um pouco, se comparado ao da D-SLR,
pois lá a luz captada pela máquina passa diretamente pelo jogo de lentes
e é “estampada” no sensor. O jogo de lentes faz uma diferença enorme na
câmera. Mas a grande vantagem das máquinas compactas é, com certeza, o
valor, pois você consegue encontrar câmeras com valores muito mais acessíveis e ainda assim com
boa qualidade.
Mas para responder à pergunta custo x benefício, pergunte a você mesmo: “Qual a finalidade
de uma câmera para mim?”, “A máquina compacta satisfaz minhas necessidades?”, “Eu preciso
realmente de uma câmera de porte maior?”. Respondendo a elas, terá condições de escolher.

Imagem pictórica, estática e em movimento

Algumas diferenças entre as imagens precisam ser consideradas. Imagens pictóricas, por
exemplo, são imagens facilmente identificáveis de pessoas, animais ou coisas que mostram claramente
o lugar e hora específicos em que algo ocorreram. Elas são produtos de uma ação natural. As imagens
abstratas são diferentes de imagens pictóricas, pois elas não representam uma determinada pessoa,
coisa ou lugar. Em vez disso, elas chamam a atenção para um estado de espírito ou sentimento,
enquanto expressam seus valores estéticos individuais.
Já as imagens estáticas são aquelas que não transmitem
qualquer sensação de movimento ou vivacidade. Mesmo
sendo estática, ela pode transmitir personalidade ou se tornam
interessantes para quem a vê.
As imagens em movimento ou dinâmicas criam a ilusão de
movimento, simplesmente porque as disposições dos elementos
visuais causam uma “confusão” no cérebro, o que faz com que a
imagem pareça estar se movimentando, mas na verdade é uma imagem estática.

20
 O que é imagem digital?

Mesmo que já tenhamos falado um pouco sobre o assunto, vale reforçar que uma imagem digital
é a representação de uma imagem qualquer usando números binários codificados de modo a permitir
seu armazenamento e processamento por meios eletrônicos. E como você já viu anteriormente,
elas se dividem em imagens bitmaps (rastreio) e imagem vetorial. A primeira é aquela cuja formação
acontece por pontos coloridos chamados de pixels. Já a segunda é
formada por funções gráficas que simulam a montagem dos vetores.
O que vale observar nas imagens digitais são as suas resoluções.
A qualidade de uma imagem digital se dará sobre dois aspectos: a
quantidade de pixel por polegada (PPI), e o número de pixels na horizontal
e na vertical (tamanho da imagem em centímetros). Se uma imagem,
por exemplo, tem 2048 x 1419 significa que ela tem 2048 pixels na
horizontal e 1419 na vertical.
Para uma boa definição é preciso que a imagem tenha 300 PPIs
(pixels per inch, ou, pixels por polegada). Isso permite que se faça uma
cópia de alta qualidade em papel fotográfico.
Uma observação importante: se a câmera do seu celular, por
exemplo, permite uma imagem de 16 Mega Pixels, significa que ela pode
ter 8.000 pixels x 2.000 pixels. Mas isso não necessariamente quer dizer
que esta imagem é de alta qualidade, porque ainda falta a relação com a
quantidade de pixels por polegada (PPIs) da imagem.

Formatos de imagens
A maioria dos formatos de imagens digitais são precedidos por um cabeçalho que contém
atributos (dimensões da imagem, tipos de codificação, etc.), seguido dos dados da imagem em si. Os
mais comuns são:
JPEG - Joint Photographic Experts Group - É o formato mais utilizado e conhecido atualmente,
principalmente na internet por ter uma compactação excelente, algo fundamental ao meio, e por
suportar até 16.777.216 cores distintas.
TIFF - Tagged Image File Format - Arquivo padrão para impressão industrial (offset, rotogravura,
flexogravura), capaz de armazenar imagens true color (24 ou 32 bits).
GIF - Graphics Interchange Format - Criado para ser usado extensivamente na Internet,
suportando imagens animadas e 256 cores por frame.
BMP - Windows Bitmap - Normalmente usados pelos programas do Microsoft Windows. Como

21
 não utiliza nenhum algoritmo de compressão, o formato apresenta as fotos com maior tamanho.
SVG - Scalable Vector Graphics - É um formato vetorial, criado e desenvolvido pelo World
Wide Web Consortium.
PNG - Portable Network Graphics – Muito usado na internet e com alta compressão. Permite
comprimir as imagens sem perda de qualidade, ao contrário de outros formatos, como o JPG.
RAW - Família de formatos de arquivo RAW - Refere-se à família de formatos de imagem
RAW que são originados pela maioria das câmeras digitais profissionais. O formato RAW não é
padronizado nem documentado, e difere de fabricante para fabricante.

De volta ao Photoshop - Organizando as janelas

Na volta ao Photoshop, vamos aprender que é possível
criar uma área de trabalho totalmente personalizada movendo e
manipulando as janelas e painéis que você vai usar na sua edição.
Isso facilita muito o trabalho. Além disso, é possível salvar áreas de
trabalho e alternar entre elas.
Para reorganizar a ordem das janelas de uma área de trabalho
ativa, basta arrastar uma guia de janela para o novo local no painel
a direita. Se quiser desencaixar (flutuar) uma janela arraste a guia da
janela para fora do painel.
E se uma determinada janela não estiver no painel? Basta
acessar o menu Janela e então adicionar aquela que desejar.
Como dissemos, é possível criar áreas de trabalho específicas
para o seu uso. Isso significa que você pode criar uma área
personalizada com as janelas e o painel que desejar. Para isso, basta
ir em Janela – Área de trabalho – Nova área de trabalho.

Você pode também alternar entre as áreas de trabalho na

barra de aplicativos no canto superior direito ou no menu Janela.
Para excluir uma área de trabalho personalizada clique neste
mesmo botão e selecione a área de trabalho e, em seguida, clique
em Excluir. Importante: você só exclui uma área que não está ativa no momento.

Os modos de visualização e os recursos de zoom

É possível alterar os modos de visualização das imagens na tela do Photoshop. Também é
possível mostrar ou ocultar a barra de menus, a barra de título e as barras de rolagem. Para isso, use
o menu Visualizar - Modo de Tela e escolha entre as opções Modo de Tela Padrão, Modo de Tela
Cheia com Barra de Menus ou Modo de Tela Cheia.

22
 No caso do zoom, use a ferramenta exclusiva lá da barra de
ferramentas ou no menu Visualizar. Ao selecionar a ferramenta
Zoom, cada clique amplia ou reduz a imagem de acordo com a
porcentagem predefinida. O limite de ampliação é de 3200% o
de redução é de 1 pixel.

Por padrão, o zoom é feito através do clique. Mas você

poderá ir no menu Editar – Preferências – Geral e marcar a
opção aplicar o zoom com o botão de rolagem do mouse.

O primeiro ajuste – Brilho e contraste

Uma imagem feita com uma câmera digital ou um celular podem não estar de acordo com as
suas pretensões. Às vezes ela fica clara demais ou escura demais. Nesta situação, o ajuste de brilho
e contraste resolve o problema. Com a imagem aberta, use o menu Imagem - Ajustes - Brilho/
Contraste. O seu professor vai dar as orientações corretas de como fazer. Mas, por enquanto, veja o
exemplo de uma imagem da série Game of Thrones.

O que você aprendeu hoje?

23
 Atividades
1 Atividade 1 – Organizando o espaço de trabalho

Não adianta montar um portfólio para seus trabalhos com edição de imagens se ele não for
alimentado com uma certa frequência. E dependendo dessa frequência, a rapidez se faz necessária.
E essa rapidez só vem se tudo estiver organizado. Então, monte e organize uma área de trabalho no
Photoshop para você. Monte com os recursos que achar mais prático. O seu professor vai te orientar.

Projetando
Ainda estamos na fase de descoberta do Photoshop. Muitas coisas serão
exploradas aqui e cada uma delas com funções diferentes. O ideal é abrir um espaço
no seu caderno para ir anotando tudo aquilo que é importante, uma vez que uma
combinação de recursos será necessária em tarefas seguintes.

Uma pessoa contratou um serviço de fotografia para um determinado conjunto

de fotos. Porém, ao recebê-las percebeu que tinha contratado um fotógrafo sem muita
experiência, pois algumas fotos ficaram escuras e outras com excesso de luz. Para
resolver a situação ele pediu sua ajuda na edição das imagens. Faça os ajustes necessários e guarde
os melhores trabalhos no seu portfólio.

24
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

25
 Aula 3

Camadas
O que são camadas?
Principais propriedades das camadas
Criação e organização de camadas
Exibição, ocultação e bloqueio
Camadas de ajustes
Objetos inteligentes
Opacidade e mesclagem

26
 O que são as camadas?
Imagine que você tem várias daquelas folhas de papel transparentes,
muito usadas para copiar desenhos. Se cada uma delas tiver um desenho
simples e você empilhar umas nas outras, certamente será possível ver os
desenhos nas folhas de baixo, sendo que as mais próximas do topo são mais
visíveis. Se quiser, pode pegar uma folha que está lá embaixo e colocar por
cima de todas. E quanto mais transparente for, mais visível fica a de baixo.
Entendeu? É assim que funcionam as camadas no Photoshop. Cada folha é
como se fosse uma camada.
Você pode mover uma camada para posicionar o conteúdo em qualquer
ponto do desenho, além e alterar a transparência, também conhecida como
opacidade, para deixar a camada com o nível de transparência desejado.

Principais propriedades das camadas

As camadas também tem suas propriedades e que precisam ser entendidas. Vejam:
• Uma nova imagem possui uma única camada;
• As camadas podem conter imagens, texto ou objetos;
• As camadas são individuais, ou seja, você pode editar e trabalhar o conteúdo dela sem afetar
as outras camadas;
• Como já dissemos, a organização das camadas é feita por pilhas;
• Qualquer alteração na camada só pode ser feita se ela estiver selecionada.

Criação e organização de camadas

Para trabalharmos com as camadas no Photoshop, usaremos o painel Camadas (lado direito
da tela). Lá você encontra os chamados grupos de camadas que auxiliam na hora de organizar e
gerenciar estas camadas, principalmente por que os grupos reduzem o excesso de camadas no
painel.
Quando uma imagem é aberta, a única camada disponível é a
chamada Plano de fundo. O trabalho de organização se dá a partir
daí, mas não sendo possível alterar a ordem de empilhamento de uma
camada de plano de fundo, assim como seu modo de mesclagem
ou sua opacidade. No entanto, existe a possibilidade de fazer uma
conversão desta camada em uma normal, simplesmente para que
você possa alterar o plano atributos. Para isso, clique duas vezes
sobre o Plano de fundo. Veja a seguir a janela para criar uma camada
normal.

27
 Importante: ao criar uma imagem nova com conteúdo transparente, não haverá camada de
plano de fundo, sem aquelas restrições que levantamos acima.

Criar camada e grupos

Para criar uma nova camada dentro do painel basta clicar no
ícone Criar nova camada na parte inferior. Será criada uma nova
camada transparente até que algo seja adicionado a ela. Depois de
criada, você poderá trocar o nome clicando duas vezes sobre ela.
Crie também os grupos clicando no ícone Criar um novo
grupo na parte inferior do painel. Lembrando que as camadas são
organizadas dentro dos grupos.
Depois de criadas, você pode adicionar filtros, duplicar,
mesclar, alterar cor, mudar a opacidade, entre outros. Aos poucos o
seu professor vai apresentar cada parte deste painel.

Exibição, ocultação e bloqueio

Na hora da edição, às vezes é muito importante que
você enxergue apenas a camada desejada, assim como o
grupo em questão. Para facilitar, vale usar o ícone do olho
ao lado de uma camada, usado para ocultar seu conteúdo na
janela de edição. Isso pode ser feito diretamente na camada
ou na pasta raiz do grupo de camadas. Ao clicar novamente,
o conteúdo volta a ser exibido.
Outra opção é bloquear a camada para que nenhuma edição possa ser feita nela. Às vezes,
por descuido, uma alteração importante é feita e o conteúdo é desconfigurado. Para evitar que isso
ocorra, selecione a camada e clique no ícone do cadeado.

Camadas de ajustes
A chamada camada de ajuste é usada para aplicar ajustes de cores e tons às imagens sem
alterar permanentemente os valores de pixel. Estes ajustes são armazenados na camada de ajuste
criada e se aplicam à todas as camadas ligadas a mesma. Aí vem uma vantagem: você pode corrigir
múltiplas camadas fazendo um ajuste único, em vez de ajustar cada camada separadamente. Além
disso, você aproveita as características semelhantes à de outras camadas, tais como a opacidade, o
modo de mesclagem, a visibilidade, entre outros.
Quando você clica no ícone Criar uma nova camada de preenchimento ou de ajuste, um leque

28
de opções é aberto com vários tipos de preenchimentos que podem ser usados. Um exemplo seria
a criação de uma cama de ajuste Preto e branco, para mudar os tons da imagem original, e seguida
criar outras camadas de ajustes para separar trechos recortados da imagem. Veja abaixo um exemplo
bem básico de uma camada de ajuste preto e branco e outras duas camadas de preenchimento
sólidas na cor verde ligadas a anterior.

Para este exemplo usamos as máscaras. Não se preocupe porque ela será tema das nossas
próximas aulas.

Objetos inteligentes
Existe um tipo especial de camada no Photoshop que é chamada de Objeto inteligente. A ideia
por detrás deste tipo de camada é que você pode fazer dimensionamentos e remodelagem dentro de
uma camada sem editar diretamente os pixels dela. Isso mesmo, o Photoshop usa o objeto inteligente
para redimensionar, mas guardando as informações originais caso você deseje mudar novamente.
Ficou na dúvida? Então acompanhe.
A figura a seguir mostra uma imagem simples aberta no Photoshop. Neste caso, vemos apenas
a camada de fundo. Clique com o botão direito nela e duplique essa camada.

29
 Na camada duplicada vamos acrescentar, por exemplo, um filtro chamado de Desfoque
Gaussiano (não se preocupe, pois vamos ver filtros mais adiante). Depois de aplicado, o filtro é
incorporado.

Tente agora novamente colocar um novo valor neste filtro. Ao invés de colocar o desfoque a
partir do original, ele vai acrescentar a partir do que já foi alterado, ou seja, vai alterar aquilo que já foi
alterado. Aí o resultado não será o que você precisa. Para resolver este problema usamos o Objeto
Inteligente. Isso é feito clicando com o botão direito do mouse na camada e clicando em Converter
em Objeto Inteligente. Depois desta conversão, faça as alterações que quiser e no momento que
desejar sem que os pixels percam a sua originalidade.

Opacidade e mesclagem
Como já dissemos, a opacidade de uma camada é a porcentagem de escuridão em relação a
camada de baixo, ou seja, quanto mais baixo o valor mais transparente a imagem fica.

Já a opacidade de preenchimento afeta somente pixels, formas ou texto em uma camada sem
afetar a opacidade de efeitos de camada, como sombras.
E em relação a mesclagem, existe um conjunto de opções que controla como os pixels na
imagem serão afetados de uma camada para a outra. A camada original é chamada cor de base e
resultante é o resultado final da mesclagem. Vamos ao exemplo: use duas imagens, uma sobreposta
a outra. Abaixo, o abstrato verde vai ficar por cima da imagem do rosto da garota. Selecionando a
camada de cima e aplicando a opção de mesclagem Matriz, o resultado será o que você vê abaixo.

30
 Teste as demais opções e veja o
resultado final.

O que você aprendeu hoje?

31
 Atividades
Atividade 1 – Objeto inteligente
1
Conforme as orientações do seu professor, pratique o uso da camada Objeto Inteligente para
que futuramente você já esteja craque na hora de editar uma imagem. Lembrando que a camada não
está só relacionada aos filtros, mas ao redimensionamento, rotação, entre outros.

Projetando
A aula de hoje é mais uma que ajuda a explicar o funcionamento do Photoshop.
É um momento que você tem para aperfeiçoar alguns recursos que serão úteis lá na
frente quando estiver trabalhando com vários tipos de edição. Por isso, vale praticar.

As opções de mesclagem trazem combinações que afetam pixels de

uma camada para a outra. Um pub da região onde você mora quer decorar o local com
quadros de rostos de pessoas de várias partes do mundo. Para ficar mais interessante, ele
deseja que este rosto seja combinado com uma (ou mais) bandeiras, preferencialmente
com a do Brasil. Veja os exemplos abaixo, mas seja criativo.

32
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

33
 Aula 4

Ajustes de imagens e cores

Teoria das cores
Modo de cores
Matiz, saturação e luminosidade
Filtro de fotos
Painel de cores e amostras
Escolha de cores e o seletor
Ajustes automáticos

34
 Teoria das cores
O que vamos abordar aqui neste tópico é algo que você já
começou a ver em módulos anteriores. O detalhe é que vamos fornecer
outros conceitos e melhorar um pouco mais o seu conhecimento
relacionado com as cores, uma vez que vamos trabalhar com elas
nesta aula. E o primeiro ponto é a chamada Teoria das Cores - um
estudo experimental relacionado com a associação entre a luz e a
natureza das cores.
Hoje sabemos que as cores estão diretamente relacionadas
ao fenômeno da decomposição da luz, através do que chamamos
de espectro. Ele é formado pela união das cores vermelho, laranja,
amarelo, verde, azul, anil e violeta, as mesmas do arco-íris. A partir
daí criou-se o círculo cromático, que contém 12 diferentes cores, que ajudam a visualizar as cores
primárias, secundárias e terciárias que formam o espectro visível.
E o branco e o preto? Neste caso, pela teoria, são apenas resultado da presença ou ausência
de luz. A cor branca é a luz pura, em que há uma reflexão total das sete cores; a cor preta é ausência
total de luz, pois as cores não se refletem, elas são absorvidas.
Mas foram estudos posteriores que permitiram aos cientistas dizerem que as cores influenciam
a percepção subjetiva de coisas e emoções humanas.

Modos de cores
Vamos relembrar os modos ativos de cores, pois nesta aula iremos definir o modo de cor que
as imagens serão tratadas. O CMYK é um sistema de cores cuja sigla é formada pelas cores Cyan
(Ciano), Magenta (Magenta), Yellow (Amarelo) e blacK (Preto), um sistema muito utilizado na indústria
gráfica. É usado para impressão em cores com tinta, com o objetivo de ocultar algumas cores,
quando o fundo é branco, para diminuir a luminosidade e ressaltar a combinação das quatro cores.
O sistema RGB (vermelho, verde e azul) é definido como a cor-luz, sendo utilizado nos objetos
que emitem luz (nos monitores e TVs, por exemplo). As cores são obtidas através das misturas das
três cores primárias, em quantidades determinadas. Cada uma destas cores obtidas está enquadrada
numa escala que varia de 0 a 255. Quando a mistura das três cores está no valor mínimo (0, 0, 0),
o resultado é a cor preta. Quanto está no máximo (255, 255, 255), resulta na cor branca.
No Photoshop, ainda existem outros modos de cor, como por exemplo:

• Cores Lab - Tem base na percepção humana da cor. Os valores numéricos no Lab descrevem
todas as cores vistas por uma pessoa com visão normal.
• Tons de cinza - O modo Tons de Cinza utiliza tons diferentes de cinza na imagem. Cada pixel
em tons de cinza possui um valor de brilho que varia de 0 (preto) a 255 (branco). Os valores de tons
de cinza também podem ser medidos como porcentagens de cobertura de tinta preta (0% é igual a

35
 branco e 100% é igual a preto).

Matiz, saturação e luminosidade

Já que falamos da percepção humana das cores,
podemos dizer que os padrões atuais de cores atuam em
três características fundamentais para ajustes, que podem
ser feitos no menu Imagem – Ajustes – Matiz/Saturação.
Veja:
Matiz ou cor refletida é como percebemos (ou
bem semelhante) o vermelho, verde ou azul, em maior
ou menor quantidade de luz presente na cor. Isso dá uma
“vivacidade” a imagem.
Saturação é a proporção de quantidade de cor em
relação à cor cinza média. Quanto menos cinza na composição da cor, mais saturada ela é, sou seja,
0% (cinza) a 100% (totalmente saturado).
Brilho é a luminosidade ou escurecimento relativo da cor, geralmente medido como a
porcentagem de 0% (preto) a 100% (branco). É uma sensação visual segundo a qual uma área parece
emitir mais ou menos luz.
Veja o ajuste nas figuras a seguir. A imagem original do carro é amarela (veja acima), mas que
pode ser ajustada para formar uma cor diferente, simplesmente alterando matiz, saturação e brilho.

36
 Filtro de fotos
Uma variação de ajuste é usar o Filtro de fotos (Imagem – Ajustes – Filtros de fotos), que nada
mais é do que uma imitação da técnica de colocar um filtro colorido na frente da lente de uma
câmera para ajustar o equilíbrio e a temperatura de cores da luz refletida através da lente. Veja o
exemplo abaixo, usando o Vermelho profundo. Você pode testar estes filtros de foto criando camadas
separadas e testando em cada uma delas. As vezes um determinado filtro resolve o problema da
imagem a ser editada.

Painel de cores e amostras

O painel Cor exibe os valores das cores atuais do primeiro plano e do plano de fundo. Ao usar
os controles deslizantes do painel é possível editar as cores
do primeiro plano e do plano de fundo (dois quadrados
a esquerda) usando vários modelos de cor. Além disso,
você pode escolher as cores a partir do espectro de cores
exibido no painel na parte inferior do painel.
Importante: quando você escolhe uma cor que
não pode ser impressa com tintas CMYK, um ponto de
exclamação dentro de um triângulo é exibido acima do
lado esquerdo do painel de cores.
E o painel de amostras? Ele simplesmente armazena
as cores de uso frequente. É possível adicionar ou excluir cores do painel ou exibir bibliotecas
diferentes de cores para diferentes projetos.

Escolha de cores e o seletor

Na caixa de ferramentas, a cor atual do primeiro plano é exibida lá na parte de
baixo, em um quadrado (caixa de seleção de cores) sobreposto a outro. Já a cor atual
do plano de fundo atual é exibida no quadrado atrás do anterior. Para alterar a cor do
primeiro plano, clique no quadrado correspondente e escolha uma cor usando o seletor
de cores. Para alterar a cor do plano de fundo o processo é o mesmo, só que usando o
quadrado inferior. Para inverter as cores do primeiro plano e do plano de fundo, clique
no ícone Alternar Cores, no mesmo local da caixa de ferramentas.
Abaixo, veja como é o seletor de cores. Importante observar que você pode arrastar e modificar
da forma que quiser, sem fugir os detalhes. A cor que você selecionou vai ser muito usada de agora

37
 em diante? Se for, adicione ela as amostras.

Você pode usar também a ferramenta Conta-gotas para obter amostra das cores de uma
imagem ativa em qualquer um dos pixels dela. Selecione a ferramenta Conta-gotas pelo ícone do
conta gotas e depois clique no pixel desejado na imagem. Ele simplesmente vai “copiar” aquela cor do
local. Isso é Objetivos
muito útil quandodo
você precisa encontrar uma cor bem específica naquele ponto, como
curso
a de uma pele ou um efeito dourado, por exemplo.

Às vezes podemos utilizar ajustes simples na imagem e o resultado ser interessante. E o

melhor é que eles podem ser de forma automática, sem precisar usar a rolagem de nenhum controle.
Basta usar o menu Imagem. Neste caso, podemos usar:
Tom automático – Uma correção nos tons de cada pixels é aplicada para deixar a imagem mais
uniforme em tons de características parecidas.
Contraste Automático - Faz o mapeamento dos pixels mais claros e mais escuros na imagem
para o branco puro (nível 255) e o preto puro (nível 0), fazendo com que os realces pareçam mais
claros e as sombras pareçam mais escuras.
Cor automática - Ajusta o contraste e a cor de uma imagem pesquisando a imagem para
identificar sombras, tons médios e realces.
Vamos ver os exemplos abaixo. A primeira foto foi corrigida com um ajuste automático
chamado Imagem - Cor automática, eliminando sombras na composição dela. Perceba a diferença e
a claridade das duas imagens da garota na bike em Copenhague.

A figura a seguir mostra uma foto colorida e antiga de um senhor. Perceba que no original
ela está um pouco mais envelhecida. Com ajustes de contraste e tom automáticos, o efeito de
clareamento dá um novo toque na foto.

38
O que você aprendeu hoje?

39
 Projetando
Hoje falamos bastante sobre cores e ajustes. Às vezes com pequenos toques
você consegue ajustar a cor de uma imagem, mudar sua tonalidade, criar cores análogas
e por aí vai. A prática leva a perfeição. Vamos lá?

Um antiquário (estudioso de coisas antigas) vai te apresentar algumas imagens no

estilo vintage (com fundo branco) para que você faça ajustes de cores de matiz, saturação
e luz e deixe aquele modelo de uma forma diferente. Use, preferencialmente, uma camada
de ajuste, conforme você aprendeu na aula anterior. Veja o exemplo a seguir:

Seu vizinho vai fazer uma festa para comemorar os 80 anos de sua avó. De última
hora ele teve a ideia de mostrar no telão algumas fotos antigas para relembrar a juventude
dela. Porém, as fotos que ele tem em mãos estão sem cor ou até mesmo amarelada. Você
consegue fazer uma correção de cor para deixá-la com maior claridade?

40
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

41
 Aula 5

Seleções
Editoração de imagens com seleções
Seleções por letreiros
Seleção por laço
Seleção rápida e varinha
Ajustando as seleções
Montagens

42
 Editoração de imagens com seleções
A função da aula de hoje é te apresentar o recurso dedicado a seleção, recorte e máscara no
Photoshop. Ela é extremamente útil na hora de montar novas imagens a partir de pedaços de várias.
A seleção isola uma ou mais partes da imagem. Com a seleção de áreas específicas, é possível
editar e aplicar efeitos e filtros a partes de uma imagem e, ao mesmo tempo, manter as áreas não
selecionadas inalteradas. Existem três tipos básicos:

• A seleção em formas básicos, também chamadas de Letreiros (retangular, elíptico, linha única
e coluna única);
• Seleção por laço, com as derivações poligonal e magnético;
• Seleção rápida e varinha mágica, para acelerar os recortes.

Vamos aprender cada uma dela a partir de agora, iniciando pelas seleções básicas.

Seleções por letreiros

As ferramentas de letreiro permitem selecionar
retângulos, elipses e linhas e colunas de 1 pixel. O Letreiro
Retangular faz uma seleção retangular (ou quadrada, quando
usada com a tecla Shift). O Letreiro Elíptico faz uma seleção
elíptica (ou circular, quando usada com a tecla Shift). Já o
Letreiro de Linha Única ou Coluna Única define a borda
como uma linha ou coluna com 1 pixel de largura.
Basta clicar na ferramenta desejada e arrastar nos pontos exatos da imagem.

Seleção por laço

A ferramenta Laço é útil para desenhar segmentos à mão livre de uma borda de seleção.
Dentre as opções disponíveis, temos:

43
 Laço Poligonal – Ajusta os pontos da seleção a partir do clique do
mouse. Cada vez que você clica, uma marcação do laço é fixada naquele
ponto. Clique na imagem para definir o ponto de início e vá clicando onde
desejar, preferencialmente contornando a parte que deverá ser selecionada.
Para fechar um laço o ponteiro sobre o ponto de início (você verá que será
exibido um círculo fechado ao lado do ponteiro) e depois clique. Veja o
contorno da boca da modelo na figura ao lado.
Laço magnético – Neste caso, à medida que você passar o mouse
por cima da área que deseja selecionar, a borda se ajusta às arestas das áreas definidas na imagem.
Só que tem um detalhe: essa ferramenta é bastante útil para a rápida seleção de objetos com arestas
bem definidas e com alto contraste. Veja o exemplo a seguir: a aresta está bem definida porque existe
uma separação bem definida entre o fundo e o objeto (no caso o projetor). Sendo assim, ao usar o
laço magnético ele vai “grudar” nesta aresta sem precisar ficar clicando.

Ficou claro sobre a diferença? Mas ainda não terminamos. Lembra quando dissemos que uma
ferramenta ativa muda a barra de opções? Vamos entender o que de mais importante pode ser
ajustado.

Suavização de serrilhado - Suaviza a transição de cores entre os pixels das arestas e do

plano de fundo. Importante estar marcado ao recortar, copiar e colar seleções para criar imagens
compostas.
Difusão - Desfoca o ponto de seleção (arestas) criando limites de transição entre a seleção e
os pixels adjacentes. Esse desfoque pode causar uma certa perda de detalhes na aresta da seleção.
Quanto menos, melhor, dependendo da imagem.

Seleção rápida e varinha

Varinha mágica

A ferramenta Varinha Mágica permite

selecionar uma área colorida sistematicamente (por
exemplo, uma bola amarela) sem precisar traçar seu
contorno. O importante é que a área selecionada
tenha a mesma cor. Neste caso, o uso do chroma-
key e/ou fundo branco ajuda muito no recorte de
objetos, como você vê abaixo. Clique na ferramenta
varinha mágica e em seguida na cor verde. Você vai
ver as tonalidades verdes vão se juntar na seleção.

44
 Na imagem, se você clicar em qualquer parte
da área verde a varinha faz a seleção dos pixels
adjacentes e de mesma cor. Contundo, alguns pontos
que não estão interligados podem ficar de fora. Para
resolver este problema, antes de começar a seleção,
marque a opção Adicionar a seleção na barra de
opções e depois clique nas áreas verdes da imagem.
Veja que então tudo que é verde na imagem ficará
selecionado.
Lembrando que foi selecionada a área verde e
não o homem. Quer ter a certeza disso? Use a tecla
delete na camada para deletar esta área.

Ferramenta seleção rápida

Você pode usar a ferramenta Seleção Rápida para “pintar” rapidamente uma seleção usando
uma ponta de pincel redonda ajustável. Conforme você arrasta por cima do objeto que deseja
selecionar, a seleção se expande para fora e automaticamente encontra e segue arestas definidas
na imagem.
Na barra de opções, clique em uma das opções selecionadas como Novo, Adicionar à ou
Subtrair de. Neste caso, por exemplo, se você fez a seleção em
algum lugar que não deveria, então pode clicar em Subtrair de para
retirar essa seleção. No caso do Adicionar à, o efeito é justamente ao
contrário.

Ajustando as seleções
Dê uma olhada de novo na figura anterior. Veja que no contorno do homem a cor verde
do fundo ainda aparece. O interessante é que existe a possibilidade de ajustar esta seleção para
deixar as arestas mais suaves. Mas tem um pequeno detalhe: o que está selecionado é o fundo e
não a pessoa. Precisamos agora trabalhar na seleção dela. Neste caso, basta inverter clicando em
Selecionar – Inverter. Com isso uma seleção inverte com a outra.
Depois de invertido, clique em Selecionar – Refinar aresta.

45
 Efetuar o ajuste fino da aresta melhora a qualidade das bordas de seleção, permitindo extrair
objetos com facilidade. Alguns itens desta janela são importantes destacar:
• O Modo de exibição é um menu suspenso usado para alterar
como a seleção é exibida.
• A Detecção de borda é uma área que permite ajustar com
precisão a área da borda na qual ocorre o ajuste fino. Se for um recorte
que precise de suavidade, como cabelo ou pelos, o legal é ajustar o raio.
• No caso de Ajustar aresta é possível aplicar suavização no
serrilhado do recorte, suavizando na transição de cores entre os pixels
das arestas e do plano de fundo. E você também pode mudar a difusão,
para dizer quais os limites dessa transição. Ainda, outro ponto bastante
importante é o deslocamento da aresta (serrilhado). Você pode jogar este
ponto de transição para dentro ou fora do recorte.

Não se preocupe, pois o seu professor vai dar mais detalhes sobre
estes ajustes. Preste bastante atenção.

Montagens
Usando as seleções e os recortes, um exemplo bem prático do dia a dia é fazer montagens
com partes de uma imagem e o fundo de outras. Veja o exemplo a seguir: a área com a imagem do
homem de boné foi selecionada usando a varinha mágica ou a seleção rápida, e os ajustes foram
feitos nas arestas. Para compor a figura abaixo, usamos também um fundo gratuito do Pixabay,
aberto como um novo trabalho.

A seleção recortada por ser copiada utilizando o menu Editar –

Copiar ou Ctrl + C. Isso vai permitir a cópia exata de tudo que estiver
dentro da seleção. Depois, basta ir na imagem de fundo e usar o menu
Editar – Colar ou Ctrl + V. Pronto, a imagem recortada virá uma camada
suspensa dentro da imagem de fundo, sempre com fundo transparente.

Fica faltando apenas redimensionar o tamanho da imagem usando as teclas Ctrl + T. Isso
vai abrir uma área em torno do recorte para que você possa ajustar o tamanho, rotacionar, mudar
perspectiva, entre outros. O seu professor vai demonstrar com mais clareza.

46
 O que você aprendeu hoje?

Projetando
Seleções é um dos pontos mais importantes no uso do Photoshop. Com o uso
delas é possível aplicar vários filtros dentro de partes específicas de uma imagem. É
por isso que vamos começar, a partir de hoje, a realizar nossas primeiras montagens.

Um amigo precisa de uma ajuda para criar uma montagem simples de imagens para
uma palestra motivacional que ele vai fazer em um grupo de jovens. A ideia principal
é “Acredite no impossível”, mas o exemplo precisa ficar bem criativo e, de certa, forma
engraçado. Sua missão então é juntar uma parte de uma imagem com o fundo de outra
para passar a ideia do “Acredite no impossível”. Importante: a figura abaixo é apenas um exemplo
para a composição da ideia da tarefa. Vale trabalhar a sua criatividade.

47
 Uma amiga vai ter um bebê e quer pensar na composição do quarto dele. Pediu a
sua ajuda para fazer uma montagem simples com partes de imagens encaixadas no fundo
vazio do quarto. As imagens de encaixe podem ser luminárias, móveis, quadros, entre
outros. Recorte e encaixe.

48
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

49
 Aula 6

Ajustes, retoques e remoção

Ferramentas de ajuste e retoque
Pequenos retoques
Remoção de olhos vermelhos
Remoção de objetos grandes

50
 Ferramentas de ajuste e retoque
Quando falamos em Photoshop, uma das primeiras lembranças que temos são dos retoques
em imagens, seja para retirar uma mancha ali, uma celulite
acolá, um emagrecimento já, entre muitos outros. Existe uma
variedade de ferramentas do Photoshop com as quais você
pode facilmente retocar manchas, clarear dentes, corrigir olhos
vermelhos e corrigir muitas outras imperfeições em qualquer
imagem.
A função da aula de hoje é explorar de forma mais
sucinta com estes retoques podem ser feitos através das
ferramentas disponíveis.

Pequenos retoques
Para fazer estes pequenos retoques nas imagens, vamos espiar o uso das principais ferramentas.

Ferramenta carimbo

A função da ferramenta Carimbo é pintar uma área de uma imagem a partir das cores de outra
área. É como se você copiasse uma área parecida com aquela que você quer usar. Para isso basta
definir um ponto de amostra na área de onde deseja copiar e “clonar” os pixels dela. E definimos
este ponto segurando a tecla ALT e clicando com o botão esquerdo. Vamos entender isso melhor
nas figuras seguintes.
A modelo da imagem tem uma pequena verruga entre os olhos e quer retirar. Para isso, vamos
copiar os pixels mais próximos possível do local que será pintado. Neste caso, quando clicarmos no
ponto desejado, um círculo vai aparecer. Só será possível clonar quando a tecla ALT for pressionada
e este círculo virar o desenho de um alvo.

Pixels clonados, basta clicar sobre a área em que a pinta aparece. Ao ir clicando, pixels
adjacentes são copiados e a pinta vai sumir. Veja o resultado.

51
 Vale dizer que a ferramenta carimbo também tem suas opções na barra de opções. Lá você
pode mudar, por exemplo, o tamanho do círculo de clonagem, assim como sua dureza. Isso vai
depender lógico, do espaço que você tem para realizar o trabalho.

Pincel de recuperação

A ferramenta Pincel de recuperação permite corrigir imperfeições, fazendo com que

elas desapareçam na imagem adjacente. Você usa recuperação para corrigir textura, iluminação,
transparência e o sombreamento das amostras de pixels correspondam aos pixels que estão sendo
recuperados. O processo de uso é bem semelhante ao do carimbo, sendo que aqui os pixels corrigidos
mesclam-se de maneira uniforme com o restante da imagem. Veja as figuras a seguir editadas por
meio da ferramenta pincel de recuperação.

Pincel de recuperação para manchas

A ferramenta Pincel de recuperação para manchas remove rapidamente manchas e outras

imperfeições de fotos. Funciona de modo similar ao Pincel de recuperação: ela pinta com amostra
de pixels que correspondam aos pixels que estão sendo recuperados. A diferença está na hora de
usar, pois ele não requer que se copie um pedaço da amostra, bastando apenas arrastar para cima
da área desejada. Um exemplo básico pode ser a remoção de uma tatuagem. Veja.

52
 Ferramenta correção

Permite corrigir uma área selecionada com pixels de outra área ou de um padrão, até mesmo
de para clonar áreas isoladas de uma imagem. Contorne a área a ser corrigida e depois movimente
a seleção para o espaço desejado. Veja que então os pixels são adicionados a ela.

Ferramenta mover sensível a conteúdo

Esta ferramenta compara o conteúdo de uma área próxima para preencher perfeitamente a
seleção, mantendo os detalhes dela. Selecione a área desejada e depois clique onde deseja reparar
para preencher o espaço. Simples assim.

Remoção de olhos vermelhos

Provavelmente você já viu uma foto com os chamados olhos vermelhos na pessoa. Mas
você sabe o que é isso? Ocorre quando você tira uma foto com pouca luz, usando um flash muito
próximo à lente da câmera. A luz do flash então atinge os olhos da pessoa e é refletido pelos vasos
sanguíneo, fazendo com que as pupilas pareçam brilhar na cor vermelha. Importante: a figura ao lado
não traz exatamente o efeito do olho vermelho, mas está sendo usada por causa da qualidade e por

53
 ser mais didático.
Com a ferramenta Olhos vermelhos, selecione a barra de opções
para definir o tamanho da pupila e a intensidade do escurecimento.
Depois é só contornar o olho, conforme você vê nas figuras abaixo:

Remoção de objetos grandes

Remover objetos grandes no Photoshop é algo extremamente simples de ser feito. Claro que
o que vamos ensinar agora vai ser perfeito em alguns tipos de imagens, sendo que em outros os
recursos de correção podem ser melhores.
Para remover um objeto grande basta usar a ferramenta de seleção (laço, por exemplo) e
contornar o objeto a ser retirado. Em seguida, pressione a tecla DELETE (ou DEL) e a janela de
preenchimento vai aparecer. Se a seleção de conteúdo estiver sensível, então a remoção vai acontece
na reorganização dos pixels ao redor. Clique em OK e veja como ficou nas figuras a seguir:

Faça o teste com outras imagens e com outros recursos de remoção e veja o resultado.

54
 O que você aprendeu hoje?

Projetando
Depois que aprendemos sobre as seleções, o correto é entrar na parte das
correções. Como foi dito lá no início, as ferramentas que fazem pequenas correções
ou retiram objetos grandes das imagens são bem usadas atualmente. Os retoques
acontecem o tempo inteiro, principalmente em fotos de revistas. Que tal praticar então?

Um grupo de cinco amigas está comemorando 20 anos de amizade. Uma delas

é fotografa amadora e resolveu tirar uma foto de cada uma do grupo para compor
uma montagem em homenagem a elas. As fotos ficaram boas, mas cada uma identificou
imperfeições que gostariam de retirar. A sua missão como profissional de edição de imagens é fazer
as correções e depois uma montagem simples, porém divertida, com as cinco amigas.

Uma amiga fez uma foto profissional de um

grande momento da sua vida e só não ficou satisfeita
por conta de um detalhe: a tatuagem. Ela se arrependeu
e gostaria de retirar essa tatuagem da imagem original.
Seu trabalho vai ser ajudá-la nesta tarefa. Exemplo: o momento em
questão da imagem ao lado é o casamento. (Imagem: pixabay.com)

Uma tarefa extra para alimentar seu portfólio. Às vezes, existem passagem
históricas que desejamos que nunca tivesse acontecido. Já que não dá para mudar o
passado, uma opção é trabalhar com essa ideia no Photoshop. Escolha uma imagem
histórica qualquer e retire um objeto grande que seja o mais importante para “mudar” o rumo daquele
momento. No exemplo abaixo, a remoção do jogador da Alemanha naquele momento evitaria, em
partes, o vexame dos 7 X 1.

55
 Aula 7

Vetores no Photoshop
Desenho vetorial no Photoshop
Demarcadores
A ferramenta caneta
Vetorizando uma imagem
Baixando vetores para o Photoshop

56
 Desenho vetorial no Photoshop
Sabemos que trabalhar com vetores é mais fácil dentro de softwares próprios para isso, como
é o caso do Corel Draw e do Illustrator. Mas olhando para o lado do Photoshop, mesmo que a missão
dele seja trabalhar com bitmaps (rasters), as formas vetoriais podem ser criadas diretamente nele,
utilizando a Ferramenta Caneta, Ferramenta Caneta de Forma Livre
ou uma de formas tradicionais. E as opções para cada ferramenta estão
disponíveis na barra de opções.
Antes de começar a desenhar no Photoshop, é necessário escolher
um modo de desenho na barra de opções. O modo escolhido para
desenho determina se você criará uma forma de vetor em sua própria
camada (camada de forma), um demarcador de trabalho em uma camada
existente ou uma forma rasterizada em uma camada existente em pixels
(pinta diretamente em uma camada).

Demarcadores
Este recurso desenha um demarcador de trabalho na camada atual, que pode ser usado
para criar uma seleção, criar uma máscara de vetor ou preencher e traçar com cores para criar
gráficos rasterizados (como seria feito com uma ferramenta de pintura). O demarcador de trabalho é
temporário, ou seja, ele não existe no desenho, a menos que seja salvo. Os demarcadores aparecem
no painel Demarcadores.
Vamos aprender a usar a Ferramenta caneta daqui a pouco, mas entender demarcador é
importante. A figura a seguir mostra a criação de um demarcador simples com a ferramenta caneta.
Ele vai aparecer no painel Demarcadores e ao mesmo tempo que existe de forma temporário no
desenho.

Mesmo temporário, ele pode ser redimensionado utilizando Ctrl + T ou movido utilizando a
ferramenta de Seleção de demarcador, abaixo da Ferramenta texto na caixa de ferramentas.

E se precisar, você pode criar uma nova camada de demarcadores dentro do painel. Basta

57
 clicar no ícone Criar novo demarcador e pronto.

O uso de demarcadores aqui ajuda na criação, por exemplo, de seleções mais perfeitas, o que
facilita depois uma retirada de objeto grande. Quando você usa um demarcador e quer transformar
em seleção, basta clicar com o botão direito na camada dele e clicar em Criar seleção, ou ainda, usar
CTRL + ENTER.
Você pode ainda preencher o demarcador com uma cor de primeiro plano (foreground) ou de
fundo (background). Basta clicar com o botão direito na camada e clicar em Preencher demarcador.

Não se preocupe se ficou um pouco confuso. O seu professor vai demonstrar a função de
demarcadores dentro da vetorização.

A ferramenta caneta
O Photoshop oferece um tipo de ferramenta que simula o uso de uma caneta. A Ferramenta
Caneta alinha as suas necessidades e o seu estilo criativo na hora de desenhar segmentos curvos e
retos com grande precisão, como se estivesse usando uma folha de papel e uma caneta de verdade.
As duas opções - Ferramenta Caneta e Ferramenta Caneta de Forma livre – estão disponíveis na
caixa de ferramentas do Photoshop.

A Ferramenta Caneta de Forma livre permite desenhar caminhos livremente, usando apenas
o movimento o mouse, sem a necessidade de cliques para montar os segmentos.

58
 Pontos de ancoragem
Os pontos de ancoragem são adicionados automaticamente à medida que se desenha utilizando
a Ferramenta Caneta. Eles são aqueles pequenos quadrados à medida que você clica durante o uso
da caneta. Se for necessário, você pode retirar ou adicionar um ponto de ancoragem em qualquer
parte do desenho vetorial. Para adicionar basta clicar onde deseja um novo ponto e para retirar basta
clicar no ponto já existente.

As ferramentas Adicionar ponto de ancoragem e Excluir ponto de ancoragem vão te ajudar

neste trabalho.

Vetorizando uma imagem

Lembra da vetorização que fizemos lá no outro módulo?
O processo aqui é bem parecido, bastando apenas alguns novos
elementos. Antes de mais nada tenha em mente o que pretende
vetorizar e o tipo de imagem usada. No nosso caso, como é apenas
para explicação, escolhemos uma não muito grande (tamanho em
pixels) do Homer Simpson, para servir como referência e alinhamento
ao trabalho final.

Para não deixar esta aula muito longa aqui na apostila, vamos
citar apenas algumas partes da vetorização, bem parecido com o que
você já viu lá no Corel com a Ferramenta Bezier. Aqui vamos cobrir a
imagem com formas vetoriais e a Ferramenta Caneta, no modo Forma.
Lembre-se de manter a cor de primeiro plano (foreground) num tom
muito parecido com aquela do fundo da imagem (use a Ferramenta
Conta-Gotas para isso).
Essa barra de opções é mesmo importante porque precisamos definir alguns itens, como o
tamanho e a cor do traçado, além do tipo (neste caso é o Forma) antes de começar o contorno.

Escolha o primeiro pedaço da imagem e comece o contorno. Se optar pela barba do Homer,
por exemplo, faça o contorno com a Ferramenta caneta, clicando ponto-a-ponto. Se preferir o rosto,
faça o mesmo procedimento.

59
 O que você vai perceber é que quanto mais “pedaços” da imagem for vetorizando, mais
camadas do tipo formas serão criadas. Cada camada diferente pode ser editada separadamente.

Mas não só da Ferramenta caneta vive o designer. Você pode simplesmente

utilizar formas básicas quando o local a ser vetorizado permitir o uso com mais
facilidade. É o caso, por exemplo, do olho do personagem. Ao invés da caneta,
usamos a Ferramenta elipse. Veja a figura a seguir que ilustra isso que acabamos
de dizer.

À medida que você vai vetorizando as imagens, o resultado pode ser visto com a exibição
e ocultação das camadas. A ocultação de algumas partes ajuda você a entender o desenho e
posicionar no local certo.

60
 Baixando vetores para o Photoshop
Baixe da internet alguns vetores prontos que poderão ser usados na arte que está sendo criada.
Existem vários e vários modelos disponíveis, bastando apenas encontrar o site correto. O site https://
br.freepik.com é um bom local para isso. Entre, procure pela imagem desejada e baixe gratuitamente
(se for permitido)

Depois é só abrir o arquivo PSD diretamente no Photoshop, com camadas e tudo que tiver
direito.

O que você aprendeu hoje?

61
 Projetando
Para criar um vetor utilizando o Photoshop e uma imagem raster, então é
necessário um bom domínio da Ferramenta caneta e seus derivados. Mesmo que
demore um pouco mais do que o previsto, o ideal é praticar. Vamos?

Uma empresa da sua região precisa fazer uma vetorização do logotipo no

Photoshop, mas não tem ninguém que consiga fazer entre os seus funcionários. Como
você já tinha deixado um cartão de visitas durante um evento no mês passado, então
querem contratar seus serviços. Mostre que você é capaz. Importante: a figura a seguir
é só ilustrativa. Não se preocupe com textos, por enquanto.

O trabalho de vetorização é mais amplo do que se imagina. Usando formas

básicas e demais itens é possivel criar resultados interessantes como o exemplo da
imagem abaixo. Para alimentar o seu portifólio, vamos reproduzir a figura da forma mais
fiel possivel. Você consegue!

62
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

63
 Aula 8

Vetores no Photoshop
Desenho vetorial no Photoshop
Demarcadores
A ferramenta caneta
Vetorizando uma imagem
Baixando vetores para o Photoshop

64
 Criando um texto
“Uma imagem vale mais do que 1000 palavras”. Esta é
uma máxima muito utilizada nos dias atuais, porém sabemos
que os textos tem uma importância enorme dentro de uma peça
gráfica qualquer. Ele traz as informações que complementam
as imagens ou que não estão claramente presentes nela, como
mostra a figura ao lado retirado do site https://www.designerd.com.
br.
No Photoshop, o Texto consiste no uso de contornos em
forma de letras, números e símbolos com base em vetores. Esse conjunto de vetores organizados
formam o que é chamado de fonte. Como a sua base são vetores, quando você redimensiona o texto
o resultado são arestas bem definidas e que não dependem da resolução.

Quando você cria um texto, uma nova camada de texto é adicionada ao painel Camadas.
Aí é possível alterar a orientação, aplicar suavização de serrilhado, utilizar demarcadores, fazer
transformações, entre outros.

Para inserir um texto basta selecionar a Ferramenta Texto e clicar na área para começar a
digitar. Este texto de inserção é chamado de Texto em Ponto, diferente do Texto em parágrafo que
é útil quando você deseja criar um ou mais parágrafos.

Logicamente com um texto inserido e selecionado, a barra de opções vai mudar e te dar o
acesso para mudar o tamanho, tipo e cor da fonte, entre outras opções.

Para inserir um Texto em parágrafo clique na Ferramenta texto e depois arraste o mouse na
diagonal para definir uma caixa delimitadora para o texto.

65
 É possível converter texto de ponto em texto de parágrafo e
vice-versa. Para que isso aconteça basta selecionar a camada desejada
no painel e depois clicar com o botão direito do mouse e escolher
Converter para Texto de Ponto ou Converter para Texto de Parágrafo,
dependendo do tipo já aplicado.

Harmonia entre textos e imagens

Como dissemos agora a pouco, uma imagem precisa de um texto que a complemente ou a
explique. Para que haja essa harmonia entre texto e imagens é certo:
• Texto e imagem precisam estar no mesmo assunto. Muito texto para explicar algo pode afetar
todo o conjunto;
• O lugar que o texto vai ficar é importante. Nada de sobrepor o texto a partes importantes da
imagem;
• Escolha sempre a fonte ideal. Lembre-se da atual tipografia que você aprendeu lá no outro
módulo;
• Existe hierarquia, ou seja, o texto mais importante vem em tamanho e peso maior do que os
menos importantes;
• Tenha sempre atenção aos contrates. Fontes claras não são funcionam em fundos claros;
• Quando os textos não encaixam bem com o fundo, coloque-os dentro de caixas
semitransparentes.

Formatando e distorcendo um texto

Quando dizemos formatar um texto não significa somente mudar um tipo de letra ou até mesmo
o seu tamanho. Outras condições são essenciais para que o texto esteja dentro das especificações
que desejamos para uma arte. Uma das opções é Alternar a orientação do texto, disponível na caixa
de opções, ou aplicar uma distorção no mesmo. Essa distorção é simplesmente aplicada usando o
botão direito do mouse na camada e clicando em Distorcer texto (na barra de opções também tem
um ícone). A janela de dialogo dá várias opções de distorção, como por exemplo, Ondas. Mas vale
além disso, testar na caixa de seleção.

66
 Caracteres e parágrafo
Importante dizer que o painel tem um grupo relacionado aos caracteres e parágrafos de um
texto selecionado. Se ele não aparece no painel, basta abrir utilizando o menu Janela – caracteres. A
função é aumentar e diminuir o espaçamento entre eles, alterar as dimensões verticais e horizontais,
entre outros. Cada um destes pontos ajuda no resultado final do texto.
No caso do Parágrafo é possível mexer nos recuos, no alinhamento, entre outros.

Efeitos no texto
A combinação de vários recursos dentro do Photoshop permite que se crie efeitos bem
interessantes nos seus textos. São várias e várias variações, e certamente não temos como explorar
tudo aqui. A opção então é apresentar um exemplo simples para que você saiba do poder da
ferramenta. O seu professor vai escolher aquele que melhor se encaixar na sua aula e dar exemplo
práticos que podem ser treinados aqui ou em casa.

Antes de mais nada, para colocar um efeito aplicado a camada basta clicar duas vezes sobre
ela para abrir a janela Estilo de camada. Nesta janela é possível configurar vários itens importantes,
tais como o seu traçado, sua sombra interna, o estilo acetinado e vários outros.
Aqui é uma questão de testar e de experiência. Para este exemplo a seguir, iniciamos trocando
o tipo da fonte e distorcendo o texto para a opção arco.

Depois começamos pelo traçado do texto, alterando o tamanho para 10 px, a posição (externa),
o degradê e o estilo (explosão da forma). Para isso abrimos a janela clicando duas vezes na camada.
Estes dados são apenas sugestões, pois vai de acordo com a proposta do efeito final.

67
 O texto agora já tem uma nova carinha.

Continuando, podemos mexer também na sombra interna. Neste caso, mexemos no modo de
mesclagem (normal), na cor, no ângulo (180º), na distância (3) e desfoque (100) da sombra.

E o resultado muda novamente.

Um novo efeito implica em novas mudanças. Agora que tal mexermos no Acetinado. Aqui só
mudamos o modo de mesclagem (normal), a cor, o ângulo (90º) e a distância (2).

68
 Agora o resultado esperado tem que ser o que você vê a seguir.

E assim tudo vai ganhando novas formas. O ideal é ir ajustando até chegar à combinação que
você tanto deseja ou necessita.

O que você aprendeu hoje?

69
 Projetando
Saber trabalhar bem com textos no Photoshop não é uma opção, mas sim uma
necessidade. Por isso dedicamos uma aula para estudar o assunto. Vamos aprofundar
neste conhecimento com boas práticas orientadas pelo seu professor.

Uma empresa resolveu agradecer aos seus clientes pela confiança

nos seus 7 anos de mercado. A ideia é usar uma imagem alinhada com um texto
simples e destacar a palavra GRATIDÃO. Sua missão é harmonizar texto e imagem
criando uma arte bem interessante para que eles divulguem nas suas redes sociais. Seja criativo.

Todo filme precisa de um título. E todo título precisa de uma arte para ser
apresentado ao público. Uma produtora de cinema precisa desta arte para o mais novo
lançamento e contratou os seus serviços. Agora é seu momento de usar a criatividade.
Importante: fica a seu critério (ou do professor) sobre o título a ser trabalhado. O
exemplo a seguir é um esboço simples para orientação, sendo que não precisa (e não deve) ser igual.

70
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

71
 Aula 9

Filtros
O que são os filtros?
Galeria de filtros
Utilizando vários tipos de filtros

72
 O que são os filtros?

O Photoshop é um mestre em trabalhar com os chamados filtros,

usados para limpar ou retocar fotos, aplicar efeitos artísticos de várias
especialidades ou até mesmo criar transformações exclusivas. A maioria
destes filtros está disponível originalmente dentro do Photoshop, porém
alguns podem vir de terceiros e instalados como plug-ins. Depois de
instalados, esses filtros de plug-ins aparecem na parte inferior do menu
Filtro.
Para usar um filtro, basta acessar o menu Filtros e seus submenus.
Lembre-se que um filtro é aplicado à camada ativa visível ou a uma
seleção. E vale um detalhe importante: alguns filtros são totalmente
processados na memória RAM, ou seja, se o seu computador não tem
memória suficiente o resultado não acontecerá e uma mensagem de
erro pode aparecer.

Galeria de filtros

Como já dissemos, os filtros estão dentro do menu Filtros e na quarta área de submenus. São
filtros do estilo desfoque, acabamento, distorção, entre outros. Unindo a este grupo, temos também a
Galeria de Filtros que fornece uma visualização geral da maioria dos filtros de efeitos especiais. Com
ela é possível aplicar vários filtros, um sobre os outros. Para isso, escolha Filtro - Galeria de Filtros,
clique no nome de uma das categorias do lado direito e tenha acesso as miniaturas dos filtros. Caso
queira aumentar o zoom da imagem a qual o filtro será aplicado, então é só clicar no botão + ou – na
área de visualização.
Vamos ver mais dessa combinação na próxima aula, que é o complemento desta. Por agora,
vamos conhecer os principais filtros dos submenus do menu Filtros.

73
 Utilizando vários tipos de filtros

Começamos agora um passeio por entre os tipos de filtros mais usados. Mas isso não
significa que outros não possam/devam ser usados com frequência nos trabalhos que você vai
executar. Vamos começar explorando os filtros do submenu.

Acabamento

Estes filtros criam efeitos iluminação, combinações com nuvens de textura no fundo e
reflexões de luz simuladas na imagem. É caso de um efeito simples de Reflexo de flash colocados
diretamente na câmera que a mulher segura na fotografia. No original, este efeito não existe. Veja a
seguir:

Desfoque

A função destes filtros é suavizar uma seleção ou uma

imagem inteira, ótimas para fazer retoques. Mas um efeito
prático é aquele que várias câmeras e apps já fazem com
as fotos que você tira: o desfoque do fundo e o destaque
da frente. Na figura ao lado, selecionamos a mulher. Em
seguida, invertemos a seleção utilizando o Shift + Ctrl + I
para selecionar o fundo.

Ao aplicar um filtro de desfoque sobre o fundo o

resultado pode ser o mais variado possível. Pode ser um desfoque gaussiano (efeito embaçado) ou
uma desfoque de movimento (para dar a impressão que o fundo se movimenta). Veja nas figuras a
seguir, sendo a da esquerda o gaussiano e a da direita o de movimento.

74
 Distorção e dissolver

Dois filtros em posições diferentes, porém com a mesma característica de distorção. O

primeiro você pode aplicar efeitos que distorcem a imagem como um todo, como é o exemplo abaixo
acrescentando o efeito de esfera na foto.

Já o dissolver permite distorcer partes de imagem, conforme recurso desejado. Veja na figura
do rosto do homem (retirada do Pixabay), que podemos transformar alterando os pixels por meio do
filtro dissolver. Você escolhe os tipos de aplicação no canto esquerdo da janela do filtro Dissolver.
Lá você pode usar Deformação progressiva (deformar conforme arraste – exemplo na orelha),
Ferramenta enrugar (afinar os pixels de uma determinada área – exemplo do nariz), Ferramenta
Inchar (inchar os pixels de uma determinada área – exemplo dos olhos), entre outros. Faça o teste e
veja o resultado.

Uma informação importante: muitos usam as Ferramentas enrugar

e inchar para retirar partes indesejadas no corpo de modelos, sejam homens
ou mulheres. Veja nas figuras a seguir (imagem do Pixabay) que o efeito da
Ferramenta Enrugar retira umas “gordurinhas” no braço da mulher. Viu como faz a diferença?

Estilização

Estes filtros produzem um efeito pintado ou impressionista em uma seleção ou na imagem

75
 inteira. A ideia aqui é deslocar os pixels, localizando e aumentando o contraste em uma imagem. Veja
o exemplo a seguir de uma estilização por extrusão, recortando a imagem em blocos:

Pixelização

Estes são os filtros que definem a nitidez dos pixels de uma seleção ou da imagem inteira.
No exemplo a seguir, criamos uma seleção no rosto do homem e aplicamos o filtro Mosaico para
realizar agrupamento dos pixels e então gerar a pixelização. Veja:

Ruídos

Os filtros de Ruído são aqueles que criam ou removem ruídos que alteram as características
dos pixels, criando texturas diferentes ou remover áreas com problemas, como poeira e rabiscos.

76
O que você aprendeu hoje?

77
 Atividades
1 Atividade 1 - Testando filtros

Para que o projeto tenha maior eficiência é preciso testar o uso dos filtros. Hoje o nosso foco
será fazer testes com imagens sugeridas pelo seu professor, combinando com o uso de seleções.
Utilize a maior quantidade de filtros possíveis, pois na próxima aula vamos começar a combina-los.

Projetando
Os filtros são de muita utilidade na hora de fazer a edição de uma foto qualquer.
Ora eles são aplicados de forma simples e funcionam muito bem. Ora eles precisam ser
combinados para dar um efeito interessante. Sua missão: testar o filtro até enxergar o
resultado satisfatório.

Uma revista local da associação de moradores do seu bairro fez uma matéria
sobre “A cultura do corpo perfeito”. Um fotógrafo foi contratado para fotografar as
imperfeições no rosto de uma modelo local. Porém, você foi contratado para corrigir
as falhas utilizando um filtro, preferencialmente o Dissolver.

78
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

79
 Aula 10

Filtros – Parte II
De volta a galeria de filtros
A combinação de filtros
Filtros inteligentes
Filtros da Digimarc
Filtros online

80
 De volta a galeria de filtros
A galeria de filtros trabalha como um complemento aos filtros disponíveis no Photoshop. É
lá que você vai encontrar aqueles que deixarão a sua foto com uma cara mais artística. Como nós
exploramos os filtros padrões do Photoshop (aqueles que estão nos submenus) agora é hora de
entender melhor as categorias de filtros da galeria.

Filtros Artísticos

Imagine uma foto que deve ser preparada para ilustrar uma campanha ligada as artes. As
combinações de efeitos e filtros rapidamente facilitam este trabalho. É o caso da categoria Artísticos
da galeria de filtros. Os efeitos disponíveis nestes filtros geram simulações com o uso de esponjas,
aquarelas, lápis de cor, entre outros. Veja o exemplo abaixo que trata da Plastificação, ou seja, um
revestimento da imagem com plástico brilhante, acentuando os detalhes da superfície. O efeito é
aplicado com um único clique na galeria.

Os filtros permitem ajustes em seus

padrões. No caso da Plastificação, você
pode alterar (no lado direito da janela) a
intensidade do realce, o nível de detalhes e
a suavidade do “plástico”.

Croqui

Esta categoria de filtros, chamada simplesmente

de Croqui, tem a função de adicionar texturas às
imagens, em geral para obter um efeito 3D. Para cada
textura um ajuste diferente, simulando a aparência
artística com o uso de elementos externo (papel
molhado ou de carta) ou por base em desenho à mão
livre (com o uso de pedaço de carvão, por exemplo).
A maioria deles usam as cores do primeiro plano e
do plano de fundo ao redesenhar a imagem. Vamos
ao exemplo para Papel de Carta, simulando um relevo em papel e feito à mão. Neste caso, as áreas
escuras da imagem aparecem como perfurações na camada superior do papel, revelando a cor do
plano de fundo (que neste caso é o verde). Mude a cor de fundo e faça o teste.

81
 Distorção

Os filtros desta categoria se diferem

daquelas outras distorções dos submenus.
Aqui eles distorcem geometricamente uma
imagem, criando efeitos 3D ou outros efeitos
de remodelagem. Mas tem um pequeno
detalhe: alguns deles usam muita memória
e podem comprometer o desempenho. Como
exemplo, veja o filtro Vidro, que faz com que
uma imagem pareça como se estivesse sendo
visualizada através de diferentes tipos de vidro. Para que o efeito fique mais completo, ajuste as
configurações de distorção, escala e suavidade.

Textura

Toda textura simula a aparência de

um objeto dando efeito de profundidade ou
relevo a ele. Neste caso, a categoria usa filtros
de textura para dar o destaque em imagens
como se ela estivesse com sua superfície
preenchida por buracos de profundidade
ou picos de relevo. Um exemplo é o filtro
Craquelé, que pinta uma imagem simulando
uma superfície de gesso em alto relevo,
produzindo uma fina rede de fendas que segue os contornos da imagem. Muito usado para criar
aquele enfeito de entalhe de uma imagem, permitindo alterar o espaço e a profundidade das fissuras.
Muito interessante!

Traçados de Pincel

Bem parecidos com filtros

Artísticos, a categoria de filtros
Traçados de Pincel dá uma
aparência de pintura utilizando
diferentes efeitos de traçado com
pincel e tinta. Eles podem adicionar
na sua imagem um granulado
especial, uma pintura em destaque,
um ruído, os detalhes de uma aresta
(contorno) ou até mesmo novas
texturas. Veja o exemplo a seguir do filtro Hachura, que de certa forma preserva as características
do original, mas ao mesmo tempo adiciona as arestas (contornos) mais ásperas nas áreas coloridas,
simulando o desenho a lápis.

Gostou do passeio por dentro da Galeria de Filtros? O que vale a partir de agora é treinar cada
vez mais.

82
 A combinação de filtros
Os filtros dentro da galeria também podem ser
combinados. O processo é bem simples: basta usar o ícone Nova
camada de efeito no rodapé da janela e do lado direito. Lá você
adiciona filtros separados que podem ser exibidos ou ocultados
na hora da entrega.
Veja o exemplo a seguir. Para compor a imagem foi usada a combinação de três filtros
diferentes, sendo dois da categoria Traçados de Pincel e um da Distorção. Claro que vale testar as
combinações até chegar ao ideal, segundo sua proposta ou a do cliente. O grande valor nisso tudo
é que a prática vai levando a perfeição, uma vez que você percebe quais filtros se encaixam melhor
uns com os outros à medida que vai testando.

Você pode até deixar

quantos filtros quiser e
apenas ocultar quais não
precisa no momento. Para
isso use o ícone do olho ao
lado do filtro.

Filtros inteligentes
De certa forma nós já vimos um pouco
sobre filtros inteligentes nas aulas anteriores.
Ele é qualquer filtro aplicado a um Objeto
Inteligente. Esses tipos de filtros aparecem
no painel Camada abaixo da camada Objeto
inteligente, pois eles estão associados a ele.
Sendo assim, é possível ajustar, remover ou
ocultar os Filtros inteligentes, pois eles são
não destrutivos.
A maioria dos filtros do Photoshop
pode se tornar um Filtro inteligente. Para isso, basta usar o menu Filtros – Converter para filtros
inteligentes para que a camada selecionada se torne uma camada de Objeto Inteligente (veja figura a
seguir). A partir do momento em que foi convertido, os filtros aplicados nesta camada passam a ser
Filtros Inteligentes. Aí você pode ajustar, reordenar ou exclui-lo.

Filtros da Digimarc
Existe um outro tipo de filtro no Photoshop – o Digimarc - que permite adicionar/incorporar uma

83
 marca d’água digital a uma imagem para armazenar
informações de copyright. Mas o que isso significa?
Vai acontecer uma proteção dos direitos autorais
de cada fotografia ou imagem produzida por você.
Desta forma, a ideia é evitar o uso dos seus materiais
criativos sem a sua autorização.
Para isso use o menu Filtros – Digimarc –
Embutir marca d’agua. Ele vai abrir uma janela onde
você define o ano da criação da marca e os atributos,
como por exemplo se o uso é restrito ou até mesmo
se tem conteúdo adulto. Tudo isso vai ser filtrado na internet se esta imagem estiver lá.

Em se tratando da durabilidade, tente usar números maiores quando a imagem for

disponibilizada na internet para ter mais proteção.

Filtros online
Quando você usa o Photoshop é possível acessar o menu Filtros e depois Procurar filtros
online para dar mais riqueza aos seus trabalhos. Ele te leva até o site da Creative Clound para buscar
várias e várias extensões, plug-ins e scripts. Procure pelo filtro desejado e baixe a extensão. Vá até
o arquivo baixado, clique com o botão direito do mouse e vá em Abrir com para usar o Adobe
Exchange instalado na sua máquina.

O caminho é este, mas existe um porém: é preciso que o aplicativo Creative Cloud Desktop
esteja instalado na máquina, na sua versão 4.6 ou posterior.

O que você aprendeu hoje?

84
 Atividades
1 Atividade 1 – Usando a galeria de filtros

Você fez muitos testes com os filtros da aula anterior. Hoje vamos continuar com esta prática
usando a galeria de filtros. Faça combinações diferentes para ver como as imagens se comportam
com o uso deles. As imagens serão sugeridas pelo seu professor, combinando até mesmo com o
uso de seleções.

Projetando
A segunda parte do nosso estudo sobre os filtros do Photoshop trouxe
novidades, principalmente no uso da galeria e dos filtros inteligentes. A combinação
deles traz resultados fabulosos. O projeto precisa ser incorporado com filtros
interessantes.

Uma imobiliária está vendendo seu novo empreendimento no centro da cidade.

Ela quer um portifólio simples para ser usado de forma virtual e nas redes sociais.
A ideia é criar um conjunto de imagens trabalhadas com filtros e que represente os
destaques do centro, unindo com mensagens simples de texto para chamar a atenção dos clientes.
Veja o exemplo a seguir com imagens do centro da cidade de João Pessoa. Ao final, não esqueça de
alimentar o portifólio.

Uma amiga da família sabe que você está ficando craque no Photoshop e quer
que você faça uma imagem bem “estilosa” (pense na combinação de filtros) para ilustrar
o convite de casamento dela. A sua criatividade vai fazer a diferença aqui, unindo todos
os conhecimentos anteriores. Depois de pronto, alimente o portifólio.

85
Aula 11

Recursos e complementos
Ponto de fuga
Impressões
Maximizar compatibilidade
Ferramenta história da arte
Salvar para Web
A criação de um PDF
 Ponto de fuga
Existe um recurso muito interessante dentro do Photoshop que é conhecido como Ponto de
Fuga. A tarefa dele é simplificar a edição por meio de uma perspectiva criada por você em forma de
planos com malhas, como por exemplo, as paredes de um prédio, o assoalho da casa, entre outros.
Você usa o Ponto de fuga para edições ou aplicações de outras imagens no local. A mágica acontece
porque tudo vai respeitar a perspectiva do plano
que você criou. Ficou complicado entender? Vamos
lá.
O primeiro passo é escolher a imagem que
envolva perspectivas. No caso da figura a seguir
usamos a fachada de uma casa como exemplo.
Duplique a camada de fundo para trabalharmos em
cima dela.

Em seguida vamos desenhar os planos e

as malhas. Para isso, use o menu Filtros – Ponto
de fuga. Com ele você tem acesso ao ícone de
criação dos planos lá no canto superior esquerdo
da janela que será aberta. Vá clicando no contorno
definido até ficar igual a perspectiva escolhida. Veja
no exemplo ao lado:

Ao soltar o clique, o plano é criado por meio de uma malha. Você pode aumentar ou diminuir
o tamanho da grade arrastando nos cantos. Aumente também o tamanho da grade utilizando o
controle deslizante no topo da janela.

Vamos agora acrescentar um outro objeto

dentro desta malha. Escolha qualquer
outra imagem (de preferência com fundo
transparente), recorte, copie e cole dentro
da janela do ponto de fuga. No caso abaixo
vamos homenagear os Vingadores, colocando
sua logo original na fachada da casa.

87
 Perceba que o recorte ficou bem
maior do que o esperado. Use Ctrl+T
para redimensionar o tamanho. Depois é
só arrastar para dentro da malha criada.
Simples assim. Ah, aproveitando o momento
colocamos a logo no teto da área da piscina.

Quer ver como ficou o resultado

final? De forma simples você agora é
capaz de entender como funciona o
ponto de fuga no Photoshop.

Impressões
Se você deseja enviar o seu trabalho para imprimir em uma impressora desktop ou em uma
gráfica, saiba que existem alguns processos que facilitam o trabalho para atingir a aparência desejada.
Escolher o tipo, por exemplo, ajuda a enviar para vários dispositivos de forma que elas sejam
impressas diretamente ou convertidas em imagens positivas ou negativas em filme.
Mas o importante aqui é ajustar a posição e o dimensionamento de uma imagem usando
opções na caixa de diálogo do caminho Arquivo - Imprimir.

A escala de dimensionamento apenas altera o tamanho e a resolução da imagem impressa.

Exemplo, se uma imagem de 72 ppi for dimensionada para 50%, então ela será impressa com 144

88
ppi e com tamanho menor que o original. Só que o tamanho da imagem original não será alterado.
Veja a seguir:

Podemos também imprimir parte de uma imagem usando a

Ferramenta Letreiro de Retângulo para selecionar a parte a ser
impressa. Depois, basta ir em Arquivo - Imprimir e selecionar
Imprimir Área Selecionada.

Maximizar compatibilidade
Para evitar problemas de compatibilidade de versões o
legal é adicionar uma versão regular da imagem ao arquivo salvo.
Para isso, vá em Editar - Preferências - Controle de arquivo,
e no menu Maximizar compatibilidade de arquivo PSD e PSB
selecione Sempre (para salvar uma imagem achatada com tudo
junto), Perguntar (vai perguntar se quer o processo antes de
salvar) ou Nunca (que salva apenas uma imagem em camadas).

Ferramenta história da arte

Quer fazer uma pintura na imagem com traçados bem estilizados, simulando a textura de uma
tela tradicional de pintura com diferentes cores e estilos artísticos? A Ferramenta História da Arte
faz este trabalho, transformando o mouse em um pincel semelhante ao usado por pintores. Com
ela selecionada, você consegue mudar a barra de opções para personalizar o traço, tais como o
tamanho, a opacidade, a dureza, o estilo, entre outros. Veja abaixo que simulamos o efeito da pintura
no pelo de um gato para que você enxergue o resultado.

89
 Salvar para a Web
Este recurso é muito usado no Photoshop para otimizar
fotos em alta resolução para a web. Na figura a seguir você vê
a janela que permite este trabalho de atualização da imagem.
Você encontra, principalmente, o local para selecionar o tipo
da imagem convertida (GIF, JPEG, PNG) e na parte de baixo
o tamanho que ela será exportada. Dependendo da imagem,
você vai perceber que os ajustes de cor e contrastes serão
feitos de forma automática, dando mais vivacidade a imagem.

Um detalhe importante: os metadados vão acompanhar a imagem e você terá reservados os

direitos sobre ela quando for divulgada em um site qualquer.

A criação de um PDF
É possível salvar no formato PDF do Photoshop para que se possa preservar dados do
Photoshop, como camadas, canais alfa, observações, entre outros. Quando você quiser poderá abrir
o documento e editar as imagens no Photoshop.
Para isso, vá em Arquivo - Salvar Como e, caixa Formato, selecione PDF do Photoshop. É
possível incluir camadas, observações, cores spot ou canais alfa, se eles estiverem incorporados a
imagem. Depois é só salvar.

Na caixa de diálogo aberta em seguida é

sempre bom especificar qual predefinição de
Adobe PDF você deseja. Pode ser impresso em
uma impressora desktop, distribuído por e-mail ou
exibido na Web, entre outros.
E tem mais: dá até para adicionar opções
de segurança, tais como, colocar uma senha de
segurança para abrir o documento.

90
 O que você aprendeu hoje?

Projetando
Hoje estudamos mais alguns itens importantes do Photoshop, incluindo o
ponto de fuga e o pincel história da arte. A combinação de mais estas ferramentas
ajuda no trabalho de qualquer designer. Vamos trabalhar mais algumas tarefas e
aperfeiçoar seu conhecimento.

Você já aprendeu sobre mockup no módulo que iniciou o estudo sobre o design
gráfico. No Photoshop é possível fazer este tipo de trabalho, usando até mesmo o
ponto de fuga. Sendo assim, um cliente contratou seus serviços para colocar a sua logo
dentro de um outdoor de rua, em formatos diferentes. Ele não especificou quais, mas pediu dois ou
três modelos diferentes. Veja as figuras a seguir que ilustram (como exemplos) os formatos pedidos.

Um dos seus clientes quer fazer uma surpresa de aniversário para uma grande
amiga e pensou em um quadro estiloso, como se tivesse sido pintado à mão. A pintura
em si ficaria muito cara, então ele pediu que você usasse seus conhecimentos em
Photoshop para criar o efeito. Claro que você pode cobrar pelo trabalho. Importante: busque uma foto
de mulher em banco de imagens gratuitos ou use alguma que seu professor ofertar.

91
Aula 12

Combinando recursos
Combinações para efeitos

Combinações para textos

 Combinação para efeitos
A proposta desta aula é combinar alguns recursos que vão ajudar no trabalho de composição
de imagens. Nas anteriores vimos vários conjuntos, porém cada um para uma ação específica. O
interessante do Photoshop é quando você vai montando as camadas de acordo com a disponibilidade
do trabalho a ser executado.
O nosso primeiro exemplo é a pratica do efeito de desintegrar, aquele mesmo usado nos
últimos filmes dos Vingadores, ou seja, quando o vilão Thanos estala os dedos. Para iniciar vamos
escolher a imagem ideal. Use, preferencialmente, um que tenha um fundo não tanto detalhado para
facilitar a seleção. Transforme a camada plano de fundo em uma camada zero simplesmente clicando
duas vezes em cima do cadeado na frente do nome dela. Agora faça a seleção.

Uma das formas de melhorar este trabalho de seleção é refinar a aresta conforme você já viu
em aulas anteriores. Clique na barra de opções em Refinar Aresta e comece a fazer os ajustes de
suavidade, contrastes, entre outros, para deixar a camada mais “livre” do fundo.

A camada precisa ser duplicada, lógico, para que seja trabalhada como uma camada de seleção
única.

Por falar em fundo, o efeito tem que ser no menino e não pode confundir com o fundo. Para

93
 resolver o problema basta fazer uma remoção de objetos grandes, conforme você já aprendeu. Veja:

Os filtros

Cada camada pode ter um ou mais filtros, dependendo da ação inteligente dele. No nosso
caso, vamos trabalhar com apenas um filtro – o Dissolver. Para isso separamos uma camada para ela,
que no caso será a camada 1, duplicando a mesma. Então neste momento temos três camadas – 0,
1 e 2 – sendo que a 1 será a do filtro. Clique em Filtros – Dissolver e comece a arrastar as bordas
da imagem para dar o efeito de que o garoto está sendo puxado.

Viu como é divertido combinar recursos? Agora precisamos de máscaras para trabalhar os
efeitos de explosão. Crie uma máscara para as camadas 1 e 2, sendo de fundo preto para a camada
1 e fundo branco para a camada 2.

Os pincéis e as máscaras

Agora chegou a hora de pintar as máscaras para causar os efeitos. Mas para ficar mais
semelhantes possíveis, precisamos de uma predefinição de pincel bem específica, que as vezes
não vem no Photoshop. O que fazer então? Baixar um conjunto destas predefinições na internet
e incorporar aqui. O link a seguir tem um conjunto para download gratuito (https://www.brusheezy.com/
brushes)

Para instalar as predefinições, clique na Ferramenta Pincel, vá até a barra de opções, clique da
seleção do pincel e depois no ícone da engrenagem. Veja que vai abrir a possibilidade de Carregar

94
Pinceis para o Photoshop, ou seja, aquilo que você baixou.

Pronto, agora você tem mais pincéis

para serem usados. E um deles é o que simula
a explosão de pixels. Vamos começar usando
dentro da camada 2, a que está com máscara
branco, o que significa que será pintado de preto
para apagar os pixels conforme o estilo do pincel.
Veja a seguir:

Já na Camada 1 – O que está o filtro Dissolver – precisa ser revelada para combinar com o
outro fundo. Para isso, use a cor branca na mascara par ir revelando as cores do filtro usado.

Depois de tudo combinado, o efeito final fica algo parecido com o que você vê a seguir. E
tem um detalhe. O fundo não foi comprometido, mas apenas as seleções.

Combinação para textos

Os textos também usam efeitos interessantes quando no formato rasterizado, ou seja, como

95
 se fosse um bitmap. Vamos simular um efeito simples de brilho
com o texto SAVE THE DATE, muito usado no marketing digital
para orientar sobre uma data importante. Sem muita explicação
que alongue a aula, abrimos uma imagem nova com fundo preto,
e acrescentamos um texto branco. Repare que as duas camadas
foram formadas – a de fundo e da de texto. Na de texto, clique
com o botão direito do mouse e clique em Rasterizar Texto.

Formando um degradê

A ideia é pintar o texto com um degradê simples. Para isso, selecione o degradê desejado e
depois pinte a camada de texto. Detalhe: para que o texto fique selecionado, segure o CTRL e depois
clique na camada de texto. Arraste o degrade por cima do texto e veja parte do efeito acontecendo.

Conjunto de camadas

Mais camadas são importantes para que este efeito aconteça. Duplique a camada de texto
e crie uma nova camada. Esta nova camada criada servirá para combinarmos com mais um filtro,
que neste caso é o filtro Acabamento – Nuvens. Veja que ele fica sobreposto ao texto quando
combinamos o tipo, como por exemplo, o Subexposição de cores. E na camada de cópia do texto
aplicamos o efeito gaussiano para dar mais brilho ao texto. Veja o resultado:

Gostou do efeito? Você ainda pode

melhor o texto com as opções de mesclagem.
Clique na camada original do texto e depois
com o botão direito em Opções de mesclagem.
Veja que poderá alterar o chanfro, o contorno,
o brilho, entre outros.

96
 O que você aprendeu hoje?

Projetando
Hoje incluímos mais algumas peças dentre as centenas de combinações
possíveis dentro do Photoshop. O esperado é que você treine bastante o uso das
camadas, das máscaras, dos efeitos, entre outros, tudo para que esta combinação
tenha o efeito desejado.

Uma loja de artigos esportivos vai ser inaugurada no bairro onde você mora. O
dono pediu sua ajuda para criar um SAVE THE DATE da inauguração e distribuir nas
redes sociais. Detalhe: ele pediu apenas uma arte com textos, porém bem criativo.

A dispersão de pixels dentro do Photoshop permite muitas variações. Como

forma de conseguir a confiança do dono da loja esportiva e, certamente, conseguir
mais trabalho, crie um efeito de dispersão usando os conhecimentos que você adquiriu?
Crie algo semelhante ao que você vê na figura a seguir, retirada do site pt.brusheezy.com. Mas tem
um detalhe: use imagens de atletas para chegar mais próximo possível do ramo de negócios do seu
futuro cliente.

97
 Aula 13

Editor online + app

Vantagens da edição Online
Usando o Pixlr Editor
App Photoshop Express

98
 Vantagens da edição online
O Photoshop resolve praticamente todos os problemas durante a edição de fotos, e isto é fato.
Mas às vezes você pode estar numa situação onde não terá o auxílio dele para melhorar aquela
foto importante. Se for para algo rápido e fácil, existem os editores online que ajudam neste trabalho.
Além da vantagem daquele trabalho de edição acontecer sem o uso do “pai” dos editores,
podemos destacar que as ferramentas online com os recursos de qualidade estarão sempre disponíveis,
desde que você tenha acesso a internet. A edição pode ser feita ali, sentado à beira da calçada, com
um simples app instalado no celular. A entrega acaba sendo mais eficiente do que você imagina.
Nesta aula vamos conhecer alguns editores online + apps que podem substituir o trabalho do
Photoshop com aplicações rápidas e diretas.

Usando o Pixlrs Editor

O primeiro deles é bastante poderoso e resolve tarefas de forma rápida. O Pixlr Editor usa
HTML5 para fazer alterações nas cores e na saturação, aplicar nitidez nas imagens, aplicar efeitos,
selecionar partes da imagem, entre outros. Quando você acessa o site (https://pixlr.com/) de imediato
ele te dá duas opções: o Pixlr Editor e o Pixlr X. A diferença entre os dois está na quantidade
de ferramentas, sendo que o Pixlr X foi projetado com uma quantidade certa de ferramentas para
edições bem rápidas.

O Pixlr Editor já é mais sofisticada e só está disponível na web. Vamos basear nosso estudo
nesta aula a partir dele.

Veja o exemplo a seguir. Vamos simplesmente recortar a o “homem caindo” e replicar dentro
da própria imagem. Para isso abrimos o editor online e clicamos em File – Open, selecionando a
imagem desejada. Na lateral esquerda está a caixa de ferramentas, com ferramentas bem definidas
e parecidas com aquelas que vimos no Photoshop. A de seleção, por exemplo, é composta pela

99
Retângulo, Laço e Varinha. No caso da imagem usada, escolhemos facilitar o trabalho e selecionar a
Varinha Mágica.

Depois de selecionado, invertemos a seleção em Edit – Invert Selection e copiamos o recorte

em Edit – Copy ou CTRL + C. Com ela devidamente copiada, basta colar dentro da própria imagem,
gerando assim uma nova camada de seleção. Faça quantas vezes quiser e gere quantas camadas
quiser. O efeito vai depender mais da perspectiva (tamanho da imagem) em relação as outras. Altere
este tamanho em Edit – Free Transform ou CTRL + T.

Que tal recortar a seleção de uma imagem e colar em outra? O processo é o mesmo, só
trocar de imagem. No exemplo abaixo usamos um PNG do desenho de um pato e adicionamos como
“tatuagem” no bíceps de um homem. O resultado foi mais satisfatório porque combinamos a camada
com o fundo através de um modo chamado Multiply.

Retoques

Os retoques usando a Ferramenta de Carimbo e de Correção são bastante produtivas aqui no

editor. Funcionam no mesmo estilo do Photoshop, sendo que a única diferença está em relação ao
Carimbo é que usa a tecla CTRL ao invés do ALT. Veja a figura a seguir onde um senhor espera que
você retire pelo menos um pouquinho das rugas da sua testa. Qualquer uma das duas ferramentas
de retoque funcionam perfeitamente.

Veja só: além de retirar as rugas, conseguimos até mesmo colocar um pouco mais de cabelo
onde não tinha, simplesmente utilizando a Ferramenta Carimbo.

Filtros

Claro que eles não poderiam faltar. Os filtros são itens importantes na maioria dos softwares,
editores online e apps que editam imagens. Os algoritmos que fazem eles funcionarem trabalham
quase da mesma forma para filtros parecidos. No Pixlr Editor, eles estão, logicamente, no menu Filter.
Utilize de forma combinada e veja resultados expressivos. A imagem abaixo também foi extraída do
banco gratuito do Pixabay editada como filtro Scanlines.

App Photoshop Express

O Adobe Photoshop Express é um app gratuito para dispositivos móveis que consegue fazer
edições rápidas em fotos, tais como retoques, aplicação de filtros e colagens. Tudo isso pode ser feito
de forma bem prática e compartilhada diretamente nas mídias sociais.

101
 Baixe o aplicativo na loja virtual do seu dispositivo e instale. Ao abrir qualquer imagem começa
aí uma edição rápida. Isso significa fazer um corte necessário, um ajuste de brilho e contraste, uma
remoção de manchas, uma inserção de textos, entre outros. Muitos preferem usar para trabalhar a
iluminação em fotos tiradas em ambiente escuro ou selfies mal iluminadas. Outra opção interessante
é a aplicação de molduras, dando um visual mais
interessante ao resultado final.
Vamos fazer algumas simulações, começando pela
remoção de manchas e olhos vermelhos. Quando você
abre a foto para edição, um menu de ícone é exibido no
rodapé da tela, que vão desde o uso de filtros, recorte
e transformação, correções de brilho e contraste, e as
correções de manchas e olhos vermelhos. Veja que a
figura ao lado tem marcas de desgaste da foto. Toque
no ícone da remoção de manchas e comece a edição.
Quando mais você aumenta o zoom, mais fácil vai ficar
a correção por conta do nível de detalhes.

Existe ainda a remoção dos olhos vermelhos

como forma de correção. Apesar quer as máquinas
digitais reduzem ou praticamente eliminam este efeito,
a correção pode ser feita no app com apenas um clique
em cima do ícone e depois em cima do ponto a corrigir.

Ou até mesmo trabalhar com textos, combinando

com filtros e correções. O resultado pode atender a
uma demanda rápida de um cliente ou até mesmo em
situações que requerem a explicação rápida de alguma
imagem. O interessante é que você pode usar os textos
junto com estilos, o que deixa o trabalho mais rico.

102
 Aplicação de visuais

O Photoshop Express permite aplicar alguns tipos de filtros instantâneos, que no app são
chamados de Visuais ou Looks. Os efeitos permitem um controle de intensidade da imagem, assim
como a personalização do resultado esperado. Selecione o efeito desejado para aplicá-lo e ajustar
sua intensidade usando o controle deslizante. Nas figuras a seguir simulamos um efeito de vinheta
em formato retrato e um efeito da foto impressa em cima de um tipo de papel.

Você também pode criar e salvar seus visuais personalizados. Para fazer isso, toque em
Adicionar no painel Visuais, digite um nome e clique em Salvar look.
É possível fazer as edições rápidas de recorte e transformação. O mais bacana é a integração
com os padrões de tamanho das principais mídias sociais, tais como Facebook e Instagram. O app
permite que você crie diretamente na imagem uma variação para uma capa de Página do Facebook,
um perfil do Instagram, um post no Twitter, entre outros. Tudo com um toque simples.
E ainda, faça transformações de perspectivas usando o ícone transformar.

103
 O que você aprendeu hoje?

Projetando
Como já dissemos, a edição de fotos hoje em dia pode ser feita em qualquer
lugar e a qualquer momento. Nunca vamos pecar pela falta de um app que resolva
o problema em qualquer situação. As tarefas de hoje vão simular isto.

Uma rede de venda de roupas, bolsas e calçados quer fazer uma divulgação
sobre suas lojas nas redes sociais, mas a dono pensou em algo relacionado com os
memes, pois ele sabe que podem gerar um bom resultado. Ele então solicitou seus
serviços para pensar e produzir uma arte bem criativo para eles. Detalhe: como você
é uma pessoa bastante criativa e quer deixar uma boa impressão de trabalho, faça duas, ao invés de
uma arte, para que eles possam escolher a melhor opção.

Você foi passar uma semana de férias numa cidade do interior na casa de
uma tia. Na rua da casa dela existe uma pizzaria e você descobriu que o dono está
precisando urgentemente de uma arte para os panfletos que vai distribuir no fim de
semana em um evento que acontecerá na cidade. A ideia dele é fazer uma montagem envolvendo
pessoas, brindes, texto, refrigerantes, ou outros itens que chamem a atenção. Detalhe: você está de
férias e não tem o Photoshop. Use os seus conhecimentos e resolva o problema com editores online
ou apps, pois o dono da pizzaria disse que vai pagar bem por causa da urgência.
A figura abaixo ilustra mais ou menos o que fazer, só que sem usar o Photoshop.

104
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

105
 Aula 14

Editando com o GIMP

O que é o GIMP?
Comunidade GIMP
Interface do programa
Manipulando imagens usando camadas
Seleções e recortes
Corrigindo problemas de imagem

106
 O que é o GIMP?

Quando se fala em edição e manipulação de imagens a primeira coisa que vem à cabeça é o
Photoshop, lógico. Mas será que somente ele reina no mercado? Existem outros softwares bons e
até mesmo aqueles que quase se equiparam ao líder. Um deles é o GIMP.
Você já ouviu falar nele? O GIMP é uma ferramenta multiplataforma aberta e livre que permite
a manipulação de fotos, com tarefas bem similares a do Photoshop, tais como retoque, composição,
construção de cenários, entre outros. A grande vantagem é seu poder de extensão, ou seja, ele pode
ser aumentado com plug-ins e extensões que os membros da comunidade criam. Por ser livre, ele
está coberto pela Licença Pública Geral ou GPL, oferece aos usuários a liberdade para acessar e
alterar o código-fonte do programa. Mais isso é um outro assunto que não vamos abordar aqui.
Durante a elaboração desta apostila a versão mais atual era a GIMP 2.10.10.

Comunidade GIMP
Como software livre, o GIMP é colaborativo com a participação de diversas pessoas ao
redor do mundo, formando assim uma grande comunidade. Juntas, elas resolvem bugs, criam novas
funcionalidades, traduzem e atualizam a documentação. Por isso o GIMP já é considerado algo
grande no mundo dos softwares de edição de imagens. A partir do momento que você se torna um
craque no assunto, poderá se juntar a turma de colaboradores.
Conheça alguns pontos de encontro dos amantes do GIMP:

• Software livre Brasil - Rede de pessoas de universidades, empresários, poder público,

usuários, ONG’s e demais pessoas que tem como objetivo a promoção do uso e do desenvolvimento
do software livre. Lá tem uma área exclusiva para o GIMP (http://softwarelivre.org/comunidades-
brasileiras/gimp-brasil);
• O GIMP Brasil (https://www.gimpbrasil.org) é um site que traz dicas, tutorias, videoaulas, tudo
para que você possa aprender mais;

107
 • O próprio site do GIMP traz espaço para troca de informações entre usuários (www.gimp.org).

Interface do programa
Se você já baixou e instalou o GIMP na sua máquina, então é hora de abrir o programa. Antes
de abrir a interface principal ele faz uma série de testes para configurar todas as opções. Por isso,
se demorar não se preocupe.
Quando o GIMP for aberto pela primeira vez, o padrão será o chamado modo de janela
múltiplas (janelas soltas na tela), que facilmente pode ser alterado para o modo de janela única
usando o menu Janelas - Modo de janela única na barra de menu.

A figura acima mostra o arranjo de janela única com os seguintes itens:

(A) - Caixa de ferramentas que contém os ícones com as ferramentas que podem ser usadas.

(B) - Abaixo dela vem as Opções de ferramentas que é uma área que mostra as opções para
a ferramenta atualmente selecionada.
(C) - No meio vem a Janela de Imagem, sendo que cada imagem aberta é exibida em uma
janela separada. Acima é uma imagem retirada do Pixabay.
(D) - E no lado direito vem a área de encaixe de Camadas, Canais, Vetores, aberto em guias
(abas), mostrando a estrutura de cada item, como por exemplo, as camadas que foram criadas para
o trabalho realizado.
(E) - E por fim, ainda no lado direito, tem a aérea de Pincéis/Texturas/Degradês que exibe o
gerenciamento dos pincéis, texturas de degradês usados.

Manipulando imagens usando camadas

Assim como no Photoshop, trabalhar com camadas é uma boa maneira de organizar e visualizar
a composição completa de uma imagem no GIMP. Funciona da mesma forma,
como se fosse uma pilha de papéis transparentes e individuais. Essa organização
das camadas está na caixa de diálogo Camadas, no lado direito. Ela começa com
a camada única que representa o fundo da imagem e outras podem ser criadas
simplesmente clicando com o botão direito em uma camada qualquer e depois
em Nova Camada ou clicando no ícone Criar uma nova camada no rodapé
da caixa e diálogo. Ah, crie também grupos de camadas para deixar tudo mais
organizado, assim como no Photoshop.
 Como você já tem uma certa
experiência com camadas, vamos apenas
mostrar um exemplo simples dentro do
GIMP. Aqui vamos criar uma nova camada,
pintá-la de preto e fazer uma mesclagem
com a camada principal. Para quê? Para
que possamos recuperar a cor da imagem
original em apenas alguns pontos desejados.
Veja na primeira figura que criamos uma
camada simples com o preenchimento da cor de frente, ou seja, o preto.

Em seguida, vamos alterar o modo para Cor HSL na camada criada, justamente para saturar
a cor da imagem mesclada. O resultado fica praticamente um preto e branco. Aí use a Ferramenta
borracha e comece a apagar a área que você não quer mesclar. Assim, a cor original é revelada. Veja:

Vale lembrar que quando selecionamos uma ferramenta sua área de opções
muda para que você possa ajustar as configurações daquela ferramenta. Na figura
ao lado vemos as opções da ferramenta Borracha, com possibilidade de alteração
do tamanho, ângulo e até mesmo a dureza. O resultado fica melhor dependendo
das opções que combinar aqui.

Seleções e recortes
Também semelhante ao Photoshop, temos a possibilidade de selecionar
apenas uma parte de uma imagem. Dentro da Caixa de Ferramentas temos as
seleções retangulares e elípticas, além das ferramentas mais amplas como a
varinha mágica e a seleção livre. O uso é bem semelhante ao que você já tem
costume com o Photoshop e suas camadas de seleção.
Veja um exemplo simples a seguir, onde selecionamos a parte vazia da
imagem de um ET e depois invertemos a seleção em Selecionar – Inverter. Depois
foi só copiar e colar para dentro da imagem de
destino.

109
 Ih, o tamanho não encaixou na imagem? Então vamos redimensionar, só que aqui usando Shift
+S. Ajuste o tamanho desejado e depois coloque no lugar desejado. E que tal usar a Ferramenta
Borracha para encaixar a imagem no local que escolheu? Veja como vai ficando e depois o resultado
final.

Lembrando que a seleção abre uma camada flutuante na área de Camadas.

Corrigindo problemas de imagem

Aquela correção que você viu lá no Photoshop e que até mesmo permitiu a retirada de
manchas ou retoques na pele também é perfeitamente possível aqui. A Ferramenta de clonagem
usa o pincel ativo para copiar pixels de uma imagem ou textura. Fica mais fácil reparar áreas com
problemas em fotos digitais. Lá no Photoshop você usava a tecla ALT. Aqui pressione a tecla CTRL
e clique na parte desejada da imagem de origem.
Um dos trabalhos mais práticos para o uso das ferramentas e a correção em problemas de
imagem. Imagine uma foto antiga, já desgastada pelo tempo e que merece uma correção. Aproveite
a ferramenta e faça um trabalho de paciência para deixar a foto bem profissional.

Tente copiar os pixels mais próximos possíveis do local de correção. Isso dá uma precisão
maior na foto. E mesmo assim as propriedades da ferramenta podem ser alteradas para melhorar
a pintura, sendo com o tamanho do pixel quando da dureza e força do carimbo. Veja nas imagens
abaixo como ficou o resultado. Claro que você pode usar o menu Cores para ajustar, por exemplo, o
brilho e contraste na imagem reparada.

110
 O que você aprendeu hoje?

Projetando
Com esta aula de hoje você já deve ter percebido que o GIMP faz um
trabalho bem semelhante ao Photoshop. Se você estiver trabalhando em uma
empresa que não se usa o Photoshop, não haverá dificuldade alguma no assunto.
Vamos praticar?

Um homem herdou o álbum de família que estava com o seu pai. Ele está
cheio de fotos bem antigas e muitas já estão desgastadas (veja exemplos abaixo). Um
belo dia o homem resolveu presentear os parentes mais próximos com essas fotos,
devidamente recuperadas e bem trabalhadas. Para isso, ele contratou seus serviços. Mãos à obra.

Você está se preparando para

se especializar na criação de cenários
criativos usando o GIMP. Um cliente
quis ver um material pronto antes de te contratar.
Ele pediu um cenário que combinasse pelo menos
três objetos diferentes, como os exemplos a seguir.
Use a sua criatividade e alimente o portifólio.

Vamos a um desafio: um dos parentes (descrito na primeira tarefa)

adorou a recuperação que você fez e resolveu pagar um pouquinho a mais EXTRA
para colorir toda a imagem, mas sem descaracterizá-la. Você consegue? DESAFIO
Acreditamos que sim.

111
 Aula 15

Editando com o GIMP – Parte II

Ferramentas de pintura
Ajustes de tons e cores
Trabalhando com textos
Explorando os filtros
Exportando um projeto no GIMP
Finalizando o projeto do curso
Corrigindo problemas de imagem

112
 Ferramentas de pintura
Trabalhar com pinturas no GIMP e tão quanto semelhante ao que você viu no Photoshop, com
uma informação importante: a caixa de ferramentas do GIMP possui treze ferramentas de pintura,
que vão desde a Ferramenta Lápis até aquelas que você viu na aula anterior que clonam os pixels da
imagem. Todas elas criam as pinceladas a partir do momento que o mouse é movimentado e clicado.
Os mais usados são os mais tradicionais, tais como o Lápis, o Pincel, o Aerógrafo e a Ferramenta
de tinta.

Pintura básica

Um dos usos mais comuns é pintar seleções. Vamos seguir o exemplo abaixo usando a
seleção de laço para criar um contorno em volta do boné do garoto e para destacar a grama atrás
dele. Com a Ferramenta Pincel ativada em 47% de opacidade (transparência) você consegue causar
o efeito desejado no boné com a cor azul.

Já na grama de fundo o processo é o mesmo, porém só alteramos um pouco a opacidade para

26% e ativamos o recurso de espalhamento, na parte de baixo da caixa de opções da Ferramenta
Pincel.

As ferramentas desse grupo (lápis, pincel e aerógrafo) são as mais básicas para pintura do
GIMP, sendo o lápis a mais crua e com borda mais dura, o pincel como intermediário e o aerógrafo

113
 o mais flexível, muito usada para pintar áreas com cores suaves.

Balde de tinta

Essa ferramenta preenche uma área ou seleção com a cor de frente atual. Se você pressionar
CTRL enquanto clica com a ferramenta de balde ativada, ela irá usar a cor de fundo. A quantidade
de preenchimento depende de qual limiar de preenchimento que você especificou. O limiar de
preenchimento determina quanto diferente podem ser as cores para o preenchimento se espalhar.
Importante: Não use somente uma cor, mas aproveite uma textura, como a que você vê na
figura abaixo e adicionado no texto a palavra “EXTRA” usando o balde de tinta.

Ajustes de tons e cores

Outra forma de trabalhar com cores de imagens é usando a Ferramenta de cores, onde você
pode manipular as cores modificando o equilíbrio delas, ajustando o nível de matiz, saturação e
luminosidade, usar tons de cinza, ajustar os níveis de brilho e contraste, entre outros. A Ferramenta
de Matiz-saturação, por exemplo, é usada para ajustar os níveis da matiz, saturação e luminosidade
de uma determinada cor de uma área selecionada ou da camada ativa.
Para exemplificar vamos acessar o menu Cores e usar o submenu Colorizar. Ele vai permitir
mudar as cores de uma imagem usando os recursos de matiz, saturação e luminosidade transformando
a camada ativa ou seleção em uma imagem em tons de cinza sendo vista por um vidro colorido. O
resultado pode ser atrativo.

Este foi apenas um dos exemplos criados. O menu Cores permite que você faça os ajustes de
brilho e contraste que tanto são necessários no nosso dia a dia, assim como correções automáticas
nas cores, a dessaturação, entre outros.

114
 Trabalhando com texto
A Ferramenta de texto aqui no GIMP é tão simples quanto o seu uso no Photoshop. Ela
adiciona áreas de texto em uma imagem, digitando diretamente nela. A barra de ferramentas vai
permitir a edição para mudar a fonte, cor e tamanho do seu texto, e alterar a margem, interativamente,
entre outros. Já as alças no retângulo que envolve o texto permitem redimensionar o tamanho do
quadro e suas seleções retangulares.

Qualquer tipo de efeito aplicado ao texto é incorporado como um todo na seleção. No exemplo
abaixo usamos apenas um filtro simples de desfoque (desfoque gaussiano) para dar o efeito desejado
ao texto, colorindo com o balde de tinta e uma textura chamada Marble #1. Veja:

Explorando os filtros
Por falar em filtros, eles estão no GIMP. Eles também modificam a aparência de uma imagem
na camada ativa dela. Eles estão juntos dentro do menu Filtros, separados por algumas categorias,
bem parecidas com o que você já viu. Uma das vantagens quando se utiliza filtros no GIMP é a pré-
visualização com as mudanças na imagem em tempo real. Isso facilita muito o trabalho, antes de ser
aplicado a ela.
As figuras a seguir mostram a aplicação de um tipo de filtro de distorção chamado de Distorção
de lente. O efeito simula a aplicação visual de uma lente a imagem.

115
 Exportando um projeto no GIMP

Uma das formas de trazer uma imagem editada para o mundo externo a partir do GIMP é
através do uso a opção de exportação. Na verdade, quando salvamos o arquivo no GIMP, ele usa um
formato especial – o XCF – que grava todos os itens da edição. O detalhe é que ele não pode ser lido
pela maioria dos outros programas e, por isso, é preciso exportar para outros formatos como por
exemplo o JPEG, PNG, TIFF, entre outros. E isso pode ser feito usando o menu Arquivo – Exportar.
Na janela de exportação, escolha o tipo a ser exportado e pronto. O resultado é um arquivo mais
amplo e que pode ser usado em outros programas.

Finalizando o projeto do curso

Chegamos ao fim de mais um projeto. Desta vez a sua missão foi construir um portifólio
virtual para agregar o material que você criou ao longo de todo o curso. A ideia foi te preparar para
abrir o espaço para se tornar um freelancer e ganhar dinheiro com o seu trabalho como designer.
Mas isto não termina aqui. O portifólio continua com o que chamamos de multiplicação, ou
seja, a criação de artes apenas para apresentar aos leitores do seu portifólio o quanto você é criativo.
Enquanto não houver demanda de mercado, crie e distribuía novas artes fictícias. Faça o seu nome
mostrando aquilo que você tem de melhor.

O projeto se despede sabendo que você aproveitou muito as tarefas feitas em cada uma das
etapas. Continue praticando!

116
 O que você aprendeu hoje?

Projetando
Mais um pouco de GIMP vai muito bem, certo? A combinação e efeitos, uso
de textos, pinturas, entre outros pontos ajudam a transformar uma simples imagem
em um trabalho bacana. Continuando com aquela mesma ideia de que se você
não tiver o Photoshop não vai perder a oportunidade, vamos praticar mais alguma
coisinha.

Um amigo resolveu que quer montar uma empresa para produzir almofadas
personalizadas, com a arte ao gosto do cliente. Porém, num primeiro momento, ele
quer atingir públicos-alvo diferentes, ou seja, fazer almofadas personalizadas, mas para
grupos específicos. Ele pediu a você a arte para dois grupos em especial: os que curtem filmes e
séries e aqueles que estão apaixonados de verdade. Sendo assim, monte duas artes bem interessantes
para as primeiras almofadas que serão criadas. Dica: depois das artes criadas, faça um mockup dela
dentro do próprio GIMP.

Revise todo seu trabalho ao longo do curso e veja se falta alguma peça para
acrescentar no seu portfólio. Oficialmente, faça a entrega para seu professor e finalize
o projeto.

117
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

118
 ANOTAÇÕES
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________

119