Técnicas Multimédia Módulo 1 - Photoshop

8/18/2019 Técnicas Multimédia Módulo 1 - Photoshop

1/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – BARRA DE FERRAMENTAS

Ferramentas de seleção(marquee tool) que

permitem selecionar

partes retangulares

quadradas ou elípticas da

imagem editada.

Ferramenta de

movimentação (move

tool) move seleções,

camadas e guias.

Ferramentas de laço

(lasso tools) permitem

fazer seleções à mão

livre, poligonais ou

magnéticas.

Ferramenta de seleção

de áreas coloridas

(magic wand tool)

seleciona áreas

igualmente coloridas.

Ferramenta de corte

(Crop tool) corta

imagens.


de pedaços (slice

selection tool)

seleciona.

A ferramenta de

pedaços (slice tool) cria

pedaços da imagem

O aerógrafo (airbrush

tool) permite pinceladas

com contornos leves

(soft-edged strokes).

A mão (hand tool) move

uma imagem na sua

janela

O zoom (zoom tool)

aumenta e reduz a vista

duma imagem.


2/45

Pincel (Paintbrsuh tool)

O carimbo (clone

stamp tool) pinta com

uma amostra de uma

imagem

Lápis (pencil tool)

O carimbo padrão

(pattern stamp tool)

pinta como parte de

uma imagem como

padrão.

O pincel histórico

(history brush tool)pinta uma cópia dum

estado selecionado ou

duma imagem

instantânea para a janela

atual.

A borracha (erasertool) apaga pixéis e

restaura partes de uma

imagem para um estado

anterior.

Pincel histórico

artístico (art history

brush tool) pinta com

pinceladas estilizadas

que simulam a aparência

de diferentes estilos de

pintura, usando um

estado selecionado ou

uma imagem instantânea.

A ferramenta para

apagar o fundo(background eraser

tool) apaga áreas do

fundo para

transparente.

Borracha mágica

(magic eraser tool)

apaga áreas solidamentecoloridas transformando-

as em transparentes com

um simples clique.

Ferramenta de pintar

em lotes (paint bucket

tool ) enche áreas com

cores similares com a

cor de primeiro plano.

As ferramentas de

gradiente (gradient

tools) criam linhas retas,

radial , ângulos ,

reflexos , e diamond ,misturas entre cores.

Ferramenta de

embaciar (blur tool)

embacia as arestas

sólidas duma imagem.


3/45

Ferramenta de aguçar

(sharpen tool) torna

mais sólidas as arestas

suaves duma imagem.

Ferramenta de clarear

clareia áreas duma

imagem.

Ferramenta de borrar

(smudge tool) borra

partes duma imagem.

Ferramenta de

escurecer (burn tool)

escurece áreas numa

imagem.

A esponja (sponge tool)

muda a saturação de

cores numa área.

A ferramenta de tipo

(type tool) cria tipo

numa imagem.


de percursos (path

selection tools ) faz

seleções de formas ou

segmentos mostrando

âncoras linhas e pontos

de direção.

A caneta (pen tools )

permite-nos desenhar

percursos suaves

A ferramenta de figuras

feitas à medida (custom

shape tool ) faz formas à

medida selecionadaduma lista

O conta-gotas

(eyedropper tool)

experimenta cores

numa imagem.

A ferramenta de

anotações (annotations

tool ) faz anotações em

texto ou voz que podem

ser associadas a uma

imagem.

A ferramenta de

medida (measure

tool ) mede distâncias,

localizações e ângulos


4/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP

ADOBE PHOTOSHOP – ALTERAR O TAMANHO DE UMA IMAGEM E CORTAR UMA IMAGEM

1. Crie uma pasta com a designação FichaTrabalho2

2. Abra a imagem imagem_cd.jpg.

3. Redimensione a imagem para um tamanho de 5X6 cm. Qual o tamanho da imagem e o tamanho do

ficheiro (pixéis) antes e depois da operação de redimensionamento?

4. Abra o ficheiro imagem_multimedia.png e mude para o Modo de Cor Grayscale. Guarde, na pasta,

a imagem com o nomeMultimediaCinza.psd .

5. Abra o ficheiro imagem_multimedia.png e redimensione a imagem para 500x500 pixéis. Guarde, na

pasta, a imagem com o nomeMultimediaRedim.psd .

6. Abra o ficheiro imagem_multimedia.png e rode a imagem. Guarde, na pasta, a imagem com o

nomeMultimediaRoda.psd .

7. Abre a imagem imagem_barco.jpg. Active a ferramenta Crop e efetua a seleção de forma a

apenas visualizar o barco

a) Altere as dimensões da imagem para 19X20 cm.

b) Guarde a imagem com o nome barco.psd .

8. Abra a imagem imagem_pavao.jpg e repita os passos anteriores para realizar o exercício seguinte:

