PHOTOSHOP CS5

NDICE
NDICE .......................................................................................................................................... 2 INTRODUO .............................................................................................................................. 3

A srie............................................................................................................. 3
01 - BOTO TRABALHADO ........................................................................................................ 3 02 - MUDANDO A COR DE CABELOS ....................................................................................... 8 03 - QUEBRA CABEA ............................................................................................................. 11 04 TRATAMENTOS DE PELE ................................................................................................ 16 05 MINI BOTES - WEB ......................................................................................................... 22 06 PLACA DE METAL ............................................................................................................. 27 07 DUPLICANDO UMA JANELA COM VANISH POINT........................................................ 34 08 BELEZA SINTTICA .......................................................................................................... 40 9 TEXTO EM METAL ............................................................................................................... 44 10 TILT SHIFT.......................................................................................................................... 49 CONCLUSO ............................................................................................................................. 54

INTRODUO
Atualmente muito comum encontrar material que ensine a utilizar um software em seu computador, basta apenas dedicao e voc passa a conhecer sua interface, seus botes e menus. Alguns materiais como os do Apostilando.com casam a explicao com exemplos reais. Mas para quem est comeando muitas vezes isso insuficiente. Ento ns do Apostilando.com, criamos uma srie chamada TRUQUES MGICOS. A composio da srie ser de apostilas para voc que j baixou nossas apostilas e precisa exercitar a criatividade. Cada material da srie trar dentro de um determinado software dicas e exemplos de uso do software, reforando assim seu aprendizado sobre ele e despertando sua criatividade. Obrigado e tenha um bom curso.

A srie
A srie em sua primeira edio abordar exemplos para os seguintes softwares: Adobe Photoshop; Adobe Flash Adobe Dreamweaver PHP Microsoft Word Microsoft Excel

01 - BOTO TRABALHADO
Ao criar sua interface para um site Internet, ou um menu de DVD, ou mesmo um folder, voc pode usando tcnicas bsicas do Photoshop, criar seus prprios botes. Inicie um novo projeto no Photoshop com 200x200 pixels com fundo transparente e 72 DPI. (Menu File New).

Com a ferramenta de seleo Elptica, crie uma seleo circular (pressione SHIFT para que ela fique perfeita).

Clique no boto de resetar as cores para que elas fiquem como cor de fundo branco e cor de frente em preto.

Preencha a seleo com a ferramenta gradiente.

Reduza a seleo em 10px (Menu Select, Modify, Contract).

Rotacione agora a seleo em 180 (Menu Edit, Transform). Diminua novamente mais 2px e rotacione novamente em 180

Vamos agora mudar a cor do miolo de nosso boto. Crie uma nova camada (certifique-se que ainda est com a seleo) e preencha-a com qualquer cor.

Para melhorar a aparncia aplique um estilo de camada a esta camada.

Selecione a camada de baixo e aplique a ela um efeito de camada de Drop Shadow.

Para finalizar, clique no menu File Save, for web e salve seu boto no formato desejado.

Para que seu boto mantenha a transparncia de fundo com qualidade, exporte no formato PNG, 24 bits.

02 - MUDANDO A COR DE CABELOS

Um recurso bem interessante do Photoshop a possibilidade de se mudar a cor de objetos e pessoas ou parte delas, e o mais interessante, sem perder ou danificar informao na foto original. No exemplo a seguir vamos mudar a cor dos cabelos de nossa modelo. Abra uma imagem que contenha uma pessoa.

Na paleta de camadas, clique no boto Ajustes de camadas. Escolha a opo Hue / Saturation.

Para quem usa a verso CS4 ou CS5 ser mostrado um painel de ajustes. Nas verses anteriores ser aberta uma janela de ajustes. Nesta janela marque a opo Colorize.

Altere os controles at que fiquem com a cor que deseja. Depois deixe a cor de primeiro plano em preto. Selecione o pincel e pinte nas reas fora do cabelo. Observe que no painel de camadas aparece a mascara do ajuste sendo pintado.

Apague tudo, mantendo apenas o cabelo. Altere o tamanho do pincel se for necessrio.

Para alterar a cor do preenchimento, basta dar um duplo clique na camada de ajuste e alterar nos controles de cor.

