Download - Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

Transcript
Page 1: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

Adobe Photoshop CSLayers

Adobe Photoshop CS

Rui Dias

Layers

Page 2: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

2

Adobe Photoshop CSLayers

• As “layers” como já foi referido funcionam como folhas de acetato colocadas umas em cima das outras. Assim, podemos fazer qualquer tipo de edição na imagem que está numa layer, sem alterar as outras layers.

• Com a utilização das layers podemos aplicar modificações somente na região onde nos interessa.

• As layers todas juntas formam a imagem final.

• É importante lembrar que as layers apenas podem ser guardadas no formato de imagem do Photoshop.

Page 3: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

3

Adobe Photoshop CSLayers

• A janela das layers:

Page 4: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

4

Adobe Photoshop CSLayers

• A Janela Layers possui os seguintes componentes:

Opacity (Opacidade) -controla o grau de transparência da layer;

Fill – Controla o grau de tonalidade das cores na layer;

Lock - Esta ferramenta é utilizada para bloquear algumas opções da layer:

1) – a transparência, 2) – o pincel ou as ferramentas de desenho e pintura, 3) – a posição da layer,

4) – todas as opções.

1 2 3 4

Page 5: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

5

Adobe Photoshop CSLayers

• Outras propriedades das layers:

1 2

1) Eye icon – este icon se estiver activado permite a visualização da layer se não estiver activado a lyer não fica visível;

2) layer mask icon - este icon se estiver activado significa que está uma camada da layer seleccionada;

3) Layer – Mostra a layer, o facto desta layer estar em xadrez significa que é transparente;

4) Link – Significa que a layer está ligada à mask (mascara) do lado direito;

5) Mask – A mask ou mascara está com linha dupla porque está seleccionada.

3 4 5

Page 6: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

6

Adobe Photoshop CSLayers

• Outras propriedades das layers:

1) Eye icon em branco – ícone sem o eye (olho) significa que a layer não está visível;

2) Link – este ícone activado com o link significa que a layer está ligada à layer de cima ;

3) Background – esta layer é a layer de fundo ou principal;

4) Locked – Normalmente a layer de fundo está bloqueada aos movimentos, não se pode mover.

1 2 3 4

Page 7: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

7

Adobe Photoshop CSLayers

1) New Layer Style – Adicionar um estilo na camada, podemos escolher vários estilos desde sombras a outros...

2) New Layer Mask – Adicionar uma máscara à layer;

3) New Layer Set – Criar um novo conjunto de layers, as layers criadas dentro do conjunto ficarão juntas e podem-se mover ou trabalhá-las em grupo;

4) New Adjustment or Fill Layer – Criar uma nova camada de preenchimento ou de ajuste à layer, podendo adicionar efeitos às cores;

5) Add New Layer button – Adicionar uma nova layer em branco;

6) Trash, or delete button – Eliminar a layer seleccionada.

Page 8: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

8

Adobe Photoshop CSLayers

• Começar a trabalhar com layers

Vamos abrir a imagem do lado no Photoshop eguardá-la no formato psd com o nome ex1_layers;

Vamos fazer um duplo-clik na background layer e escolher a opção name inserir o nome: layer1;

Ao alterar-mos o nome da layer background ela Perde as propriedades de background ficando Igual às outras layers.

Agora clicamos com o botão direito do rato sobre a Layer1 na palete das layers e selecciona-se a opção: duplicate layer;

Inserimos o nome de layer2;

Page 9: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

9

Adobe Photoshop CSLayers

Vamos agora seguir os seguintes passos:Edit > Transform > Rotate

Através da caixa de texto do ângulorodamos a layer2 com um ângulo de -

20º :

Seleccionamos o ícone: para fixar a alteração.

Agora vamos alterar a opaticy para 50%:

Page 10: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

10

Adobe Photoshop CSLayers

Agora com a layer2 seleccionada fazer novamente uma duplicação dessa layer e dar-lhe o nome de layer3.

Seguimos os seguintes passos:Edit > Transform > Again

Agora vamos alterar a opaticy para 25% e ficamos com o resultado:

Page 11: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

11

Adobe Photoshop CSLayers

• Outro exemplo criar um botão 3D utilizando as layers:

Vamos criar uma nova imagem branca no Photoshop;

1) Dê o nome de botao_3d e guarde como psd;