Nota: a dimensão final da imagem é 18X20 cm.


5/45

Imagem original Imagem Final

a) Guarde, na pasta criada, a imagem com o nome pavao.psd .

9. Abra a imagem imagem_hall.jpg.

a) Active as réguas.

b) Active a ferramenta Crop e selecione

toda a imagem.

c) Na Barra de Opções, ative a caixa

para alterar as alças de

redimensionamento da janela de seleção.

d) Mova os cantos do enquadramento de

forma a ajustá-los à imagem.

Isto é o que vai definir o que está em perspetiva

portanto é importante que o enquadramento seja

o mais rigoroso possível.

Importante: Não altere o ponto central do enquadramento. O Photoshop precisa de saber onde é

o ponto original do centro da imagem para executar correção da perspetiva.

e) Carregue em ENTER para recortar a imagem.

f) Visualize o resultado final.


6/45

g) Guarde o trabalho, na pasta criada, com o nome HallPrespectiva.psd.

10. Aplicando as técnicas aprendidas nos pontos anteriores altere a perspetiva da «imagem_se.jpg» de

forma a obter o seguinte resultado.

a) Guarde o trabalho, na pasta criada, com o nome SePrespectiva.psd.


7/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP - CONSTRUIR UMA IMAGEM COMPOSTA UTILIZANDO DUAS IMAGENS

DE BASE

Crie uma pasta com a designação FichaTrabalho3

1. Abra a imagem imagem_flor.png.

2. Recorrendo à ferramenta Eraser (Borracha) altere a imagem de forma a que fique com o

fundo transparente.

3. Duplique a camada através do Menu Layer .

4. Movimente cada uma das imagens para obter o seguinte resultado.

5. Abra a imagem imagem_ceu.jpg;

6. Clique na imagem_ceu e arraste-a para a área de trabalho da imagem_flor .

7. Posicione as layers (camadas) conforme mostra a figura:

8. Verifique se obteve o seguinte resultado.

9. Guarde o trabalho, na pasta criada, com o nome FlorCeu.psd.


8/45

10. Aplicando as técnicas aprendidas nos pontos anteriores monte a seguinte imagem

utilizando os ficheiros HAM1, HAM2 e HAM3.

a) Guarde o trabalho, na pasta criada, com o nome Formula1.psd.


9/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP - APLICAR CONHECIMENTOS


1. Crie uma pasta com o nome FichaT

2. Crie uma nova imagem com os seguintes requisitos:

a) Nome: Projecto_01

b) Dimensões: 800x600 pixéis

c) Resolução da imagem: 150 dpi

d) Profundidade da cor: 16 bitse) Modelo de cor: CMYK

f) Fundo: Transparente

3. Abra as imagens imagem_lagarto.png , imagem_paisagem.jpg e redimensione-

as para 350X200 pixéis e 800X600 pixéis, respetivamente.

4. Anule o fundo da imagem imagem_lagarto.png ,

possibilitando a transparência entre imagens.

5. Copie as duas imagens para o Projecto_01.

6. Coloque-as de forma a obter um resultado

semelhante ao da imagem ao lado.

7. Guarde o trabalho, na pasta criada, com o nome Projecto_01.psd.

8. Feche a imagem.


10/45


11/45

13. Abra a imagem de uma maçã e insira a sua própria fotografia na maçã.

Sugestões:

Comece por abrir as duas imagens.

Utilize a ferramenta clone stamp tool ( Carimbo) .

14. Guarde o seu trabalho.


12/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP - SELEÇÃO, CONTROLOS DE TRANSFORMAÇÃO E CAMADAS


1. Abra a imagem imagem_jimcarey.jpg.

2. Altere o nome da camada para imagem.

3. Crie uma imagem de igual dimensão.

4. Recorte a imagem do ator e cole-a na imagem criada na alínea anterior. Atribua a essa

layer a designação ator.5. Na camada de background, selecione as cores que deseja no fundo. Para dar um efeito

mais realista à imagem aplique ao fundo o filtro Clouds . Clique no menu Filter Render

Clouds.

6. Na camada ator :

a) Selecione a t-shirt e ajuste as cores para os seguintes níveis, use a ferramenta

Color Balance do menu Image Adjustments : +100, +1 e -100.

b) Clique no menu Image Adjustments Brightness/ Contrast. Defina o valor

de Brightness (-24) e o valor de Contrast (+80).

7. Altere a cor dos olhos:

a) Selecione o 1º olho. Pressione a tecla SHIFT para seleccionar o 2º olho.

b) Clique no menu Image Adjus taments Color Balance . Mova as setas atéobter o resultado pretendido.

8. Selecione toda a região dos dentes:

a) Clareie os dentes tirando a saturação e aumentando a iluminação. Clique no menu

Image Adju staments Hue/ Saturation . Aplique os valores 0, -80 e +38.