10

O legal deste efeito que voc pode us-lo tambm objetos como camisetas, calas, brinquedos, etc.

03 - QUEBRA CABEA
Este mais um efeito interessante que voc pode adicionar as suas fotos. At mesmo para presentear algum, pois da a foto um diferencial interessante. Abra uma foto qualquer e duplique a mesma. sempre aconselhvel ao trabalhar uma imagem duplicar a sua camada (Tecla de atalho CTRL+J).

Oculte a camada de cima e vamos trabalhar na camada de baixo. D um duplo clique no cadeado da camada para desbloquear a camada.

11

Vamos agora aplicar um filtro de textura. Clique no menu Filter, Texture, Texturizer.

Mude para Sandstone e clique sobre a seta do lado direito, escolhendo Load Texture.

Encontre o arquivo Puzzle.PSD (C:\Arquivos de programas\Adobe\Adobe Photoshop CS?\Presets\).

Caso no encontre seu arquivo em seu computador, pode baixa-lo pelo endereo: http://www.4shared.com/photo/gn8Y5McO/puzzle.html Altere as configuraes at que fique semelhante imagem.

12

Pressione OK. Vamos brincar um pouco agora com nossa foto, com a varinha mgica, selecione uma da foto, no caso vou selecionar uma parte da grama por ser de cor semelhante. Altere a tolerncia de captura se necessrio.

Pressione DELETE.

13

Crie uma nova camada e preencha com alguma cor. Depois clique no menu Layer, Layer Style. Nos estilos de camada, marque a opo textura e aplique uma textura de fundo.

Aplique tambm um Inner Glow.

14

Depois clique em Ok e arraste a camada para baixo do fundo.

15

04 TRATAMENTOS DE PELE
Um dos recursos mais utilizados por quem manipula imagens digitais o tratamento de pele. Existem inmeras formas e tcnicas para este processo. Vamos abordar uma das mais comuns e tambm uma das mais eficazes. Abra a imagem a ser tratada.

16

Duplique a imagem. Em Image,Adjustments,Levels (Ctrl + L). No caso, coloquei os valores bem altos, mas isso ir variar muito conforme a foto que voc escolher.

Agora em Image, Adjustments, Curves e coloque os valores: Input 118 e Output 136. A foto ficar bem clara, no prximo passo corrigiremos isso.

17

Vamos corrigir agora o excesso de claridade em nossa imagem, clique em Image, Adjustments, Hue/Saturation (Ctrl + U). Mova apenas a opo Saturation. No caso, inseri o valor +37.

18

Agora preciso aumentar o contraste da foto. Clique em Image, Adjustments, Brightness/Contrast.

Agora vamos deixar os traos mais perceptveis para que se note melhor os detalhes de nossa foto. V at Filter, Sharpen, Unsharp Mask. Altere de acordo com sua imagem. Para a imagem usei as configuraes abaixo.

19

Para retirar as sardas e espinhas at a verso CS4 do Photoshop voc precisaria usar o carimbo, com uma ponta pequena e sempre capturando prxima a rea a ser tratada. Para quem usa a verso CS5, pode tambm usar a opo Spot Healing Brush e marcar na barra de propriedades a opo Content Aware. Carimbo

Spot Healing Brush

Com a ferramenta carimbo voc precisa clicar na rea onde quer capturar a cor

20

com a tecla alt pressionada, e depois clicar na rea a ser sobreposta. Basta repetir o processo para todas as sardas e espinhas que queira remover. Com a Spot Heling Brush, basta apenas clicar sobre o item a ser removido.

Para

saber

mais

como

utilizar

estas

ferramentas

baixe

no

Apostilando.com a apostila de Photoshop CS4 ou Photoshop CS5. Se necessrio use e abuse da ferramenta Zoom. Se necessrio ajuste novamente o brilho e o contraste de sua imagem.

Vamos agora clarear os dentes de nossa modelo. Com alguma ferramenta de seleo selecione os dentes. Apenas os dentes.

Clique em Image, Adjustments, Desaturate. Depois clique em Image, Adjustments, Levels.

Finalizamos assim uma das formas de se tratar uma imagem.

21

