Photoshop CS52 - Truques Mágicos

Prévia do material em texto

PHOTOSHOP CS5 
2 
 
ÍNDICE 
ÍNDICE .......................................................................................................................................... 2 
INTRODUÇÃO .............................................................................................................................. 3 
A série............................................................................................................. 3 
01 - BOTÃO TRABALHADO ........................................................................................................ 3 
02 - MUDANDO A COR DE CABELOS ....................................................................................... 8 
03 - QUEBRA CABEÇA ............................................................................................................. 11 
04 – TRATAMENTOS DE PELE ................................................................................................ 16 
05 – MINI BOTÕES - WEB ......................................................................................................... 22 
06 – PLACA DE METAL ............................................................................................................. 27 
07 – DUPLICANDO UMA JANELA COM VANISH POINT........................................................ 34 
08 – BELEZA SINTÉTICA .......................................................................................................... 40 
9 – TEXTO EM METAL ............................................................................................................... 44 
10 – TILT SHIFT.......................................................................................................................... 49 
CONCLUSÃO ............................................................................................................................. 54 
 
3 
 
INTRODUÇÃO 
Atualmente é muito comum encontrar material que ensine a utilizar um software 
em seu computador, basta apenas dedicação e você passa a conhecer sua 
interface, seus botões e menus. 
Alguns materiais como os do Apostilando.com “casam” a explicação com 
exemplos reais. Mas para quem está começando muitas vezes isso é 
insuficiente. 
Então nós do Apostilando.com, criamos uma série chamada TRUQUES 
MÁGICOS. A composição da série será de apostilas para você que já baixou 
nossas apostilas e precisa exercitar a criatividade. 
Cada material da série trará dentro de um determinado software dicas e 
exemplos de uso do software, reforçando assim seu aprendizado sobre ele e 
despertando sua criatividade. Obrigado e tenha um bom curso. 
A série 
A série em sua primeira edição abordará exemplos para os seguintes 
softwares: 
 Adobe Photoshop; 
 Adobe Flash 
 Adobe Dreamweaver 
 PHP 
 Microsoft Word 
 Microsoft Excel 
01 - BOTÃO TRABALHADO 
Ao criar sua interface para um site Internet, ou um menu de DVD, ou mesmo 
um folder, você pode usando técnicas básicas do Photoshop, criar seus 
próprios botões. 
Inicie um novo projeto no Photoshop com 200x200 pixels com fundo 
transparente e 72 DPI. (Menu File New). 
4 
 
Com a ferramenta de seleção Elíptica, crie uma seleção circular (pressione 
SHIFT para que ela fique perfeita). 
 
Clique no botão de resetar as cores para que elas fiquem como cor de fundo 
branco e cor de frente em preto. 
 
Preencha a seleção com a ferramenta gradiente. 
5 
 
Reduza a seleção em 10px (Menu Select, Modify, Contract). 
 
Rotacione agora a seleção em 180º (Menu Edit, Transform). 
Diminua novamente mais 2px e rotacione novamente em 180º 
 
Vamos agora mudar a cor do miolo de nosso botão. Crie uma nova camada 
(certifique-se que ainda está com a seleção) e preencha-a com qualquer cor. 
6 
 
Para melhorar a aparência aplique um estilo de camada a esta camada. 
 
Selecione a camada de baixo e aplique a ela um efeito de camada de Drop 
Shadow. 
7 
 
 
Para finalizar, clique no menu File Save, for web e salve seu botão no formato 
desejado. 
Para que seu botão mantenha a transparência de fundo com qualidade, 
exporte no formato PNG, 24 bits. 
8 
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 informação 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 botão Ajustes de camadas. Escolha a opção 
Hue / Saturation. 
9 
 
Para quem usa a versão CS4 ou CS5 será mostrado um painel de 
ajustes. Nas versões anteriores será aberta uma janela de ajustes. 
Nesta janela marque a opção 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. 
10 
 
Apague tudo, mantendo apenas o cabelo. Altere o tamanho do pincel se for 
necessário. 
 
Para alterar a cor do preenchimento, basta dar um duplo clique na camada de 
ajuste e alterar nos controles de cor. 
11 
 
O legal deste efeito é que você pode usá-lo também objetos como camisetas, 
calças, brinquedos, etc. 
03 - QUEBRA CABEÇA 
Este é mais um efeito interessante que você pode adicionar as suas fotos. Até 
mesmo para presentear alguém, pois da a foto um diferencial interessante. 
Abra uma foto qualquer e duplique a mesma. É sempre aconselhável 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. 
12 
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 não encontre seu arquivo em seu computador, pode baixa-lo pelo 
endereço: http://www.4shared.com/photo/gn8Y5McO/puzzle.html 
Altere as configurações até que fique semelhante à imagem. 
http://www.4shared.com/photo/gn8Y5McO/puzzle.html
13 
 