9. Crie os dentes caninos utilizando a ferramenta Liqui fy da seguinte forma:

a) Selecione a layer da imagem;


13/45

b) Clique no menu Fi l ter Liquify ;

c) Amplie a área a trabalhar.

d) Selecione a opção Forward Warp Tool . Ajuste o tamanho do brush para os

seguintes valores: Size 10; Density 50; Pressure 100.

e) Após estas configurações basta clicar em cada um dos dentes (canino) e arrastar

para baixo formando o efeito de dentes de vampiro.

f) Clique no botão OK.

10. Personalize a imagem incorporando outras imagens: morcego e lua (coloque-os na layer

Fundo).

11. Utilizando a ferramenta texto (Horizontal Type Tool ) escreva a frase Dia das Bruxas.

Formate o texto a seu gosto utilizando a barra de opções de texto.

12. Crie uma nova layer e altere o nome para elementos.

a) Utilizando a ferramenta adicione mais alguns elementos à imagem.

13. Guarde o trabalho, na pasta criada, com o nome Jim_Carey_Hallowen.psd.

14. Aplique os procedimentos anteriores a uma foto sua.

15. Guarde o seu trabalho.


14/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – REMOVER OLHOS VERMELHOS


Em fotografias tiradas com flash, é frequente aparecer o problema dos “olhos vermelhos”.

Corrija as fotografias que apresentam este problema, efetuando as operações abaixo listadas.

1. Abra a imagem usando o adobe Photoshop, através do menu. File ->Open .

2. Selecione a ferramenta Red Eye Tool .

3. Clique nos olhos vermelhos. Se o resultado não for satisfatório, desfaça a correção;

defina, na barra de opções, uma ou mais das opções a seguir; e clique novamente nos

olhos vermelhos.

Pupi l Size (Tamanho da Pupila) - Aumenta ou diminui a área afetada pela ferramenta Olhos

Vermelhos.

Darken Amo unt (Intensidade de Escurecimento) - Define o grau de escurecimento da correção.


15/45

COLOCAR MOLDURAS À VOLTA DE IMAGENS

Abra as imagens anteriores e aplique uma moldura.

1. Abra a imagem usando o adobe Photoshop, através do menu. File ->Open .

2. Crie uma nova camada, através do menu Layer -> New -> Layer.

3. De seguida, selecione a ferramenta Paint Bu cket Tool

4. Pinte a camada nova com a cor que desejar. Agora com a ferramenta Rectangle Too l ,

crie um retângulo de outra cor que não a escolhida anteriormente.

Exemplo:

5. Agora, selecione as camadas com a pintura do fundo e com o retângulo que criou, de

seguida carregue no botão do lado direito e escolha a opção Convert to Smart Object .

6. Agora carregue novamente no botão do lado direito na camada que ficou selecionada e

clique em Rasterize Layer .


16/45

7. Para terminar, com a Magic Wand Tool , selecione a

imagem onde criou o retângulo para depois a eliminar.

8. Faça os mesmos passos para o uso do círculo, do polígono e de outras formas que

queira usar, nas restantes fotografias.


17/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – RETOQUES FACIAIS


Exercício 1: Retirar o reflexo de flash nos olhos em fotografias (Color Replacemente Tool )

4. Abra a imagem imagem_olhos2.jpg

5. Ative a ferramenta Color Replacement Tool

6. Configure as opções da ferramenta:

Nota: O tamanho do pincel (Diameter ) depende do tamanho da foto.

7. Com o rato, clique em cima do olho e arraste ao redor.

8. Guarde o trabalho com o nome reflexo_flash.psd.

Exercício 2 – Face limpa (Heal ing Bru sh Tool )

1. Abra a imagem imagem_sardas.jpg .

2. Ative a ferramenta Heal ing Brus h Tool e aplique

as seguintes configurações na barra de opções:

3. Pressione a tecla Alt e selecione uma área da pele que esteja limpa.

4. Clique numa das sardas para a remover.

5. Repita este procedimento para eliminar todas as sardas pretendidas.

6. Guarde o trabalho com o nome cara_sardas.psd .Exercício 3 - Limpar tatuagem (Spot Heal ing Brush )

1. Abra a imagem imagem_tatuagem.jpg .

http://www.tutoriaisphotoshop.net/2006/11/removendo-sardas-e-aparelho-dos-dentes.html#;http://www.tutoriaisphotoshop.net/2006/11/removendo-sardas-e-aparelho-dos-dentes.html#;http://www.tutoriaisphotoshop.net/2006/11/removendo-sardas-e-aparelho-dos-dentes.html#;http://www.tutoriaisphotoshop.net/2006/11/removendo-sardas-e-aparelho-dos-dentes.html#;


18/45

2. Active a ferramenta Spot Heal ing Bru sh . Utilizando a ferramenta, selecione a área

que pretende limpar.