05 MINI BOTES - WEB

Crie um novo arquivo de 100x100 pixel, com fundo transparente. Com a ferramenta de seleo elptica desenhe uma circunferncia perfeita e preencha-a com a cor que desejar.

Sem retirar a seleo, crie uma nova camada e preencha-a com a cor preta.

Na camada em preto aplique um filtro Blur, Gausian Blur com raio de 10 px.

22

Clique em Ok e aplique um filtro Stylize, Emboss com as configuraes abaixo.

Para finalizar este boto, mude o modo de mesclagem da camada para Luminosity.

Salve seu arquivo. Vamos exportar ele em PNG com Transparncia. Clique no menu File, Save for web. Vamos diminuir seu tamanho para 30x30px e exporte.

23

De um nome a ele e vamos criar mais dois botes. Selecione a camada onde est o circulo colorido (CTRL+clique na camada) e crie uma layer acima dela e preencha com outra cor.

Exporte tambm este boto com 30x30px. Crie mais uma camada e preencha com outra cor e repita todo o processo de exportao. Vamos agora criar a nossa barra. Inicie um novo arquivo de 720x50px com fundo transparente.

24

Com a ferramenta Shape de cantos arredondados, faa o desenho de uma barra.

Clique no menu Layer, rasterize, shape. Selecione a barra (CTRL+Clique na cone na layer). E clique na ferramenta de preenchimento gradiente. Clique nas opes de gradiente e deixe-o da seguinte forma.

Preencha o gradiente de cima para baixo. Sua barra dever estar com o seguinte formato.

25

Aplique na barra os seguintes estilos de camada. Bevel and Emboss

E Inner Shadow

26

Agora adicione as bolinhas que exportamos a nossa barra

Se voc estiver usando o Photoshop CS5, basta selecionar as bolinhas e arrastar para dentro de seu arquivo. Em verses anteriores os arquivos sero abertos separadamente e ser necessrio arrastar para dentro do arquivo da barra.

E assim finalizamos nossa barra.

06 PLACA DE METAL
Primeiramente vamos criar nossa placa e dar a ela um efeito de ao escovado. Inicie um projeto de 600x200px com fundo transparente Clique na ferramenta gradiente e selecione a opo: gradiente refletido.

27

Agora Edite seu gradiente com as extremidades em preto e meio em branco.

Arraste o degrade no sentido horizontal.

Clique no menu Filter, Noise, Add Noise.

28

Clique agora no menu filter Blur, Motion Blur.

29

Com isso temos nossa placa de ao escovado. Vamos adicionar nela parafusos nas extremidades. Crie uma nova camada e nela desenhe uma elipse de 50x50 px Clique no menu select e salve a seleo. Preencha a seleo com uma cor cinza mdio.

30

Clique no menu Select, Modify, feather. Aplique um desfoque de 3px.

Com seu teclado use a seta para cima e para esquerda duas vezes cada uma. Inverta a seleo e preencha de branco.

Inverta a seleo e mova agora quatro vezes para baixo e quatro vezes para a direita, inverta seleo e preencha com a cor preto. Pressione CTRL+D para desfazer a seleo.

31

Agora carregue a seleo. Menu Select, Load Selection. E escolha a seleo salva anteriormente.

Inverta a seleo pressione DELETE. Desfaa a seleo.

Crie uma nova camada e faa uma seleo retangular de 46px de altura por 4px de largura.

32

Centralize a sua seleo. Com o teclado mova a seleo 1px para a esquerda e preencha com preto. Depois mova 2 pixels para a direita e preencha com a cor branca. Agora mova 1 px para a esquerda e preencha com um cinza mdio. Desfaa a seleo.

Diminua a cabea do parafuso. Selecione as duas camadas dele e pressione CTRL+T. Ligue o boto de proporcionalidade e diminua conforme achar necessrio, depois o mova para uma das extremidades.

33

Duplique as camadas do parafuso e mova as camadas duplicadas para a outra extremidade, se quiser pode rotciona-la um pouco.

Repita o processo para os parafusos da parte de baixo.

07 DUPLICANDO UMA JANELA COM VANISH POINT