2) Crie nessa imagem branca um círculo perfeito com a ferramenta elliptical marquee;

3) Pinte o circulo de vermelho:a) Seleccione a cor vermelha na palete de cores para o

b) Escolha a opção: Edit > Fill > OK;

4) Agora não podemos criar um efeito à layer no botão layer effect porque a layer é um background…

Page 12: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

12

Adobe Photoshop CSLayers

5) Vamos dar um nome à layer layer0 para ficar regular e não de background

6) Agora queremos criar um efeito ao circulo mas se criamos um efeito à nossa layer temos o efeito em toda a layer e não só ao circulo;

6) Temos de isolar o círculo numa layer sem fundo branco:Selecciona-se o circulo com a varinha mágica;segue-se os passos: Layer > New > Layer via Copy;

7) Ficamos com uma layer nova só com o círculo, mas a layer com o fundo branco continua por baixo;

8) Para isolarmos a layer nova vamos tornar a 1ª layer invisível clicando no ícone da visibilidade (olho) para o desactivar:

Page 13: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

13

Adobe Photoshop CSLayers

9) Agora seleccionamos a layer1 e vamos aplicar o seguinte efeito à layer:escolher a opção Layer > Layer Style ou clicar no botão Layer Style:

10) Escolhemos a opção: Bevel and Enboss

Ficamos com o seguinte Resultado final:

Page 14: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

14

Adobe Photoshop CSLayers

• Outro exemplo:

Vamos abrir a imagem do lado no Photoshop eguardá-la no formato psd com o nome ex_layers;

Vamos fazer um duplo-clik na background layer e escolher a opção name inserir o nome: layer1;

Ao alterar-mos o nome da layer background ela Perde as propriedades de background ficando Igual às outras layers.

Agora clicamos com o botão direito do rato sobre a Layer1 na palete das layers e selecciona-se a opção: duplicate layer;Inserimos o nome de layer2;

Page 15: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

15

Adobe Photoshop CSLayers

Com a layer2 seleccionada escolhemos: Edit > Transform > Flip Horizontal Ainda com a layer2 seleccionada vamos alterar a opacity para 50 %.

Vamos agora seleccionar a layer1 e o botão New Adjustment Layer E vamos definir as seguintes propriedades na caixa de diálogo que vai aparecer:

Hue: 36Saturation: 47Lightness: +20

Seleccionar as opções:ColorizePreview

Page 16: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

16

Adobe Photoshop CSLayers

Vamos agora seleccionar a layer2 e vamos clicar no botão New Adjustment Layer e seleccionar a opção Brightness/Contrast

E vamos definir as seguintes propriedades na caixa de diálogo que vai aparecer:

Brbightness: +11Contrast: +38

Vamos seleccionar a mask para ficar activa:

De seguida vamos seleccionar a ferramenta gradient da caixa de ferramentas,escolher a opção (reflected gradient) e aplicar a partir do centro para a Esquerda ou direita.

Page 17: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

17

Adobe Photoshop CSLayers

Agora vamos ver o resultado até aqui:

Page 18: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

18

Adobe Photoshop CSLayers

Agora vamos seleccionar a última layer criada e criar uma layer nova

e damos o nome de flat;

De seguida clicar na seta pequena de cima da palete

e seleccionar a opção Merge Visible do menu e sem deixar de premir o botão do rato vamos premir a tecla Alt e só com a tecla premida deixar o botão do rato.

Page 19: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

19

Adobe Photoshop CSLayers

O resultado foi criar-mos uma layer com uma cópia das outras todas juntas.

Vamos ter o seguinte resultado na palete de layers:

Agora com a layer Flat seleccionada vamos seguir os seguintes passos: Edit > Transform > Flip Vertical.

Page 20: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

20

Adobe Photoshop CSLayers

Podemos agora alterar os efeitos da imagem alterando as opções do Blend menu :

Só temos de seleccionar a layer “Flat”E alterar a opção do menu, por exemploPara o modo Darken :

Page 21: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

21

Adobe Photoshop CSLayers

Só temos de seleccionar a layer “Flat”E alterar a opção do menu, por exemploPara o modo Difference :

Page 22: Adobe Photoshop CS Layers Adobe Photoshop CS Rui Dias Layers.

22

Adobe Photoshop CSLayers

Só temos de seleccionar a layer “Flat”E alterar a opção do menu, por exemploPara o modo Pin Light :