3. Guarde o trabalho, na pasta criada, com o nome limpa_tatuagem.psd .

Exercício 4 –

Tirar rugas (PATCH TOOL) 1. Abra a imagem imagem_rugas.jpg .

2. Active a ferramenta Patch Tool :

a) Faça uma seleção em volta das rugas por

baixo do olho direito.

b) Arraste a seleção para um local sem rugas, para copiar a textura da pele.

c) Repita o mesmo processo nas rugas por baixo do olho esquerdo.

3. Selecione as rugas da bochecha e arraste para o lado para copiar a textura.

4. Repita o mesmo processo nas rugas do lado direito da bochecha

e nas restantes rugas da cara.

5. A imagem final deverá ficar assim:

6. Guarde o trabalho, na pasta criada, com o nome

cara_patchTool.psd .


19/45

Exercício 5 – Pele morena

1. Abra a imagem imagem_cara(2).jpg.

2. Com a ferramenta Lasso Tool selecione o rosto da imagem, deixando de fora os dentes e

os olhos. Proceda da seguinte forma:

a) Selecione toda a pele da cara usando a ferramenta Lasso Tool , com o valor do

Feather em 2 px.

b) Selecione a zona dos olhos e dentes pressionando a tecla ALT.

Nota: Aumente o zoom da imagem para ajudar na seleção.

3. Pressione CTRL+C para copiar a seleção.

4. Pressione CTRL+V para colar a seleção. Repare que

será criada uma nova layer com a seleção que foi

copiada/colada. Atribua-lhe o nome “pele”.

5. Mude o modo de cor da layer pele para Mult iply .

6. Com o botão direito do rato sobre a layer pele, clique

em Duplic ate Layer (Duplicar Camada). Aplique o

modo de cor Mult iply na nova layer criada e

verifique que a pele ficou ainda mais morena.

7. Recorrendo às ferramentas de correção, retifique a imagem (sinais, manchas, etc.)

8. Altere a cor dos olhos a seu gosto.9. Branqueie os dentes.

10. Guarde o trabalho, na pasta criada, com o nome pele_morena.psd.


20/45

Exercício 6 – Mudar cor ao cabelo

1. Abra a imagem imagem_cabelo. jpg .

2. Selecione a ferramenta Brush Tool e aplique as seguintes configurações:

3. Active o Quick Mask Mode e pinte toda a área do cabelo.

4. Depois de terminado, volte a ativar o Standard Mode .

5. Inverta a seleção, clique em Select -> Invers e .

6. Clique em Layer-> New Fill Layer -> Solid Col or ,

defina o Mode em Soft Light e clique OK.

7. Selecione a cor desejada e clique em Ok. Por

exemplo #660000.

Nota: Caso queira mudar a cor basta clicar sobre a

layer com a Fil l Layer e experimentar outras cores.

8. Guarde o trabalho, na pasta criada, com o nome

cabelo_colorido.psd . 9. Aplicando os conhecimentos que adquiriu faça o seguinte exercício.

10. Guarde o trabalho com o nome cabelo_colorido2.psd.


21/45

Exercício 7 – Iluminação e Suavização

1. Abra a imagem imagem_luz.jpg .

2. Duplique a camada e atribua-lhe o nome Desfoque.

3. Na camada Desfoque, clique no menu Fi l ter -> Blur ->Gaussian B lur para suavizar a foto.

Nota: Ao aplicar o efeito na foto deve ter a noção de que o valor aplicado depende muito

do tamanho da foto. Neste caso aplique-se 4 ou 5 pixels.

4. Mude o Blend Mode da camada (forma de junção da

camada) de Normal para Color Dodge .

5. Experimente também a opção Overlay .

Nota: Procure usarOverlay

para fotos onde houver cabelos loiros eColor Dodge

para

cabelos escuros.

6. Guarde o trabalho com o nome cara_desfoque.psd .


22/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – TRATAMENTO DE FOTOS (RECUPERAÇÃO E ENVELHECIMENTO DE

FOTOS)


Exercício 1 – Recuperação de fotos 1 (Spot Healing Brush, Healing Brush, Patch tool)

11. A seguinte imagem foi, em parte, recuperada.

Reparado Original

12. Abra a imagem imagem_antiga. jpg 13. Duplique a camada com a imagem e continue o processo de recuperação da foto.

14. Guarde o trabalho com o nome imagem_antiga_recuperada.psd .

Exercício 2 – Recuperação de fotos 2

1. Abra as imagens imagem_antiga2.jpg e imagem_antiga3. jpg .

2. Proceda à reparação de ambas as fotos.

3. Guarde os trabalhos com o nome imagem_antiga_recuperada2.psd e

imagem_antiga_recuperada3.psd , respetivamente.


23/45

Exercício 3 – Envelhecer fotos com textura

1. Abra a imagem imagem_famil ia. jpg e imagem_carta_textura. jpg .

