Este documento fornece instruções sobre como usar ferramentas de edição de imagem no Adobe Photoshop, incluindo camadas, máscaras, gradientes e desfoque. O documento também contém cinco exercícios práticos para aplicar essas técnicas e editar imagens.

1. Curso€de€Especialização€Tecnológica
Tecnologias€e€Programação€de€Sistemas€de€Informação
Ferramentas€Multimédia
Formador:€João€Leal

2. Edição de Imagem
Nesta Unidade, em particular, propõe-se a utilização do mais completo
Software disponível para o tratamento digital de imagem (Adobe Photoshop).
Este programa, pelo facto de utilizar a imagem como matéria-prima e por
possuir um leque muito variado de ferramentas, promove e estimula as capacidades
de expressão por parte dos seus utilizadores, sendo por isso um óptimo meio para o
desenvolvimento das capacidades criativas dos mesmos.
Existem mais programas de
Edição de Imagem e deverão utilizar
aquele que mais corresponder às
vossas necessidades e expectativas. A
forma de utilização e edição é muito
idêntica em todos eles.
www.joaoleal.net Formador: João José Leal 2

3. Ambiente de Trabalho
www.joaoleal.net Formador: João José Leal 3

4. Camadas
As camadas (layers) permitem trabalhar num elemento da imagem sem
interferir nos outros.
É possível alterar a composição de uma imagem alterando a ordem e os
atributos das camadas.
www.joaoleal.net Formador: João José Leal 4

5. Quando inserimos uma imagem sobre outra, passamos a trabalhar com duas
figuras distintas numa mesma janela.
O background, ou Plano de Fundo, é o layer (Camada), uma película
transparente sobre a qual a segunda imagem é inserida. Uma mesma janela pode
conter até 100 camadas em qualquer ordem gerando, assim, a imagem final. A grande
vantagem desse recurso é que as imagens não se misturam, podendo ser manipuladas
independentemente e apagadas a qualquer momento, sem que nada aconteça às outras.
www.joaoleal.net Formador: João José Leal 5

6. Camadas auxiliam-nos no trabalho quando um elemento na imagem pode estar
separado em outras camadas sem influenciar na imagem.
Devemos pensar em camadas como se fossem folhas de papel transparente
onde podemos desenhar uma parte da imagem em cada folha e assim visualizar a parte
de baixo naturalmente (logicamente que apenas a parte da imagem que a parte de cima
não cobrir).
www.joaoleal.net Formador: João José Leal 6

7. Cada parte, em que se divide a imagem seria uma camada, e apenas será
visualizada na imagem total a parte da imagem que a camada superior não esconder
facilitando, assim, a aplicação de partes de imagens sobrepostas. Podemos unir as
camadas, aplicar estilos individuais a cada uma delas, assim como filtros e efeitos
distintos como se fossem imagens distintas também.
www.joaoleal.net Formador: João José Leal 7

8. A paleta Camadas (Layers) relaciona todas as camadas, todos os conjuntos de
camadas e efeitos de camadas numa determinada imagem. Várias tarefas podem ser
executadas nesta paleta, tais como: criação, ocultação, exibição, cópia e exclusão de
camadas,…
www.joaoleal.net Formador: João José Leal 8

9. O painel das camadas é composto por três zonas importantes:
parte superior
parte central
barra de ícones
www.joaoleal.net Formador: João José Leal 9

10. Parte Superior
A parte superior apresenta as opções de Blending, Opacidade (Opacity),
Bloquear(Lock) e Preenchimento (Fill).
www.joaoleal.net Formador: João José Leal 10

11. Blending – forma como a camada aparece na imagem, por defeito está com a opção
normal.
Opacidade (Opacity) – corresponde ao nível de visualização ou transparência dessa
camada.
Bloquear (Lock) – permite bloquear as quatro opções: transparência, imagem, posição e
tudo.
Preenchimento (Fill) – define a percentagem de preenchimento da camada.
www.joaoleal.net Formador: João José Leal 11

12. Parte Central
A parte central do painel é onde aparecem as camadas.
www.joaoleal.net Formador: João José Leal 12