O objetivo deste exemplo mostrar como usar um filtro extremamente til, porm um pouco complicado o Vanish Point. Abra a imagem no Photoshop e v a Filter/Vanish Point

34

Faa uma malha na imagem, como mostra a figura abaixo:

Segure a tecla CTRL, e puxe a lateral da malha pra outra parede, voc vai

35

perceber que ela acompanha a perspectiva do prdio.

Deixe a malha como mostra figura abaixo.

36

Selecione Marquee Tool

Em seguida selecione a janela.

Depois de selecionar a janela, segure a tecla ALT, e arraste a janela selecionada para a outra parede.

37

Voc vai notar que ao passar de uma parede para a outra, a janela vira automaticamente, acompanhado a perspectiva da parede, posicione a janela no local adequado, depois selecione Transform Tool.

Em seguida marque a opo Flip, isso vai posicionar a janela corretamente.

38

39

08 BELEZA SINTTICA
Abra a imagem a ser trabalhada.

Pressione CTRL+J e duplique a imagem.

40

Na imagem duplicada v a Filters, Noise, Add Noise, e coloque o valor 5.

Agora v a Filters, Blur, Gaussian Blur, e coloque valor 3.5.

Duplique a camada onde aplicamos o filtro.

41

Na nova duplicata, v a Filters, Sharpen, Sharpen More, repita este passo mais uma vez. Oculte as duas layers onde aplicamos os filtros. Vamos mudar a cor dos olhos. Selecione os com a ferramenta de seleo elptica.

V a Image, Adjustments, Hue/Saturation e ajuste como achar melhor.

42

Para finalizar coloque na camada mais acima como Lighten e na do meio Screen.

43

9 TEXTO EM METAL
Crie um novo arquivo RGB de 72 dpi de 600x332, escolha um tom de cinza mdio como a primeira cor (#737373), selecione a ferramenta texto e digite as palavras que voc quiser.

Na paleta de camadas, clique com o boto direito e selecione Rasterize Layers. Agora selecione a palavras (CRTL+ clique no layer). V at a paleta de canais e aperte o boto (Save selection as channel).

44

Com o novo canal selecionado use o filtro Blur, Gaussian Blur com 6 pixels. Aplique o filtro novamente com valor 3 pixels e novamente com 1,5 pixels.

45

Volte para a camada da palavra e aplique o filtro Render Lightning effects com as seguintes configuraes.

Utilize agora o filtro Artistic, plastic warp nas marcaes default Highlight Strength=15, Detail=9 e Smoothness=7.

46

Agora v ao Menu Image, Adjust, Variations coloque o marcador superior na marcao.

Clique em Original, uma vez em More Blue e uma vez em More Cyan. Duplique a camada. V at Image, Adjust, Curves e ajuste da seguinte forma.

47

Depois altere a opacidade da camada para 66%.

48

10 TILT SHIFT
Aqui a importncia da imagem conta muito. Escolha uma imagem rica de informaes.

Duplique a camada para mantermos uma copia original Pressione Q para entrar no modo de mscara rpida.

Selecione a ferramenta gradiente e configure para que fique da seguinte forma.

49

Escolha para preencher o seguinte modo de gradiente.

Trace o gradiente de cima para baixo. Sua imagem dever ficar semelhante imagem abaixo.

50

Pressione Q novamente para sair da mscara rpida. Clique em Filter, Blur, Lens Blur e configure conforme a imagem.

Para quem usa o Photoshop CS4 ou CS5 clique no painel de ajustes. Para quem usa verses anteriores, clique no boto de Adjustment Layer da paleta Layers.

51

Escolha Brightness/Contrast. Configure da seguinte forma.

Depois crie outra layer de ajuste s que Curves e configure da seguinte forma.

52

Veja outras imagens com a mesma tcnica.

53

Os valores que usamos no exemplo so para a imagem em questo. Em algumas imagens ser necessrio mudar os valores para se alcanar um bom resultado.

CONCLUSO
Com isto finalizamos nossa apostila de Photoshop TRUQUES MGICOS, se voc quer aprender mais sobre esta fantstica ferramenta e quer aprender a us-la para projetos de criao de web sites conhea nosso curso Webkit atravs do link: http://apostilando.com/pagina.php?cod=30.

54