2. Na imagem imagem_famil ia. jpg , duplique a layer (camada) Background . -> CTRL+J

3. Na nova layer (camada):

a) Ajuste os valores dos níveis da nova layer para 52, 1.44 e 255.

b) Dê um efeito Sépia, alterando o equilíbrio das cores, e atribua os seguintes valores:

NOTA: O efeito Sépia também pode ser aplicado através da opção Color Balance .

4. Mova a layer do ficheiro com o papel de carta amassado para a

foto, criando uma textura.

5. Aplique na layer o modo Overlay .6. Altere a ordem das layers de forma a ficar com o aspeto

seguinte:

7. Guarde o trabalho com o família_antiga.psd.


24/45

Exercício 4 – Envelhecer fotos com efeito da lente

1. Abra a imagem imagem_carro. jpg .

2. Recorrendo à ferramenta Crop , enquadre o carro.

1. Duplique a camada (CTRL + J) e altere o nome para carro.

2. Transforme a imagem em Preto e Branco, menu Image -> Adjustm ents -> Desature

(SHIFT+CTRL+U) .

3. Ajuste o brilho Brightness (-34) e o contaste Contrast (16).

4. Selecione a camada carro e acrescente um pouco de “ruído” à imagem, aplicando o filtro

Grain como na imagem (Filter -> Texture -> Grain ).

Intensi ty : 20; Contrast :45; Grain Type : Speckle


25/45

5. Aplique novamente o filtro Grain mas agora com Intensi ty 50, Contrast :45 e Grain Type

Vertical .

6. Atendendo à qualidade das lentes antigas, as fotos ficavam mais claras no centro e mais

escuras nas orlas. Crie esse efeito, procedendo da seguinte forma:

a) Cria uma nova layer ;

b) Clique no menu Edit -> Fill e preencha a layer com Gray

50% (50% de cinzento);

c) Com a ferramenta

Elipt ical Marquee desenhe uma elipse.

d) Clique novamente no Menu Edit > Fil l e preencha a layer

com White .

e) Desative a seleção (CTRL +D).

f) Aplique o filtro Gaussian Blu r (Fi l ter -> Blur) , fazendo variar o raio de forma a criar

o efeito seguinte:


26/45

g) Ainda na layer da elipse, aplique o modo Soft Light .

7. Verifique o resultado.

8. Guarde o trabalho com o nome carro_antigo.psd .

Exercício 5 – Envelhecer foto

1. Abra a imagem imagem_rio.jpg .

2. Aplicando o que aprendeu sobre envelhecimento de fotos, obtenha o seguinte resultado:

3. Guarde o trabalho com o nome r io_antigo.psd .


27/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – FILTROS


Para além das potencialidades já experimentadas, o Photoshop permite ainda entrar no mundo

da fantasia pela aplicação de filtros que adicionam efeitos surpreendentes. Apenas exige que

conheças o filtro a aplicar e as opções que ele te oferece.

Menu Filter

Os filtros estão organizados por categorias de efeitos:

1- Último filtro aplicado;

2- Extract – Janela para delinear o contorno de uma

zona a excluir (semelhante à ferramenta Magnetic

Lasso Tool );

3- Liquify - Permite a distorção da imagem. Tem a

caraterística de fazer com que a imagem seja

completamente elástica e transformável. Possui

variadas ferramentas de transformação.

4- Pattern Maker – permite criar padrões a partir da

seleção de uma zona da imagem;

5- Vanishing Point – permite criar uma imagem 3D

através de uma imagem 2D;

6- Filtros – quando aplicados são indestrutíveis, ou seja,

uma vez aplicados só revertendo o processo, pelos comandos desfazer ou pelo

histórico. Para resolver esta situação, existe a opção “Convert for Smart Filters”

2

34

6

1

5


28/45

Grupo de Filtros.

A opção Filter Gallery (Galeria de apresentação dos filtros do Photoshop) torna-se útil quando

não sabe que filtro aplicar, pois tem a hipótese de experimentar cada um dos filtros.

15. Abra a imagem imagem_walle.jpg .

16. Clique no menu Filter Filter Gallery …

a) Clique num nome de categoria do filtro;

b) Clique no filtro que pretende aplicar.

c) Escolha um efeito especial qualquer.

d) Faça as alterações necessárias.

e) Clique em OK.

17. Guarde o trabalho, na pasta criada, com o nome walle_filtro.jpeg.

Proposta de Trabalho em Grupo/Turma

18. Através do Word online, criem um único ficheiro partilhado com todos os elementos da

turma.

19. Partilhem também o documento com a professora.

20. Agora, criem uma tabela com a seguinte estrutura:

Nome da categoria do filtro (Nome em português)

«imagem» «imagem» «imagem» «imagem»

Nome do Filtro

(nome em português)

Nome do Filtro


Nome do Filtro


Nome do Filtro