13. Barra de ícones
A barra de ícones está localizada ao fundo na janela. Alguns destes ícones
também aparecem noutros painéis com funções semelhantes.
www.joaoleal.net Formador: João José Leal 13

14. Link – tem a função de ligar duas camadas, isto é, ao deslocar-mos uma camada, também
deslocaremos a outra e assim sucessivamente para outras operações.
fx (ícone de estilos)– abre a janela Layer Style que permite adicionar estilos a essa
camada.
Adicionar uma máscara – permite adicionar uma máscara à camada seleccionada.
www.joaoleal.net Formador: João José Leal 14

15. Adicionar camada de ajuste – permite adicionar uma camada de ajustamentos ou
preenchimento para aplicar uma tonalidade diferente à imagem
final.
Pasta (Novo Grupo) – permite criar uma pasta para colocar as camadas, oferecendo uma
melhor organização sempre que existirem muitas camadas.
www.joaoleal.net Formador: João José Leal 15

16. Adicionar nova camada – permite adicionar uma nova camada (um dos mais
importantes e comum a quase todos os painéis laterais
de opções).
Balde de reciclagem – tem a função de eliminar uma camada.
www.joaoleal.net Formador: João José Leal 16

17. Máscara
As máscaras são um dos mais temidos elementos num programa de edição de
imagem.
Entender o que são e a sua finalidade é o objectivo primordial de quem
pretende trabalhar na edição de imagens, efeitos visuais, composição gráfica, enfim,
em todas as vertentes do mundo gráfico.
www.joaoleal.net Formador: João José Leal 17

18. A máscara e a selecção têm funções semelhantes, mas o potencial da
máscara é muito superior.
Isto porque a máscara permite recuperar e modificar áreas não visíveis em
qualquer altura.
Numa máscara:
Preto= ocultar
Branco = mostrar
www.joaoleal.net Formador: João José Leal 18

19. Os cinzas geram as cores transparentes numa máscara. Ou seja, cinza muito
escuro omite muito e cinza claro omite pouco.
Quanto mais escura a tonalidade do cinza, mais omite, logo menos
transparente fica.
CONFUSÃO?!?!?
www.joaoleal.net Formador: João José Leal 19

20. Esta é uma função muito utilizada para recortar pessoas, objectos em
fotos,… pois ao fazê-lo utilizando esta ferramenta, não perdemos o resto da imagem,
pois apenas escondemos o que não queremos que seja visto.
www.joaoleal.net Formador: João José Leal 20

21. Exercício 1
1. Abra o Adobe Photoshop com os ficheiros “foto13.jpg” e “foto14.jpg”.
2. Arraste a “foto13.jpg” para a “foto14.jpg” de modo a que fiquem as duas imagens no
mesmo ficheiro.
3. Feche a “foto13.jpg”. Maximize a janela de visualização da sua imagem e reajuste a
posição de modo a ocupar cerca de 75% da imagem total.
www.joaoleal.net Formador: João José Leal 21

22. 4. Para ajustar a “foto13.jpg” desbloqueie a camada Background e ajuste a sua posição.
5. Altere o nome da Camada 0 para ”Casal” e da Camada 1 para ”Monumento”.
6. Active a layer “Monumento” e adicione uma máscara.
7. Seleccione a ferramenta Degradê.
www.joaoleal.net Formador: João José Leal 22

23. 8. Configure as novas cores de transição do gradiente para preto e branco.
9. Crie um gradiente no topo da segunda imagem e arraste na vertical até ao meio dessa
imagem. Se o efeito não ficou como pretendia, use as teclas Ctrl + Z (para anular a
última operação) e volte a efectuar o gradiente.
10. Obtenha a terceira camada como fusão das duas existentes (Ctrl + Alt + Shift + E) e
defina o nome “efeito”.
www.joaoleal.net Formador: João José Leal 23