Pressione OK. 
Vamos brincar um pouco agora com nossa foto, com a varinha mágica, 
selecione uma da foto, no caso vou selecionar uma parte da grama por ser de 
cor semelhante. Altere a tolerância de captura se necessário. 
 
 
 
Pressione DELETE. 
14 
 
Crie uma nova camada e preencha com alguma cor. Depois clique no menu 
Layer, Layer Style. Nos estilos de camada, marque a opção textura e aplique 
uma textura de fundo. 
 
 
Aplique também um Inner Glow. 
15 
 
 
Depois clique em Ok e arraste a camada para baixo do fundo. 
 
16 
 
04 – TRATAMENTOS DE PELE 
Um dos recursos mais utilizados por quem manipula imagens digitais é o 
tratamento de pele. Existem inúmeras formas e técnicas para este processo. 
Vamos abordar uma das mais comuns e também uma das mais eficazes. 
Abra a imagem a ser tratada. 
17 
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 próximo passo corrigiremos isso. 
18 
 
Vamos corrigir agora o excesso de claridade em nossa imagem, clique em 
Image, Adjustments, Hue/Saturation (Ctrl + U). Mova apenas a opção 
Saturation. No caso, inseri o valor +37. 
19 
 
Agora é preciso aumentar o contraste da foto. Clique em Image, Adjustments, 
Brightness/Contrast. 
 
Agora vamos deixar os traços mais perceptíveis 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 configuraçõesabaixo. 
20 
 
Para retirar as sardas e espinhas até a versão CS4 do Photoshop você 
precisaria usar o carimbo, com uma ponta pequena e sempre capturando 
próxima a área a ser tratada. Para quem usa a versão CS5, pode também usar 
a opção Spot Healing Brush e marcar na barra de propriedades a opção 
Content Aware. 
Carimbo 
 
 
Spot Healing Brush 
 
 
Com a ferramenta carimbo você precisa clicar na área onde quer capturar a cor 
21 
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 necessário use e abuse da ferramenta Zoom. 
Se necessário ajuste novamente o brilho e o contraste de sua imagem. 
 
Vamos agora clarear os dentes de nossa modelo. 
Com alguma ferramenta de seleção 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. 
22 
05 – MINI BOTÕES - WEB 
 
Crie um novo arquivo de 100x100 pixel, com fundo transparente. 
Com a ferramenta de seleção elíptica desenhe uma circunferência perfeita e 
preencha-a com a cor que desejar. 
 
Sem retirar a seleção, 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. 
 
23 
Clique em Ok e aplique um filtro Stylize, Emboss com as configurações abaixo. 
 
Para finalizar este botão, mude o modo de mesclagem da camada para 
Luminosity. 
 
Salve seu arquivo. Vamos exportar ele em PNG com Transparência. Clique no 
menu File, Save for web. Vamos diminuir seu tamanho para 30x30px e exporte. 
24 
 
De um nome a ele e vamos criar mais dois botões. 
Selecione a camada onde está o circulo colorido (CTRL+clique na camada) e 
crie uma layer acima dela e preencha com outra cor. 
 
Exporte também este botão com 30x30px. 
Crie mais uma camada e preencha com outra cor e repita todo o processo de 
exportação. 
Vamos agora criar a nossa barra. Inicie um novo arquivo de 720x50px com 
fundo transparente. 
25 
Com a ferramenta Shape de cantos arredondados, faça 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 opções de gradiente e deixe-o da seguinte forma. 
 
Preencha o gradiente de cima para baixo. Sua barra deverá estar com o 
seguinte formato. 
26 
 
Aplique na barra os seguintes estilos de camada. Bevel and Emboss 
 
E Inner Shadow 
27 
 
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 versões anteriores os arquivos serão 
abertos separadamente e será necessário 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 aço escovado. 
Inicie um projeto de 600x200px com fundo transparente 
Clique na ferramenta gradiente e selecione a opção: gradiente refletido. 
28 
 
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. 
29 
 
 
 
 
Clique agora no menu filter Blur, Motion Blur. 
30 
 
 
 
Com isso temos nossa placa de aço 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 seleção. 
Preencha a seleção com uma cor cinza médio. 
31 
 
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 seleção e preencha de branco. 
 