Nota: Ver exemplo no ficheiro galeria de filtros.pdf

21. Façam a divisão das categorias por todos os alunos, de modo a que todos os alunos

contribuam, de igual modo, para a construção deste documento.


29/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – FILTROS


Exercício 1 – Cavalo no Deserto (EXTRACT – CLOUDS – LENS FLARE)

1. Abra a imagem imagem_cavalo. jpg .

2. Selecione a parte da imagem correspondente ao cavalo,

recorrendo ao filtro Extract (Extrair). Menu Filter ->

Extract

3. Pinte a parte externa (limite) do cavalo, utilizando a

ferramenta de seleção . Utilize a borracha para

apagar/retificar algum erro no contorno.

4. Utilizando o balde de tinta , pinte a parte interna do

cavalo (área a reter), de acordo com a imagem a seguir apresentada.

5. Confirme o resultado do processo de recorte, clicando em OK.

6. Abra a imagem imagem_deserto. jpg .

7. Selecione a zona do céu (Magic Wand ) para, a seguir, criar um efeito de nuvens.

8. Escolha a cor branco para o foreground e azul claro para o background.

9. Aplique o filtro Clouds (nuvens). Menu Filter -> Render -> Clouds

10. Insira a imagem do cavalo na imagem do deserto.

11. Faça a fusão das duas layers (camadas). Menu Layer > Merge layers

12. Aplique o efeito Lens Flare (Reflexo na Lente) demonstrado na imagem a seguir

apresentada.Menu Filter> Render> Lens Flare

a) Aplique um brilho de 160%. Centre o foco de brilho na imagem como lhe parecer

melhor.


30/45

13. Guarde o trabalho com o nome cavalo_no_deserto.psd .

Exercício 2 - Flor (TEXTURE – ARTISTIC - BRUSH STROCKS)

1. Abra a imagem imagem_flor.jpg .

2. Aceda ao Menu Filter e tente reproduzir as imagens a seguir apresentadas. Guarde-as

com o nome do filtro aplicado (como por exemplo flor_texture.psd ).

Exercício 3 - Cara (LIQUIFY)

1. Abra a imagem imagem_cara.jpg .

2. Aplique o filtro Liquify à imagem. Clique no Menu Filter Liqui fy

3. Altere a imagem aplicando os efeitos necessários para obter o seguinte resultado.


31/45

4. Guarde o trabalho, na pasta criada, com o nome cara_liquidify.psd.

Exercício 4 - Movimento (BLUR – MOTION BLUR)

1. Abra a imagem imagem_carro. jpg .

2. Altere o modo de Standard para Quick Mask .

3. Faça zoom na imagem e com a ferramenta Brush e com a cor preta como primeiro plano,

pinte o objeto que não irá sofrer alteração (o carro).

4. Retorne o modo para “Standard“.

5. Aplique o seguinte efeito: Filter… Blur… Motion Blur .


32/45

6. Retire a seleção.

7. Guarde o trabalho com o nome carro_movimento.psd .


33/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – TRABALHAR COM TEXTOS

Crie uma pasta com a designação FT12

Objetivo: Trabalhar com texto

http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-

effects-on-the-web/

Projeto 1 – Texto Básico

22. Crie um novo documento com o tamanho 500X500 pixéis.

23. Selecione a ferramenta "Horizontal Type Tool" e escreva o texto: Multimédia.

24. Utilizando a barra de opções altere as definições do texto para Gautami; Regular; 15; Strong;

cor verde.

25. Crie mais seis configurações diferentes do mesmo texto. Utilize as opções Orientation e

Warp Text .

26. Guarde o trabalho, na pasta criada, com o nome texto_basico.psd.

Projeto 2 – Texto Gélido1. Crie um novo documento com o tamanho 800x600 pixéis, 72 dpi, modo de cor RGB.

2. Mude a cor do foreground para um azul-escuro (#0072BC).

3. Escreva a primeira letra do seu nome (tamanho de texto: 200 pts).

4. Selecione a letra com a varinha mágica.

5. Clique no Menu Select > Modify > Contract e atribua o valor 2 para diminuir a seleção.

6. Crie uma nova layer.

7. Pinte a parte interna selecionada com a ferramenta Paint Bucket Tool e com a cor #438CCA.

8. Clique no menu Filter > Blur > Gaussian Blur e atribua o valore 5r.

Nota: Estes valores são relativos. Quanto maior o tamanho do texto, maior deve ser o valor a

aplicar.

9. Aplique o efeito “Gelização”

a) Aceda ao Menu Layer > Layer Styles > Bevel and Emboss.

b) Mude o style para Emboss, e Depth para 300.

c) Aumente o tamanho para 12.

d) Na secção Shading, altere Highlight Opacity para 100% e Shadow Opacity para 40%.

http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/


34/45

e) Altere Shadow Mode (no menu onde está escrito Multiply) para Color Dodge e deixe