24. 11. Retire a saturação da cor (Image->Adjustments->Desaturate).
12. Aplique o filtro de ruído (Noise -> Add Noise…) com as propriedades Intensidade: 2%,
Distribuição: Gaussiana e Monocromático activo.
13. Adicione uma camada de ajuste de cor e defina a cor Azul (R: 90, G:215 e B:250).
14. Altere a propriedade Blending Mode dessa camada para a opção Color (Cor).
15. Altere a tonalidade dessa camada na primeira miniatura. Se desejar aplique um gradiente na
segunda miniatura.
www.joaoleal.net Formador: João José Leal 24

25. Exercício 2
1. Abra o Adobe Photoshop com o ficheiro “foto15”.
2. Para recorrermos ao processo de caricaturas utilizamos o menu Filtro (Filter) ->
Dissolver (Liquify).
A janela do menu Dissolver possui basicamente duas secções separadas pela
imagem na qual estamos a trabalhar: uma barra de ferramentas vertical do lado
esquerdo e uma série de comandos do lado direito.
É muito importante conhecer as funcionalidades dos botões do lado esquerdo.
www.joaoleal.net Formador: João José Leal 25

26. Serve para “empurrar” os pixels da imagem que estiverem à frente do pincel;
Faz a reconstrução da imagem como era anteriormente;
Faz a rotação dos pixels no sentido horário.
Transfere os pixels da imagem, das áreas externas para as internas, na
direcção do centro do próprio pincel, o que causa um efeito de “lente de
redução”;
www.joaoleal.net Formador: João José Leal 26

27. Transfere os pixels da imagem, das áreas internas para as áreas externas, o
que resulta num efeito de “lente de aumento”;
Move áreas de pixels para cima, para baixo, para a esquerda ou direita conforme
se utilize a ferramenta;
Cria imagens espelhadas de áreas, acima, abaixo, à esquerda ou à direita do
pincel;
Cria turbulências e efeitos como fogo, calor,….
www.joaoleal.net Formador: João José Leal 27

28. Serve para “congelar” uma determinada área da imagem e impedir que as
ferramentas do Dissolver possam modificá-la;
Liberta a área previamente “congelada” para poderem ser modificadas;
Move a imagem;
Amplia/reduz a vista da imagem.
www.joaoleal.net Formador: João José Leal 28

29. Exercício 3
1. Abra o Adobe Photoshop com os ficheiros “foto16.jpg”.
2. Defina a visualização a 50% sobre a parede que possui o autocolante a ser alterado.
3. Active a ferramenta Carimbo e defina o seu tamanho para 90 px.
4. Obtenha o primeiro ponto de referência do carimbo sobre o cruzamento de azulejos.
5. Proceda a aplicação do carimbo sobre o autocolante na respectiva área.
6. Aplique o carimbo até onde for possível.
www.joaoleal.net Formador: João José Leal 29

30. 7. Obtenha novos pontos de referência para o carimbo.
8. Repita todo este processo até que a parede fique sem o autocolante.
9. Salve o ficheiro com o nome “fotomodificada.jpg”.
10. Abra o ficheiro “foto17.jpg”.
11. Diminua a visualização de ambos os ficheiros, colocando-os lado a lado.
12. Arraste a segunda foto para a primeira.
13. Feche a segunda foto.
www.joaoleal.net Formador: João José Leal 30

31. 14. Altere o nome da camada para “relva”.
15. Rode a foto da relva de modo a que a relva fique na mesma orientação que a linha
de azulejos junto à pedra de mármore (no fundo da imagem).
16. Active a ferramenta de selecção por polígonos.
17. Obtenha a selecção da relva.
18. Inverta a selecção obtida no ponto anterior e elimine o seu conteúdo apenas com a
relva.
19. Desactive a selecção.
www.joaoleal.net Formador: João José Leal 31

32. 20. Desloque a relva para baixo até que a tonalidade da pedra de mármore se visualize.
21. Use novamente a ferramenta de carimbo e preencha com relva até à linha limite da
pedra de mármore. Aplique também relva nos limites da pedra, simulando que a pedra
está embutida na relva.
22. Junte as camadas.
23. Guarde o seu trabalho final com um nome escolhido por si.
www.joaoleal.net Formador: João José Leal 32