Inverta a seleção e mova agora quatro vezes para baixo e quatro vezes para a 
direita, inverta seleção e preencha com a cor preto. 
Pressione CTRL+D para desfazer a seleção. 
32 
 
 
Agora carregue a seleção. Menu Select, Load Selection. E escolha a seleção 
salva anteriormente. 
 
Inverta a seleção pressione DELETE. 
Desfaça a seleção. 
 
Crie uma nova camada e faça uma seleção retangular de 46px de altura por 
4px de largura. 
33 
 
Centralize a sua seleção. Com o teclado mova a seleção 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 médio. 
Desfaça a seleção. 
 
Diminua a cabeça do parafuso. Selecione as duas camadas dele e pressione 
CTRL+T. Ligue o botão de proporcionalidade e diminua conforme achar 
necessário, depois o mova para uma das extremidades. 
34 
 
 
Duplique as camadas do parafuso e mova as camadas duplicadas para a outra 
extremidade, se quiser pode rotáciona-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, 
porém um pouco complicado o Vanish Point. 
Abra a imagem no Photoshop e vá a Filter/Vanish Point 
35 
 
 
Faça uma malha na imagem, como mostra a figura abaixo: 
 
 
Segure a tecla CTRL, e puxe a lateral da malha pra outra parede, você vai 
36 
perceber que ela acompanha a perspectiva do prédio. 
 
 
Deixe a malha como mostra à figura abaixo. 
 
 
37 
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. 
 
38 
 
 
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 opção Flip, isso vai posicionar a janela corretamente. 
 
39 
 
40 
 
 
08 – BELEZA SINTÉTICA 
Abra a imagem a ser trabalhada. 
 
Pressione CTRL+J e duplique a imagem. 
41 
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. 
42 
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 seleção 
elíptica. 
 
 
 
Vá a Image, Adjustments, Hue/Saturation e ajuste como achar melhor. 
 
43 
 
 
Para finalizar coloque na camada mais acima como Lighten e na do meio 
Screen. 
 
 
 
44 
9 – TEXTO EM METAL 
Crie um novo arquivo RGB de 72 dpi de 600x332, escolha um tom de cinza 
médio como a primeira cor (#737373), selecione a ferramenta texto e digite as 
palavras que você quiser. 
 
 
 
Na paleta de camadas, clique com o botão direito e selecione Rasterize Layers. 
Agora selecione a palavras (CRTL+ clique no layer). 
Vá até a paleta de canais e aperte o botão “(Save selection as channel)”. 
 
45 
 
 
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. 
 
46 
Volte para a camada da palavra e aplique o filtro Render Lightning effects com 
as seguintes configurações. 
 
 
 
Utilize agora o filtro Artistic, plastic warp nas marcações default Highlight 
Strength=15, Detail=9 e Smoothness=7. 
 
47 
 
 
Agora vá ao Menu Image, Adjust, Variations coloque o marcador superior na 
marcação. 
 
 
 
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 seguinteforma. 
 
48 
 
 
Depois altere a opacidade da camada para 66%. 
 
 
49 
10 – TILT SHIFT 
Aqui a importância da imagem conta muito. Escolha uma imagem rica de 
informações. 
 
Duplique a camada para mantermos uma copia original 
Pressione Q para entrar no modo de máscara rápida. 
 
 
Selecione a ferramenta gradiente e configure para que fique da seguinte forma. 
50 
 
 
Escolha para preencher o seguinte modo de gradiente. 
 
 
Trace o gradiente de cima para baixo. Sua imagem deverá ficar semelhante à 
imagem abaixo. 
51 
 
Pressione Q novamente para sair da máscara rápida. 
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 versões anteriores, clique no botão de Adjustment Layer da paleta 
Layers. 
52 
 
Escolha Brightness/Contrast. Configure da seguinte forma. 
 
 
Depois crie outra layer de ajuste só que Curves e configure da seguinte forma. 
 
 
53 
 
Veja outras imagens com a mesma técnica. 
 
54 
 
 
Os valores que usamos no exemplo são para a imagem em questão. Em 
algumas imagens será necessário mudar os valores para se alcançar um bom 
resultado. 
 
CONCLUSÃO 
Com isto finalizamos nossa apostila de Photoshop TRUQUES 
MÁGICOS, se você quer aprender mais sobre esta fantástica ferramenta e 
quer aprender a usá-la para projetos de criação de web sites conheça nosso 
curso Webkit através do link: http://apostilando.com/pagina.php?cod=30. 
http://apostilando.com/pagina.php?cod=30