Highlight Mode como está.

f) Ao lado de Highlight Mode e de Shadow Mode há dois retângulos (o de cima é branco

e o de baixo é preto): altere a cor do preto para branco.

10. Verifique o resultado final:

11. Guarde o trabalho com o nome texto_gel.psd.

Projeto 4 – Texto Colorido

1. Crie um novo documento com tamanho 800x600 pixéis, 72 dpi, modo de cor RGB.

2. Escreva o seu nome.

3. Aplique as seguintes configurações ao texto: Comic Sans MS, 50 pt.

4. Clique no Menu Layers> Layer Styles> Drop Shadow.

a) Configure o valor de distance como 8 e desmarque Use Global Light.

b) Clique em Bevel and Emboss e configure Depth para 160%, size para 9 e soften

para 7.

c) Na secção Shading, configure angle para 174º e altitude para 39º. Aumente opacity

de hightlight para 87% e reduza opacity de shadow para 37%.

d) Selecione o campo Contour, nas palavras abaixo de "Bevel and Emboss".

e) Clique no campo Satin e configure opacity para 10%, angle para 59, distance: 1 w e

size: 250. Na caixa de seleção contour selecione a opção Half Round.

f) Selecione a opção Stroke. Configure size para 7 (este valor vai depender do tamanho

do documento, quanto maior, maior o valor) e opacity para 82%.

g) Na caixa Fill Type, escolha Gradient e clique na miniatura do Gradiente catual para

abrir o Gradient Editor . Clique no triângulo virado acima das miniaturas de gradientesda janela Gradient Editor , escolha Metals e então Append. Escolha agora o gradiente

Silver (o antepenúltimo).

h) Clique OK na janela do gradient editor .

i) Configure angle para 35º, escolha a opção Reflected no menu Style, desmarque

Algin With Layer e configure Scale para 58%.

5. Clique no Menu Layers e selecione a opção Rasterize

Layer .


35/45

6. Utilize a ferramenta Rectangular Marquee para selecionar uma letra individualmente. Nota: A

seleção não precisa ser exata, apenas não pode atingir outra letra.

7. Pressione Ctrl+Shift+J (Cria uma nova layer cortando a parte selecionada).

8. Active a opção Free Transform, gire a letra à vontade, e pressione ENTER.

9. Na penúltima camada (a que contém o resto das letras) repita os passos.

10. Guarde o trabalho com o nome texto_colorido.psd.

Projeto 5 – Texto Espelho

1. Crie um novo documento de 500x500, com 300dpi, modo de cor RGB e fundo Branco.

2. Clique na ferramenta de texto ("T") e aplique as seguintes configurações:

3. Digite "iMasters".

4. Na paleta das layers faça duplo clique sobre a layer iMasters (texto) para abrir os estilos de

camadas.

5. Selecione a opção sobreposição de degrade, conforme mostra a figura que se segue:

6. Faça duplo clique sobre a cor do degradé para fazer os ajustes necessários e escolha as

seguintes cores: Laranja Claro - #ffde00; Laranja Escuro - #ff8a00.

7. Clique em OK para finalizar a sobreposição.

8. Crie uma nova layer e faça seleção sobre as letras como na

imagem.


36/45

9. Configure a ferramenta degradé com as

seguintes configurações:

10. Dentro da seleção que fizemos anteriormente,

utilize o degradé na nova camada criada.

11. Duplique a layer do texto.

12. Active a modo Free Transform.

13. Posicione-se na opção girar verticalmente e em seguida é só posicionar o texto no lugar

correto, usando a borracha para fazer o acabamento.

14. Guarde o trabalho com o nome

texto_espelho.psd.

Projeto 6 – Texto Sombra

1. Crie um novo documento com tamanho 800x600 pixéis, 72 ppi, modo de cor RGB.

2. Digite a palavra Multimédia.

3. Aplique as seguintes formatações:

4. Clique no Menu Layer > Layer Style e selecione o Drop Shadow. Selecione a cor #e8e512

Clique OK.

5. Selecione tudo e aplique o filtro Gaussian Blur. Defina o valor 25.

6. Escolha a cor para o texto e digite o mesmo texto (com a mesma fonte e tamanho).

7. Coloque o texto por cima da sombra com um ligeiro afastamento.

Guarde o trabalho com o nome texto_sombra.psd.


37/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – FOTO PRETO E BRANCO COM DETALHE COLORIDO


Objetivo: Foto Preto e Branco com detalhe Colorido

Utiliza o seguinte site http://all-free-download.com/free-photos/ para escolheres imagens grátis,

para os diferentes exercícios propostos.

Exercício 1 – Procure a imagem de um girassol (sunflower)27. Abra a foto escolhida no photoshop

28. Duplique camada (Ctrl+J).

29. Tirar saturação da foto (Shify+Ctrl+U ou Image ->

Adjustments->Desature).