33. Exercício 4
1. Abra o Adobe Photoshop com o ficheiro “foto 20”.
2. Crie uma nova camada transparente.
3. Utilizando apenas as cores preto e branco, pinte a negro o objecto que deseja manter
em foco e a branco a área que deseja desfocar.
4. Vá ao menu Seleccionar (Select)->Intervalo de Cores (Color Range).
5. Ajuste o Grau de Selecção (Fuzziness) com o valor máximo.
6. Faço clique com o conta-gotas na área branca.
www.joaoleal.net Formador: João José Leal 33

34. 7. No menu Seleccionar (Select) faça Salvar Selecção (Save Selection) e grave a
selecção com o nome de torre.
8. Desta forma criou um canal de imagem que servirá de máscara.
9. Posteriormente, clique em Filtro (Filter)-> Desfoque (Blur)-> Desfoque de Lente (Lens
Blur).
Nos quatro grupos irá seleccionar:
Origem: torre;
Raio: 79;
Curvatura de Lâmina: 16;
Giro: 0;
Brilho: 0;
Limiar: 255;
Intensidade: 0
www.joaoleal.net Formador: João José Leal 34

35. Exercício 5
1. Abra o Adobe Photoshop com o ficheiro “foto 21”.
2. Coloque a figura a preto e branco.
3. Vá ao menu Imagem (Image)->Ajustes(Adjustements) -> Brilho e Contraste
(Brightness/Contrast). Altere o brilho para -49 e o contraste para 29. Desta forma as
áreas escuras perdem as várias tonalidades de sombra existentes e as claras ficam
ainda mais claras.
4. Posteriormente aplique um efeito granulado suave. Para isso, clique em Filtro (Filter)-
> Textura (Texture)-> Granulado (Grain). Altere a intensidade para 20 e contraste para
45. O tipo de granulado será suave.
www.joaoleal.net Formador: João José Leal 35

36. 5. Volte a repetir a Granulação, mas desta feita com tipo de granulado vertical.
6. Se julgar importante coloque também um efeito de visão central na imagem de forma
a dar mais realismo de foto antiga (por exemplo indo a Camada de Preenchimento ->
Degradé).
www.joaoleal.net Formador: João José Leal 36

37. Exercício 6
1. Abra o Adobe Photoshop com o ficheiro “Foto 22”.
2. Activar a ferramenta Máscara de Texto Horizontal (Horizontal Type Mask Tool)
3. Na barra de opções dessa ferramenta, defina o tipo de letra Broadway e tamanho
30pt.
4. Com a ferramenta sobre a imagem faça clique na zona da neve (a imagem fica com
tons rosa que significa que está em modo de máscara). Escreva a palavra “Serra da
Estrela” e termine clicando sobre o ícone em forma de “visto”.
www.joaoleal.net Formador: João José Leal 37

38. 5. Para alterar a selecção de modo a que o texto fique na mesma orientação da neve,
aceda ao menu Seleccionar (Select)-> Transformar Selecção (Transform Selection).
Depois seleccione a opção Warp.
6. Faça clique sobre a grelha e arraste a selecção de modo a obter o efeito de relevo
junto à neve. Pressione a tecla Enter para concluir a transformação.
7. Pressione Ctrl+J para copiar essa selecção para uma nova camada. Depois altere o
nome da nova camada para “serra”.
www.joaoleal.net Formador: João José Leal 38

39. 8. No painel de camadas, aceda ao ícone de estilos fx e seleccione a opção de relevo
Chanfro e Entalhe (Bevel and Emboss). Na janela de configuração defina as
propriedades Style: Inner Bevel; Technique: Chisel Soft; Depth: 100%, Direction:
Down; Size: 6 px e Soften: 0 px.
9. Para finalizar aceda ao menu Filtro (Filter) -> Desfoque (Blur) -> Desfoque de
Movimento (Motion Blur) e defina o ângulo: 80º e Distância: 10 pixels.
10. Guarde o seu trabalho.
www.joaoleal.net Formador: João José Leal 39