Design & UX

26 out, 2009

CLIPPING MASK NO PHOTOSHOP

Publicidade

Neste exercício, vamos aprender a utilizar a opção Clipping Mask do Photoshop. Partirei de uma imagem .psd com 3 camadas na seguinte ordem: cidade, janelas e emoticons. Faça o downoad do arquivo em anexo.

1. Com o Photoshop iniciado e a imagem aberta, duplique a camada “cidade” clicando com o botão direito sobre o texto com seu nome como na figura abaixo.

cm1.jpg 

2. Crie uma nova camada, que chamarei de “máscara” e nela desenhe um circulo (ferramenta elipse, clique e arraste pressionando o Shift) e com o balde de tinta, faça o preenchimento.

cm2.jpg 

3. Tire a a seleção do círculo (Ctrl+D) e em seguida clique na camada “cidade copy” com o botão direito e escolha a opção Create Clipping Mask, repare que aparecera uma seta indicando uma relação com a camada anterior. Faça o mesmo nas camadas “emoticons” e “janelas”.

cm3.jpg 

4. Crie uma nova camada acima das demais, que chamarei de “lente”, pressionando a tecla Ctrl, clique sobre a miniatura à direita da camada “mascará” para selecionar a área que compreende ao círculo.

cm4.jpg 

5. Pintarei essa área selecionada na camada “lente” da cor amarela e colocarei uma opacidade a 10% como na figura a seguir.

cm5.jpg 

6. Por último, criarei um link entre a camada “lente” e a camada “máscara” clicando em uma das camadas, pressionando Ctrl e clicando sobre a outra, em seguida na opção link layers.

cm6.jpg 

Pronto, agora quando movimento o objeto da camada “máscara”, tenho a impressão de que um feiche de luz se move sobre a cidade. No próximo exercício aprenderemos a trabalhar com uma animação utilizando o mesmo arquivo.