30. Selecione o detalhe que se deseja deixar colorido.

31. Depois de selecionado, suavize a seleção pressionado a

seguinte combinação de teclas - Ctrl+Alt+D. Altere o valor de

feather para 2.

32. Agora é só eliminar a parte selecionada.

33. Deverá ficará assim:

Repita o exercício para fotografias na área da religião e arquitetura.

http://all-free-download.com/free-photos/http://all-free-download.com/free-photos/http://all-free-download.com/free-photos/http://all-free-download.com/free-photos/


38/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – TEXTO E IMAGENS ANIMADAS


Objetivo: Texto e imagens animadas

Exercício 1 – Texto animado

34. Crie uma nova imagem no Photoshop 400x200 pixeis.

35. Escreva a palavra Multimédia.

36. Selecione as duas camadas (Background e Texto) e alinhe-as ao centro na horizontal e

vertical.

37. Selecione apenas a camada de texto.

38. Ative a janela da animação através do menu Window -> Animat ion

39. Na janela das animações deverá alterar o modo de visualização para animação por frames.

40. De seguida duplique a f rame

41. Clique na f rame duplicada.


39/45

42. Na imagem, arraste a palavra Multimédia para a direita, até ficar a ver-se apenas palavra

Multi.

43. Altere o tempo de cada f rame para 0,2 segundos.

44. Selecione as duas f rames , com a ajuda da tecla shi f t e de seguida pressione o botão

Tweens animation frames.

45. Altere o valor de Frames to A dd para 10.

46. Altere o movimento de Once para Forever .

47. Clique no botão play (cor verde na imagem de cima) para ver se a animação resultou.

48. Grave com o nome An im ação_Texto , em formato GIF . File -> Save For Web & Devices ->

Save .

49. Por fim, guarde o projeto com o mesmo nome, mas em formato Photoshop.


40/45

Exercício 2 – Imagens animadas

1. Comece por abrir a imagem Marilyn-Capa.jpg, que se encontra em

anexo.

2. De seguida, adicione as restantes imagens como novas f rames e oculte todas as layers com exceção da layer 0.

3. Na janela da animação, duplique a f rame , uma vez .

4. Selecione a frame 2. Oculte a Layer 0 e ative a Layer 1 .

5. Na janela da animação, volte a duplicar a f rame .

6. Selecione a f rame 3 , oculte a Layer 1 e ative a Layer 2 .

7. Repita estes procedimentos até ativar a Layer 5 .

8. Clique em Play para ver a animação. Altere o tempo de cada frame, caso seja necessário.

9. Grave com o nome An im ação_Imagem , em formato GIF . File -> Save For Web & Devices -

> Save .

10. Por fim, guarde o projeto com o mesmo nome, mas em formato Photoshop.


41/45

TÉCNICASMULTIMÉDIA – MÓDULO 1: EDIÇÃO BITMAP ADOBE PHOTOSHOP – FUNDO ABSTRATO

Crie uma pasta com a designação FT15 Objetivo: Criar um fundo abstrato

50. Crie um novo ficheiro de imagem com 1024 pixels de largura por 1024 pixels de altura, nomodo RGB Color, com um fundo branco.

51. Reponha as cores originais do foreground color (preto) e background (branco) color.

52. Depois vá a Filter > Render > Clouds.

53. De seguida vá a Filter > Render > Difference Clouds.

54. Clique Ctrl + F mais 6 vezes para que a sua imagem fique idêntica ao apresentado:

55. De seguida aceda ao menu Filter > Distort > Wave e coloque os valores como a imagemabaixo:

56. No menu Filter > Sketch > Chrome coloque os valores apresentados:


42/45

57. Pressione as teclas Ctrl + U. Selecione Colorize e só depois coloque os valores apresentadosna figura:

58. Neste ponto deve chegar a um aspeto semelhante ao da figura:

59. No menu Filter > Pixelate > Mezzotint selecione a opção Long strokes (Traçados Longos)para que a sua imagem fique de acordo com o apresentado:


43/45

60. Pode ver o resultado do filtro na imagem seguinte:

61. Adicione o efeito Filter > Blur > Blur Radial e coloque os seguintes valores:

62. Neste ponto deve chegar um resultado seguinte:


44/45

63. Duplique a camada (Ctrl + J) e em Filter > Distort > Twirl coloque o ângulo a 200º.

64. Pode ver o resultado do filtro na imagem seguinte:

65. Agora duplique esta nova camada criada e coloque Filter > Distort > Twirl e coloque o ânguloa - 400º.

66. Altere a tipo de camada para Lighten (Clarear).


45/45

67. Depois de realizar todos os passos deve chegar á resultado seguinte.

Técnicas Multimédia Módulo 1 - Photoshop

Documents

Transcript of Técnicas Multimédia Módulo 1 - Photoshop