O documento apresenta uma aula sobre introdução ao Photoshop ministrada pelo Professor Leonardo Pereira. A aula aborda a interface do Photoshop, operações básicas de gestão de ficheiros e layers, e conceitos como blending modes e máscaras de layers.
1. Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Professor Leonardo Pereira
Ano Curricular - 2012 | 2013 COMUNICAÇÃO E MEIOS DIGITAIS
Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre
Aula 02
1. INTRODUÇÃO AO PHOTOSHOP
2. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
01
A interface do Photoshop
leonardpeartree@gmail.com
3. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
A interface A interface do Photoshop é essencialmente constituído pelas seguintes partes:
do Photoshop 1. Barra do menu
2. Caixa de ferramentas (Toolbox)
3. A Dock de paletas ou painéis
4. As paletas ou painéis 1
5. A janela do projeto
6. A barra de opções 3
6
4
2
4
4
leonardpeartree@gmail.com
5
4. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
A interface Painel ou barra de ferramentas
do Photoshop A barra de ferramentas é onde se encontram as principais ferramentas básicas
disponíveis no Photoshop para operar a edição de uma imagem.
Tendo em conta os nossos objetivos as que nos interessam reter são
as seguintes:
1. Move Tool 8. Hand tool
2. Marque tool 9. Brush Tool
3. Lasso tool 10. Zoom Tool
4. Clone Stamp tool 11. Set Foreground color
(quadrado de cima)
5. Eraser tool 12. Set Background color
(quadrado de baixo)
6. Paint Bucket tool 13. Eyedropper Tool
7. Type tool Vamos ao photoshop ver para serve
cada uma!
leonardpeartree@gmail.com
5. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
02
Operações básicas de gestão de um ficheiro
leonardpeartree@gmail.com
6. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Criar um Ficheiro
Para se criar um ficheiro novo no Photoshop é necessário fazer-se o seguinte:
básicas de 4
gestão de um 3
ficheiro 2
1
3
Dica:
Para se aceder à
3
criação de um fichero
novo pode-se utilizar 3
o atalho de teclado
seguinte sem ser
necessário recorrer-se
ao menu “File“:
1. File
Mac: 2. New
tecla cmd + N 3. Definir settings do ficheiro*
4. Carregar no ok
PC:
tecla control + N
*As Settings a definir são as seguintes:
Isto abre diretamente • O nome do ficheiro
a janela “New“. • Tamanho do ficheiro
• A resolução
• O sistema de cor a ser utilizado
• E até a cor do fundo ou Background
leonardpeartree@gmail.com
7. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Guardar um Ficheiro
Para se guardar um ficheiro novo no Photoshop é necessário fazer-se o seguinte:
básicas de
gestão de um 3
ficheiro 3
1
Dica:
Para guardar um
ficheiro novo pode-
se utilizar o atalho de
teclado seguinte sem
ser necessário recor- 3
rer-se ao menu “File“:
2
Mac:
tecla cmd + S 4
PC:
tecla control + S
Depois de guardado
o ficheiro este ataho
serve para se ir guar-
dando as alterações 1. File
que vamos fazendo ao 2. Save As
nosso trabalho. 3. Definir o nome, formato e onde guardar o ficheiro*
4. Carregar no Save
leonardpeartree@gmail.com
8. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Guardar alterações a um Ficheiro já gravado
Para se guardar alterações feitas a um ficheiro basta fazer-se o seguinte:
básicas de
gestão de um 1. File
ficheiro 2. Save
1
2
Ou então utilizar o atalho de teclado seguinte:
Mac:
tecla cmd + S
PC:
tecla control + S
leonardpeartree@gmail.com
9. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Customizar e alterar o tamanho e resolução de um ficheiro
Para se alterar o tamanho e resolução a um ficheiro basta fazer-se o seguinte:
básicas de
gestão de um 1. Image
ficheiro 2. Image size
3. Mudar setting (resolução e tamanho)
1 4. OK
4
2
3
leonardpeartree@gmail.com
10. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Operações Customizar e alterar o modo ou sistema de cor de um ficheiro
Para se alterar o modo de cor de um ficheiro basta fazer-se o seguinte:
básicas de
gestão de um 2
ficheiro
1
3
1. Image
2. Mode
3. Escolher o modo específico pretendido
para o ficheiro:
- CMYK
- RGB
- Grayscale
- etc
leonardpeartree@gmail.com
11. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
03
Layers - Gestão e edição
leonardpeartree@gmail.com
12. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: A layer e o Painel das Layers (Layer panel)
O painel das layers é onde estão exibidas e se podem criar a layer ou layers que
Gestão compõem um ficheiro/imagem. Uma layer é uma camada que no painel das layers pode
e edição ser empilhada com outras como se fossem acetatos, por forma a criar uma imagem
composta por partes de várias imagens. Cada parte da imagem pode ser uma layer.
leonardpeartree@gmail.com
13. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Ao criar um ficheiro... Mas podemos adicionar mais layers
Por defeito, quando abrimos um novo Podemos criar mais layers e trabalhar
Gestão documento no photoshop, este abre com individualmente em cada layer tendo essa
e edição apenas uma layer como na imagem em que estar devidamente selecionada neste
baixo. painel como demonstrado em baixo.
7 5
3 6 4
2
1 3
1. Cria uma nova layer | 2. Apaga a layer selecionada | 3. Com várias layers selecionadas ao clicar neste ícone
é criada uma pasta com as layer selecionadas | 5. Layer que surge por defeito | 4. layer criada quando se clica
no botão de criação de layer (1) | 5. Controla o nível de transparência de uma layer | 6. Ícone que liga e des-
liga a visibilidade de uma layer | 7. Atribui modos de interação cromática entre layers a uma layer | 8. Permite
aplicar efeitos a uma layer como uma sombra (drop Shadow) ou brilhos (Outer Glow)
leonardpeartree@gmail.com
14. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Merge layers selecionadas... Flatten layers
Quando temos muitas layers no painel das Quando temos mais do que uma layer, no
Gestão layers podemos fundir layers selecionadas painel das layers, podemos também con-
2 e edição em apenas uma. verter todas as layers em apenas uma.
5 Para tal temos de fazer o seguinte: Para tal temos de fazer o seguinte:
1. Selecionar no painel das layers as layers 5. Na barra de menu ir a “Layer“
que queremos fundir. 6. Dentro de “Layer” escolher
2. Na barra de menu ir a “Layer“ “Flatten Image“
3. Dentro de “Layer” escolher “
Merge layers“
1
3
leonardpeartree@gmail.com
6
15. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Blending modes entre layers
Os Blending Modes são propriedades que se aplicam a layers individuais por forma a
Gestão criar interações cromáticas entre os píxeis de diferentes layers. São vários e dão origem
e edição a efeitos visuais diferentes.
Por exemplo: Considerem-se duas layers de cor e que a que fica por cima tem os
seguintes Blending Modes. Os resultados visuais são os seguintes:
Normal (sem B. Multiply Screen Overlay
Mode)
leonardpeartree@gmail.com
16. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Aplicação de Máscaras a layers
As máscaras são um recurso que permite criar numa layer zonas de transparência,
Gestão independentemente de esta conter, ou não, nessas zonas, píxeis de cor.
e edição Este é um recurso muito útil que em conjunto com as seleções e com a Brush tool,
permitem aplicar operações de recorte não destrutivas, o seja, em que o que é suposta-
mente apagado não o é. É antes escondido.
1
Como aplicar uma máscara?
1. Ativar a ferramenta Marque Tool
2. Desenhar uma seleção na imagem
3. Com a layer a mascarar
selecionada, clicar no ícone
indicado na figura com nº 3
2
4. A Máscara é criada e a layer que a
recebe exibe apenas os píxeis que
se encontram dentro da área
delimitada pela máscara
5. A layer em si, no painel das layers
exibe a aplicação da máscara
4
5
3
leonardpeartree@gmail.com
17. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Aplicação de Máscaras a layers
Mas uma máscara pode, depois de criada, ser editada com o uso combinado da brush
Gestão tool e das seleções.
e edição
Antes de mais é preciso compreender que,
se queremos editar uma máscara, temos
primeiro que selecionar a máscara da layer
(2) e não os píxeis da layer (1).
1 2 Como editar, então, uma máscara?
3. Na barra de ferramentas, colocar o
foreground a preto (o quadrado de cima)
4. Selecionar a brush tool
5. Na layer garantir que é a máscara que
está selecionada e não a imagem
4
6. Com a brush tool pintar na imagem os
3
olhos de Obama por forma a esconder
os mesmos
7. Repare-se que na máscara da layer
esta também exibe a máscara mas com
6
valores de preto e branco.
Nota: para se voltar a repor os olhos de
Obama basta no passo 3 colocar o
foreground a branco e com a brush tool
pintar novamente a presença dos olhos na
imagem.
5 7
leonardpeartree@gmail.com
18. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Linkar layers
A linkagem de layers é uma operação que consiste em mascarar os píxeis de uma layer
Gestão em função da área ocupada por píxeis na layer imediatamente abaixo da primeira.
e edição
Como linkar, então, uma layer a outra?
1. Precisamos de ter duas layers:
2
Uma para a ser mascarada e outra para
1
mascarar a primeira;
3 2. A primeira layer (a ser mascarada) tem
3 de conter uma imagem;
6 3. Na segunda (a que fica por baixo),
5
4 desligando-se a visibilidade da primeira,
desenha-se, com a marque tool e com a
brush tool, um retângulo mal pintado;
4. Liga-se novamente a visibilidade da
primeira layer. Coloca-se o cursor na
linha divisória entre as duas layers, ao
mesmo tempo que se pressiona no
teclado a tecla ALT;
5. Surge entre as duas layers um novo
ícone (ícone de linkagem);
6. Com o ícone visível (cursor entre as
duas layers e com tecla ALT premida)
3 clicar com o rato para linkar as layers;
4 7
7. As duas layers ficam linkadas e isso é
visível, quer na imagem quer nas layers.
leonardpeartree@gmail.com
19. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Tipos de layers
Gestão 1. Layers Bitmap 2. Layers de Texto 3. Layers de Ajuste
e edição
Estas são as mais comuns e as Estas layers, embora compostas As layers de ajuste são layers que
que são, essencialmente por píxeis, são editadas utilizando permitem ajustar as cores das lay-
compostas pelos píxeis que a Text Tool ou fazendo-se um duplo ers situadas imediatamente abaixo
compõem uma imagem. clique sobre esta layer (no painel) das mesmas.
para alterar o texto.
São editadas com as ferramentas Como exemplos de layers de
já referidas de seleção e pintura. Estas podem, ainda, ser aumenta- ajuste temos, o Hue/Saturation,
das sem que se perca qualidade o Brightness/Contrast, Levels,
de imagem. Curves, Selective color, etc.
A todos estes tipos de layer é possível aplicar Blending modes, Máscaras e criar
Linkagens com outras layers. Aliás as layers de ajuste, quando criadas, são criadas
automaticamente com uma máscara, ainda que vazia.
leonardpeartree@gmail.com
20. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Criar Layers de ajuste Editar Layers de ajuste
1. Para se criarem layers de ajuste basta Para se editar uma layer de ajuste e a
Gestão que se clique no ícone situado no ex- forma como ela afeta as layers que estão
e edição tremo inferior do painel das layers. por baixo da mesma, implica manipular as
variáveis que o painel “Adjustments“ exibe
2. Depois é escolher um dos tipos de layer em relação a cada tipo de layer de ajuste
de ajuste disponível.
3. Para apagar uma layer de ajuste basta Layer
que esta esteja selecionada e se clique, ou Bightness/
no ícone , ou então clicando-se direta- Contrast
mente no Delete. +
Variáveis de
ajuste
Layer
Hue/
Saturation
+
2 Variáveis de
ajuste
leonardpeartree@gmail.com
1 3
21. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Layers: Operações de transformação formal de Layers
Às layers podem ser aplicadas operações de transformação e/ou distorção formal:
Gestão Estas operações estão disponíveis no “Edit“ (1) >> “Transform“ (2) e permitem fazer o
e edição seguinte:
1 3 4
5 6
2
3 7 8
8
5
4
6
3
leonardpeartree@gmail.com
7
22. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
04
Seleções - Gestão e edição
leonardpeartree@gmail.com
23. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Seleções: O que é uma seleção?
Uma seleção é a delimitação de uma área nos píxeis de uma layer ou numa imagem
Gestão para editar, apenas e somente, a área e os píxeis contidos dentro da referida seleção.
e edição Também serve para mover aposição do que se encontra selecionado.
Mas para tal, depois de desenhada uma seleção é necessário ativar a Move Tool
para mover a seleção.
Ferramentas de seleção
O Photoshop
leonardpeartree@gmail.com
24. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Seleções: Ferramentas de seleção - na barra de ferramentas
O Photoshop disponibiliza na sua barra de ferramentas uma série de ferramentas de
Gestão seleção:
e edição
1. As Marquee Tools 2. As Lasso Tools
As Marquee Tools são ferramentas de As Lasso Tools são ferramentas de seleção
seleção baseadas em formas retangulares baseadas em formas irregulares e assen-
e circulares: tes, ou na gestualidade da mão (Lasso), ou
na marcação de vértices (Polygonal).
leonardpeartree@gmail.com
25. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Seleções: Ferramentas de seleção - seleção por gama de cor ou cores
O Photoshop tem uma ferramenta na barra de menu muito útil quando numa imagem em
Gestão que um objeto ou elemento se destacam bem do fundo.
e edição
1 Essa ferramenta é o Color Range:
1. Select
2. Color Range
3. Picar a cor da zona com o Eyedropper
4. Definir a tolerância da cor (será variável de imagem para imagem) até na janela do
color range termos uma imagem em que o céu é branco e o resto é preto.
2 5. Ok
6. E, neste caso estamos selecionar o céu, ficamos com um céu selecionado de uma
forma quase perfeita.
5
4 4
3 6
4
3
leonardpeartree@gmail.com
26. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Seleções: Ferramentas de seleção - seleção a partir de layers
Uma forma curiosa de criar uma seleção é a partir do conteúdo de uma layer.
Gestão Quando uma layer está apenas parcialmente ocupada por píxeis é possível selecionar,
e edição nessa layer, o espaço ou áreas que tem informação ou píxeis de cor.
1. Colocar o cursor, no painel das layers, por cima do pequeno thumbnail presente na
layer que a contém, enquanto se pressiona a tecla cmd (mac) ou control (PC).
2. Quando surgir o ícone de seleção clicar em cima do thumbnail.
3. E a imagem surge com uma seleção em torno dos píxeis daquela layer.
3
1 2
3 leonardpeartree@gmail.com
27. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Seleções: Transform Selection
Uma seleção pode sofrer operações de transformação, sem afetar a informação ou
Gestão áreas que se encontra a delimitar numa imagem ou numa layer. Para tal é necessário
e edição fazer o seguinte:
1. Criar uma seleção
2. Na barra de menu ir a Select
3. Dentro de select escolher Transform Selection (na imagem a seleção surge com os
controlos de transformação)
4. Carregar com o bot do lado direito do rato por cima da imagem - surge a caixa de
escolha do tipo de transformação a aplicar
5. Escolher o tipo de transformação a aplicar
6. Aplicar a transformação
2
1 4
6
5
3
6
leonardpeartree@gmail.com
28. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
Seleções: Modify
O comando Modify, que se encontra em “Select“ (1) >> “Modify“ (2), permite aplicar a
1 Gestão uma seleção alterações como as seguintes:
e edição
Border Expand Contract Feather
A partir de uma se- A partir de uma se- A partir de uma se- Este comando
leção este coman- leção este comando leção este comando suaviza o limite de
do cria um border expande a seleção contrai a seleção uma seleção.
com um número de num número de num número de
píxeis por nós indi- píxeis por nós indi- píxeis por nós
2 cado. cado. indicado.
Seleção original Seleção com Border Seleção com Expand Seleção com Contract Seleção com Feather
leonardpeartree@gmail.com