-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
1/10
[email protected] 1
TUTORIAL PHOTOSHOP 1
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
2/10
[email protected] 2
MOLDURA
1. Clique com o boto direito sobre a imagem Manso
Assom-brada.jpg e escolha a opo Abrir com >> Adobe
Photoshop.Outra forma de abrir a imagem , dentro do Photoshop,
escolhera opo File >> Open, e selecionar o arquivo com o qual
sedeseja trabalhar.
2. Aps abrir a imagem, veja no destaque o painel Layer, naqual a
imagem aparece aparece bloqueada (imagem 01).
3. Com um duplo-clique sobre a Layer Background
possveldesbloque-la. Na tela que se abrir digite o nome
desejadopara a Layer (por exemplo, Manso). importante sempre
no-mear propriamente as camadas para facilitar o trabalho quandoo
projeto possuir um grande nmero delas (imagem 01).
4. Selecione agora a ferramenta Crop (Imagem 02), que ser-ve
para cortar a imagem. possvel digitar o tamanho desejadoou escolher
um dentre os tamanhos padro. Escolha o tamanho4 x 6 polegadas, ou
seja, 10,2 x 15,2 cm ( Imagem 03).
Imagem 01
Imagem 03
Imagem 02
Comece a usar
atalhos para acessaras ferramentas.
O atalho da Crop
Tool a letra C do
teclado.
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
3/10
[email protected] 3
5. Clique e arraste sobre a rea da imagem que deseja preser-var
(imagem 04).
6. Note, no destaque, que, se a opo Rule of Thirds
estivermarcada a seleo da imagem ficar enquadrada na Regra dosTeros
(imagem 04). Use-a para fazer o recorte adequado naimagem.
7. Quando estiver certo(a) do enquadramento desejado, tecleEnter
para confirmar o corte da imagem.
8. Para aumentar a imagem na tela, tecle Control + o nmerode
vezes necessrio para que a imagem se encaixe na rea datela.
9. Note como o prdio est torto. Para endireit-lo usaremos
aferramenta Ruler (ou Tecla I). Veja a ferramenta na imagem 05.
10. Aproxime a imagem e clique uma vez em uma extremidadedo
prdio e uma vez na outra extremidade, conforme indicado naimagem
(imagem 06).
11. Clique em no boto Straighten, que quer dizer endireitar
enote como o prdito agora ficou reto em relao borda direita.
12. Use novamente a ferramenta Crop (tecla C) e selecione todaa
rea, clicando em enter em seguida. Voc acaba de deletar asbordas
que sobraram quando a imagem foi girada.
13. Agora iremos acrescentar o paspatur, aquela borda brancaao
redor da imagem. Primeiro precisamos alterar o tamanhoda rea de
edio (chamada de Canvas). V no menu superiorImage e escolha a opo
Canvas Size....
14. Preencha a tela que se abrir com as mesmas
informaesapresentadas na imagem 08. Certifique-se de que est
preen-chendo de forma idntica. A opo Relative precisa estar
mar-cada. Caso contrrio, voc precisar calcular o novo
tamanhoacrescentando 2 cm na largura e na altura. Portanto, mais
pr-tico se marcar a opo Relative e nos campos largura (Width)e
altura (height) informar apenas quanto a mais deseja (nestecaso,
2cm). Clique em Ok para confirmar.
15. A rea quadriculada (imagem 09) uma rea onde no te-mos
nenhuma informao visual. O prximo passo preencheresta rea com a cor
branca. Mas antes vamos criar uma novaLayer (Camada) na qual esta
borda branca ficar. Clique no co-ne em destaque na imagem 09.
16. Renomeie esta Layer como Borda.
Imagem 06
Imagem 05
Imagem 04
Imagem 08
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
4/10
[email protected] 4
17. Agora vamos pintar toda a Layer Borda com a cor branca.Com
dois cliques no atalho para preenchimento ( imagem 10) edigite, na
tela que se abrir, o cdigo da cor desejada (Branco,que C0M0Y0K0 ou
R255G255B255). Clique em Ok para con-
firmar a seleo da cor (imagem 11
).18. Hora de selecionar a ferramenta balde de tinta (Paint
BucketTool), ou tecla G (imagem 12).
19. Clique sobre a rea de edio e toda a layer Borda ficarbranca
(imagem 13).
Imagem 09
Imagem 11
Imagem 10
Imagem 12
Imagem 13
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
5/10
[email protected] 5
20. No Painel de Layers, arraste a layer Borda para baixo
dalayer Manso caso sua imagem tenha ficado toda branca.
21. Para cada camada possvel acrescentar diversos efeitos.Vamos
agora colocar um leve sombreado interno (Inner Sha-dow) na layer
manso. Para tanto, clique no boto FX (Add aLayer Style), que fica
no rodap do painel de layers.
22. Escolha a opo Inner Shadow (imagem 14).
23. Na janela que se abrir, preencha de acordo com a imagem.No
se esquea de marcar a opo Preview, que permitir quevoc visualize em
tempo real as edies que est realizando(imagem 15).
Imagem 14
Imagem 1524. Agora vamos criar a moldura. Novamente ser preciso
au-mentar a rea de edio. Image >> opo Canvas Size... ocaminho
que abre a tela na qual aumentaremos 4 cm na largurae 4 na altura.
O processo o mesmo e a opo Relative deveestar marcada.
25. Selecione a cor R91G91B91. O processo o mesmo reali-zado
para selecionar o branco (digitando os valores para este
tom de cinza).
26. Agora vamos colocar uma textura sobre este cinza escuro.Para
tanto, clique no boto FX (Add a Layer Style), que ficano rodap do
painel de layers, e escolha a opo Blending Op-tions.
27. Na janela que se abrir, marque a opo Texture e e preen-cha
todas as informaes sobre a textura, conforme indicado naimagem 16.
Lembre-se de que a opo Texture tem que estarselecionada.
28. Clique sobre a opo Bevel and Emboss e preencha oscampos
exatamente como indicado na imagem 17.
Imagem 17
Imagem 16
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
6/10
[email protected] 6
29. Agora vamos copiar o estilo de sombra que fizemos na
layerManso e aplic-lo tambm na layer borda. Para isso cliquecom o
boto direito na layer Manso e escolha a opo CopyLayer Style. Depois
clique na layer Borda com o boto direitoe escolha Paste Layer
Style.
30. Hora de salvar seu projeto do photoshop. O ideal que
voctenha uma pasta para os arquivos .PSD, por exemplo, uma pas-
ta em seu computador chamada Projetos Photoshop no qualdeixar
todos os projetos. Para salvar, clique no menu superiorFile e
escolha a opo Save As... (imagem 18).
31. Nomeie o projeto e clique em Salvar. Sempre que
precisareditar este trabalho, basta abrir este arquivo .PDS que
todas assuas layers estaro disponveis para edio.
32. Agora vamos salvar uma imagem compactada JPEG (quepode ser
visualizada por qualquer pessoa em qualquer compu-tador, enquanto a
imagem em .PSD s pode ser aberta em umcomputador que tenha o
Photoshop instalado). V novamente
no menu File, opo Save As....33. Desta vez mude a opo Format de
Photoshop para JPEG(imagem 19).
34. Nomeie a imagem e clique em Salvar.
Imagem 18 Imagem 19
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
7/10
[email protected] 7
TUTORIAL PHOTOSHOP 2
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
8/10
[email protected] 8
BOLSA VERMELHA
1. Abra o Photoshop.
2. Agora abra a imagem. O caminho File >> Open. Selecionea
imagem bolsa vermelha.jpg.
3. A inteno agora selecionar a bolsa e retirar todo o fundoda
imagem. Para isso a forma mais rpida usar uma ferramen-ta chamada
Quick Selection Tool. Selecione-a.
4. Agora marque o cone de adio, em destaque, e v clicandosobre a
rea da bolsa at que toda ela esteja selecionada.
5. Para arrumar as imperfeies na seleo, d zoom clicandoem
Control +. Agora marque o cone em destaque (que, no lu-gar de
adicionar seleo, retira) e clique nas reas que desejadesmarcar.
Quanto mais perfeita ficar a seleo da bolsa, menostrabalho ser
necessrio nos ajustes.
Imagem 01
Imagem 04
Imagem 02
Imagem 03
6. Veja no destaque da imagem 04 o painel Mscara (Mask).Clique
na opo Select the pixel mask.
7. Veja como o fundo desaparece da imagem, deixando apenaso
objeto que estava selecionado.
8. Crie uma layer, pinte de branco e arraste-a para baixo
dalayer que contm a bolsa (imagem 05). Estas aes j foramvistas no
tutorial anterior.
Imagem 05
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
9/10
[email protected] 9
9. Clique na opo Mark Edge e preencha os campos comona imagem
06.
10. Note na imagem 05 como o fundo brancodeixa mais evidentes
algumas falhas no con-torno da imagem. Com a layer da bolsa
marca-da, selecione a ferramenta Brush Tool (B), nodestaque da
imagem 07. Certifique-se de quea cor marcada a preta e v eliminando
osdetalhes que sobraram no cortorno da bolsa,para deix-lo
perfeito.
11. Agora hora de salvar o projeto. Primeiramente deve-se
sal-var o projeto do Photoshop, O caminho File >> Save
As....Nomeie o arquivo e clique em Salvar.
12. Agora vamos aumentar o canvas em 6 cm de largura e 4
dealtura, conforme imagem 08. O caminho Image >>
CanvasSize....
13. Com a ferramenta Crop (C), faa um recorte de 6 x 4
pole-gadas. Clique no boto Inverter (imagem 09) para obter
estamedida, j que o padro oferecido 4 x 6, e no 6 x 4. Selecionee
tecle Enter.
14. Posicione a imagem da bolsa na lateral direita (imagem
10).
15. Crie uma linha na diagonal usando a ferramenta Line Tool(U),
em destaque na imagem 11.
16. Agora mude a cor da linha o tom de azul destacado na
ima-gem. Para abrir esta janela de edio de cores, clique no
cone
FX (layer style), marque a opo Color Overlay e d um
duplo--clique sobre a janela de cor (imagem 12).
Imagem 06
Imagem 07
Imagem 12
Imagem 11
Imagem 09
Imagem 10
Imagem 08
-
7/27/2019 Prticas de Computao Grfica - Tut 1 e 2 do PS
10/10
[email protected] 10
17. Selecione a linha. Segure a tecla Alt e tecla seta para
bai-xo. Isso far com que a imagem seja replicada. D espaosiguais
(com a tecla seta para baixo) de forma que as linhasfiquem
distribudas igualmente (imagem 13). Ao todo so de-zessete
linhas.
18. Agora vamos inserir o texto OUTONO / INVERNO.
Primei-ramente, selecione a ferramenta Tool Text (imagem 14).
19. Clique na rea em que deseja inserir o texto e digite. A
for-matao Helvetica, Bold Oblique, 26, vermelho R139 G37 B35(imagem
15).
20. Rotacione a caixa de texto usando os eixos laterais
(imagem15).
21. Para finalizar, vamos colocar um Drop Shadow com as
con-figuraes exatas da imagem 16.
22. Como a inteno que esta imagem seja enviada para a in-ternet,
vamos exportar um JPEG atravs do menu File >> opoSave for web
& devices.
23. Na tela que se abrir, digite largura (width) 600 e altura
(hei-ght (400) (imagem 17).
24. Clique em Salvar.
Imagem 15
Imagem 15
Imagem 15
Imagem 14
Imagem 13
