24/09/2018
1
Capítulo IV – PhotoShop
CAMADAS
Photoshop
Camadas
As camadas do Photoshop são como folhas transparentes empilhadas. Através das áreas
transparentes de uma camada, é possível ver as camadas de baixo.
24/09/2018
2
Conceito de Camadas
Nestas folhas empilhadas podemos pintar, apagar, cortar, alterar
o posicionamento dos elementos e dimensões, sem provocar qualquer
Alteração nas restantes camadas.
Menu de apresentação das camadas (A) e composição (B)
(A) (B)
Trabalhar com camadas (Layers)
Camada de Base, Plano de fundo
ou Background layer
Três tipos de Plano de fundo:Três tipos de Plano de fundo:
Branco
Cor Plano de Fundo
Transparente
24/09/2018
3
Trabalhar com camadas (Layers)
Opção 1: Cor de fundo branco ou outra cor – nome da camada: Plano de Fundo
Apresenta um cadeado (protegido), não permitindo alterar nenhuma das suas
características.
Opção 1 Opção 2
Opção 2: Fundo transparente – nome da camada: Camada 1.
Considerada uma camada normal, não se encontra protegida e contém
Todas as características ativas.
Trabalhar com camadas (Layers)
Conversão de Camadas (Layers)
24/09/2018
4
Trabalhar com camadas (Layers)
Formasdeaceder}ascamadasesuaspropriedades
OU
Menu Camadas Opções palete de Camadas
Assim podemos aceder às várias propriedades
das camadas, tais como: diferentes opacidades,
combinar, Mover, esconder, apagar, rodar, inverter,
duplicar, alterar a ordem de visualização, adicionar
efeitos, filtros e máscaras.
Trabalhar com camadas (Layers)
Criar uma Camada
24/09/2018
5
Trabalhar com camadas (Layers)
Eliminar Camadas
Menu Camada, opção excluir camada
Selecionar camada a excluir
Recorrer à palete de camadas, selecionar
a camada pretendida, com o botão direito
do rato escolher a opção excluir camada
Trabalhar com camadas (Layers)
Proteção de Camadas
Transparência: Preserva as
áreas transparentes (Cadeado branco)
Imagem: não permite pintar
(Cadeado branco)
Movimento: Não permite mover (cadeado branco)
Proteção Total: Não permite qualquer tipo de
Alteração (cadeado preto)
24/09/2018
6
Trabalhar com camadas (Layers)
Camadas de Ajustamento
Escolher camada de ajuste
Ou preenchimento
Escolher camada de ajuste
Ou preenchimento
Preenchimento Ajuste
Critério: Camada de ajuste – Brilho/Contraste
Matiz/Saturação
Trabalhar com camadas (Layers)
Estilos
Escolher o estilo pretendidoEscolher o estilo pretendido
Ajustar as propriedades do(s) estilo(s)Ajustar as propriedades do(s) estilo(s)
24/09/2018
7
Trabalhar com camadas (Layers)
Estilos
Estilos visíveisEstilos visíveis Estilos visíveisEstilos visíveis
É possível criar estilos personalizados usando um ou mais estilos seguintes: Sombra Projetada – Adiciona
uma sombra que se projeta por trás do conteúdo da camada. Sombra Interna - Adiciona uma sombra que se
projeta apenas no interior das arestas do conteúdo da camada, dando-lhe uma aparência de baixo-relevo.
Brilho Externo e Brilho Interno - Adiciona brilhos que provêm das arestas externas ou internas do conteúdo
da camada. Chanfro e Entalhe - Adiciona várias combinações de realces e sombras a uma camada.
Acetinado - Aplica um sombreamento interior que cria um acabamento acetinado. Sobreposição de Cor,
de Degradê e de Padrão - Preenche o conteúdo da camada com uma cor, um degradê ou um padrão.
Traçado - Contorna o objeto na camada atual, usando uma cor, um degradê ou um padrão. É útil principalmente
em formas com arestas sólidas, como as de texto.
Exercício (Camadas)
Imagem Final
Imagem Inicial
Pretende-se organizar elementos na imagemPretende-se organizar elementos na imagem
24/09/2018
8
Exercício (Camadas)
Abrir o ficheiro dias felizes.psdPASSO 1:
PASSO 2: Aceder a seleção de layers
PASSO 3: Desativar a visualização de todas as layer exceto: “Cerca I e II”, “Nuvem 1
e 2”, e “fundo”
Exercício (Camadas)
Para mover os elementos na layer, selecionar a ferramenta de mover e ajustar as seguintes
opções
Para mover os elementos na layer, selecionar a ferramenta de mover e ajustar as seguintes
opções
24/09/2018
9
Exercício (Camadas)
Ativar a Layer “vento”PASSO 4:
Rodar 90 graus no sentido inverso ao do ponteiro do relógioPASSO 5:
Menu Editar
Transformação
girar 90 anti-horário
Exercício (Camadas)
Ativar a Layer “carroça”PASSO 6:
EspelharPASSO 7:
Menu Editar
Transformação
Girar Horizontal
Alterar a sua dimensãoPASSO 8:
Menu Editar
Transformação
Redimensionar
Para manter a
proporção pressionar
tecla shift
24/09/2018
10
Exercício (Camadas)
No final – duplo clique com o rato para efetivar as alteraçõesNo final – duplo clique com o rato para efetivar as alterações
Exercício (Camadas)
Ativar a Layer “regador”PASSO 9:
PASSO 10: Sobrepor o regador por alteração do posicionamento da respetiva layer
24/09/2018
11
Exercício (Camadas)
Ativar a Layer “bota I”PASSO 11:
PASSO 12: Espelhar
Menu Editar
Transformação
Virar Horizontal
Ativar a Layer “bota II”PASSO 13:
Mover as botas para que fiquem lado a ladoPASSO 14:
Exercício (Camadas)
Ativar a Layer “abobora”PASSO 15:
Duplicar a Layer “abóbora”PASSO 16:
Menu Camada
Duplicar Camada
24/09/2018
12
Exercício (Camadas)
Arrastar a nova abóboraPASSO 17:
Reduzir o tamanho da copia AboboraPASSO 18:
Menu Editar
Transformação
Redimensionar
Fazer duplo-clique sobre a layer “abóbora cópia” e alterar para “abóbora
pequena”
PASSO 19:
Exercício (Camadas)
Mover as duas abóboras conforme a figuraPASSO 20:
24/09/2018
13
Exercício (Camadas)
Alterar a ordem das abóboras de modo que a pequena fique por trás
da grande
PASSO 21:
Ativar a layer “caracol” e posicionar conforme a imagemPASSO 22:
Para um ajuste mais perfeito do posicionamento do caracol utilize as
teclas do cursor
PASSO 22:
Exercício (Camadas)
Selecionar e duplicar duas vezes a layer cogumeloPASSO 23:
Posicionar acima da layer “cerca”
PASSO 24:
Utilizar a tecla shift para selecionar as 3 layers com os cogumelo
Camada => Nova Camada => Via Cópia
24/09/2018
14
Exercício (Camadas)
Alterar o tamanho dos cogumelosPASSO 25:
Alterar o nome das layers cogumelos para “cogumelo pequeno”
“cogumelo medio”
PASSO 26:
Exercício (Camadas)
Alterar a cor das layers cogumelos, de forma não destrutiva adicionando
uma layer adjustment
PASSO 27:
Seleccione a layer cogumelo pequenoSeleccione a layer cogumelo pequeno
Menu Camada
Nova camada de ajuste
Matriz/Saturação
24/09/2018
15
Exercício (Camadas)
Alterar a cor do cogumeloPASSO 28:
Como metodologia de trabalho pode-se criar grupos de layers
para uma melhor organização
Exercício (Camadas)
Através da techa shift, Selecionar as layers cogumelos e selecionar a
opção de corrente
PASSO 28:
24/09/2018
16
Exercício (Camadas)
Arrastar para o símbolo de pasta que se encontra na área inferiorPASSO 29:
Exercício (Camadas)
Repetir o processo de agrupamento para as layers “folhas esvoaçantes”PASSO 30:
24/09/2018
17
Exercício (Camadas)
Segunda parte do exercício
Imagem Final
Imagem Inicial
Reunir elementos de dois ficheirosReunir elementos de dois ficheiros
Exercício (Camadas)
“Inserir a menina” do documentoPASSO 1:
Menu Arquivo
Inserir
24/09/2018
18
Exercício (Camadas)
Ferramenta laço retângulo / poligonal subtração selecionar a imagem da
menina
PASSO 2:
Inverter a seleção/deletePASSO 3:
Exercício (Camadas)
Redimensionar a menina relativamente à carroçaPASSO 5:
Menu Editar
Transformação
Redimensionar
Ativar a visualização da layer “chapeu”PASSO 5:
Rodar o chapeuPASSO 5:
Menu Editar
Transformação
Girar 180
24/09/2018
19
Exercício (Camadas)
RedimensionarPASSO 5:
Combinar a menina com o guarda sol, tal como:PASSO 5:
Exercício (Camadas)
Para isso deve recorrer às camadas de máscara (ferramenta que permite
ocultar partes de uma camada, porém, sem eliminar essas partes, com o
qual logo poderíamos recuperar simplesmente desfazendo a máscara de
camada. )
PASSO 5:
PASSO 5: Selecionar a camada menina
Criar uma camada de mascara através
do icon com forma e um quadrado e um
circulo no meio
PASSO 5:
24/09/2018
20
Exercício (Camadas)
Pintar a preto a área que se pretende cobrir (cabeça da menina), na
verdade está-se a pintar parte da nova camada. Se pintar a cinza,
ocultaria parcialmente a camada, conseguindo que essas partes em
cinza fossem semitransparentes.
PASSO 5:
PASSO 5: Repetir o processo para o cabo do guardo sol de modo a obter uma
imagem semelhante à seguinte:

Photoshop

  • 1.
    24/09/2018 1 Capítulo IV –PhotoShop CAMADAS Photoshop Camadas As camadas do Photoshop são como folhas transparentes empilhadas. Através das áreas transparentes de uma camada, é possível ver as camadas de baixo.
  • 2.
    24/09/2018 2 Conceito de Camadas Nestasfolhas empilhadas podemos pintar, apagar, cortar, alterar o posicionamento dos elementos e dimensões, sem provocar qualquer Alteração nas restantes camadas. Menu de apresentação das camadas (A) e composição (B) (A) (B) Trabalhar com camadas (Layers) Camada de Base, Plano de fundo ou Background layer Três tipos de Plano de fundo:Três tipos de Plano de fundo: Branco Cor Plano de Fundo Transparente
  • 3.
    24/09/2018 3 Trabalhar com camadas(Layers) Opção 1: Cor de fundo branco ou outra cor – nome da camada: Plano de Fundo Apresenta um cadeado (protegido), não permitindo alterar nenhuma das suas características. Opção 1 Opção 2 Opção 2: Fundo transparente – nome da camada: Camada 1. Considerada uma camada normal, não se encontra protegida e contém Todas as características ativas. Trabalhar com camadas (Layers) Conversão de Camadas (Layers)
  • 4.
    24/09/2018 4 Trabalhar com camadas(Layers) Formasdeaceder}ascamadasesuaspropriedades OU Menu Camadas Opções palete de Camadas Assim podemos aceder às várias propriedades das camadas, tais como: diferentes opacidades, combinar, Mover, esconder, apagar, rodar, inverter, duplicar, alterar a ordem de visualização, adicionar efeitos, filtros e máscaras. Trabalhar com camadas (Layers) Criar uma Camada
  • 5.
    24/09/2018 5 Trabalhar com camadas(Layers) Eliminar Camadas Menu Camada, opção excluir camada Selecionar camada a excluir Recorrer à palete de camadas, selecionar a camada pretendida, com o botão direito do rato escolher a opção excluir camada Trabalhar com camadas (Layers) Proteção de Camadas Transparência: Preserva as áreas transparentes (Cadeado branco) Imagem: não permite pintar (Cadeado branco) Movimento: Não permite mover (cadeado branco) Proteção Total: Não permite qualquer tipo de Alteração (cadeado preto)
  • 6.
    24/09/2018 6 Trabalhar com camadas(Layers) Camadas de Ajustamento Escolher camada de ajuste Ou preenchimento Escolher camada de ajuste Ou preenchimento Preenchimento Ajuste Critério: Camada de ajuste – Brilho/Contraste Matiz/Saturação Trabalhar com camadas (Layers) Estilos Escolher o estilo pretendidoEscolher o estilo pretendido Ajustar as propriedades do(s) estilo(s)Ajustar as propriedades do(s) estilo(s)
  • 7.
    24/09/2018 7 Trabalhar com camadas(Layers) Estilos Estilos visíveisEstilos visíveis Estilos visíveisEstilos visíveis É possível criar estilos personalizados usando um ou mais estilos seguintes: Sombra Projetada – Adiciona uma sombra que se projeta por trás do conteúdo da camada. Sombra Interna - Adiciona uma sombra que se projeta apenas no interior das arestas do conteúdo da camada, dando-lhe uma aparência de baixo-relevo. Brilho Externo e Brilho Interno - Adiciona brilhos que provêm das arestas externas ou internas do conteúdo da camada. Chanfro e Entalhe - Adiciona várias combinações de realces e sombras a uma camada. Acetinado - Aplica um sombreamento interior que cria um acabamento acetinado. Sobreposição de Cor, de Degradê e de Padrão - Preenche o conteúdo da camada com uma cor, um degradê ou um padrão. Traçado - Contorna o objeto na camada atual, usando uma cor, um degradê ou um padrão. É útil principalmente em formas com arestas sólidas, como as de texto. Exercício (Camadas) Imagem Final Imagem Inicial Pretende-se organizar elementos na imagemPretende-se organizar elementos na imagem
  • 8.
    24/09/2018 8 Exercício (Camadas) Abrir oficheiro dias felizes.psdPASSO 1: PASSO 2: Aceder a seleção de layers PASSO 3: Desativar a visualização de todas as layer exceto: “Cerca I e II”, “Nuvem 1 e 2”, e “fundo” Exercício (Camadas) Para mover os elementos na layer, selecionar a ferramenta de mover e ajustar as seguintes opções Para mover os elementos na layer, selecionar a ferramenta de mover e ajustar as seguintes opções
  • 9.
    24/09/2018 9 Exercício (Camadas) Ativar aLayer “vento”PASSO 4: Rodar 90 graus no sentido inverso ao do ponteiro do relógioPASSO 5: Menu Editar Transformação girar 90 anti-horário Exercício (Camadas) Ativar a Layer “carroça”PASSO 6: EspelharPASSO 7: Menu Editar Transformação Girar Horizontal Alterar a sua dimensãoPASSO 8: Menu Editar Transformação Redimensionar Para manter a proporção pressionar tecla shift
  • 10.
    24/09/2018 10 Exercício (Camadas) No final– duplo clique com o rato para efetivar as alteraçõesNo final – duplo clique com o rato para efetivar as alterações Exercício (Camadas) Ativar a Layer “regador”PASSO 9: PASSO 10: Sobrepor o regador por alteração do posicionamento da respetiva layer
  • 11.
    24/09/2018 11 Exercício (Camadas) Ativar aLayer “bota I”PASSO 11: PASSO 12: Espelhar Menu Editar Transformação Virar Horizontal Ativar a Layer “bota II”PASSO 13: Mover as botas para que fiquem lado a ladoPASSO 14: Exercício (Camadas) Ativar a Layer “abobora”PASSO 15: Duplicar a Layer “abóbora”PASSO 16: Menu Camada Duplicar Camada
  • 12.
    24/09/2018 12 Exercício (Camadas) Arrastar anova abóboraPASSO 17: Reduzir o tamanho da copia AboboraPASSO 18: Menu Editar Transformação Redimensionar Fazer duplo-clique sobre a layer “abóbora cópia” e alterar para “abóbora pequena” PASSO 19: Exercício (Camadas) Mover as duas abóboras conforme a figuraPASSO 20:
  • 13.
    24/09/2018 13 Exercício (Camadas) Alterar aordem das abóboras de modo que a pequena fique por trás da grande PASSO 21: Ativar a layer “caracol” e posicionar conforme a imagemPASSO 22: Para um ajuste mais perfeito do posicionamento do caracol utilize as teclas do cursor PASSO 22: Exercício (Camadas) Selecionar e duplicar duas vezes a layer cogumeloPASSO 23: Posicionar acima da layer “cerca” PASSO 24: Utilizar a tecla shift para selecionar as 3 layers com os cogumelo Camada => Nova Camada => Via Cópia
  • 14.
    24/09/2018 14 Exercício (Camadas) Alterar otamanho dos cogumelosPASSO 25: Alterar o nome das layers cogumelos para “cogumelo pequeno” “cogumelo medio” PASSO 26: Exercício (Camadas) Alterar a cor das layers cogumelos, de forma não destrutiva adicionando uma layer adjustment PASSO 27: Seleccione a layer cogumelo pequenoSeleccione a layer cogumelo pequeno Menu Camada Nova camada de ajuste Matriz/Saturação
  • 15.
    24/09/2018 15 Exercício (Camadas) Alterar acor do cogumeloPASSO 28: Como metodologia de trabalho pode-se criar grupos de layers para uma melhor organização Exercício (Camadas) Através da techa shift, Selecionar as layers cogumelos e selecionar a opção de corrente PASSO 28:
  • 16.
    24/09/2018 16 Exercício (Camadas) Arrastar parao símbolo de pasta que se encontra na área inferiorPASSO 29: Exercício (Camadas) Repetir o processo de agrupamento para as layers “folhas esvoaçantes”PASSO 30:
  • 17.
    24/09/2018 17 Exercício (Camadas) Segunda partedo exercício Imagem Final Imagem Inicial Reunir elementos de dois ficheirosReunir elementos de dois ficheiros Exercício (Camadas) “Inserir a menina” do documentoPASSO 1: Menu Arquivo Inserir
  • 18.
    24/09/2018 18 Exercício (Camadas) Ferramenta laçoretângulo / poligonal subtração selecionar a imagem da menina PASSO 2: Inverter a seleção/deletePASSO 3: Exercício (Camadas) Redimensionar a menina relativamente à carroçaPASSO 5: Menu Editar Transformação Redimensionar Ativar a visualização da layer “chapeu”PASSO 5: Rodar o chapeuPASSO 5: Menu Editar Transformação Girar 180
  • 19.
    24/09/2018 19 Exercício (Camadas) RedimensionarPASSO 5: Combinara menina com o guarda sol, tal como:PASSO 5: Exercício (Camadas) Para isso deve recorrer às camadas de máscara (ferramenta que permite ocultar partes de uma camada, porém, sem eliminar essas partes, com o qual logo poderíamos recuperar simplesmente desfazendo a máscara de camada. ) PASSO 5: PASSO 5: Selecionar a camada menina Criar uma camada de mascara através do icon com forma e um quadrado e um circulo no meio PASSO 5:
  • 20.
    24/09/2018 20 Exercício (Camadas) Pintar apreto a área que se pretende cobrir (cabeça da menina), na verdade está-se a pintar parte da nova camada. Se pintar a cinza, ocultaria parcialmente a camada, conseguindo que essas partes em cinza fossem semitransparentes. PASSO 5: PASSO 5: Repetir o processo para o cabo do guardo sol de modo a obter uma imagem semelhante à seguinte: