Upload
alex-barros
View
218
Download
0
Embed Size (px)
Citation preview
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 1/54
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 2/54
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
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 3/54
3
INTRODUÇÃO
Atualmente é muito comum encontrar material que ensine a utilizar um softwareem 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á baixounossas 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 TRABALHADOAo 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).
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 4/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 5/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 6/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 7/54
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/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 8/54
8
02 - MUDANDO A COR DE CABELOSUm 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çãoHue / Saturation.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 9/54
9
Para quem usa a versão CS4 ou CS5 será mostrado um painel deajustes. 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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 10/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 11/54
11
O legal deste efeito é que você pode usá-lo também objetos como camisetas,
calças, brinquedos, etc.
03 - QUEBRA CABEÇAEste é 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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 12/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 13/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 14/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 15/54
15
Depois clique em Ok e arraste a camada para baixo do fundo.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 16/54
16
04 – TRATAMENTOS DE PELEUm 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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 17/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 18/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 19/54
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ções abaixo.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 20/54
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 capturandopró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
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 21/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 22/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 23/54
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 paraLuminosity.
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 24/54
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) ecrie 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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 25/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 26/54
26
Aplique na barra os seguintes estilos de camada. Bevel and Emboss
E Inner Shadow
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 27/54
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 METALPrimeiramente 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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 28/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 29/54
29
Clique agora no menu filter Blur, Motion Blur.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 30/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 31/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 32/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 33/54
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 34/54
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 POINTO 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
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 35/54
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
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 36/54
36
perceber que ela acompanha a perspectiva do prédio.
Deixe a malha como mostra à figura abaixo.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 37/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 38/54
38
Você vai notar que ao passar de uma parede para a outra, a janela vira
automaticamente, acompanhado a perspectiva da parede, posicione a janelano local adequado, depois selecione Transform Tool.
Em seguida marque a opção Flip, isso vai posicionar a janela corretamente.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 39/54
39
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 40/54
40
08 – BELEZA SINTÉTICAAbra a imagem a ser trabalhada.
Pressione CTRL+J e duplique a imagem.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 41/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 42/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 43/54
43
Para finalizar coloque na camada mais acima como Lighten e na do meio
Screen.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 44/54
44
9 – TEXTO EM METALCrie 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)”.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 45/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 46/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 47/54
47
Agora vá ao Menu Image, Adjust, Variations coloque o marcador superior namarcaçã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 seguinte forma.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 48/54
48
Depois altere a opacidade da camada para 66%.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 49/54
49
10 – TILT SHIFTAqui 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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 50/54
50
Escolha para preencher o seguinte modo de gradiente.
Trace o gradiente de cima para baixo. Sua imagem deverá ficar semelhante à
imagem abaixo.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 51/54
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.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 52/54
52
Escolha Brightness/Contrast. Configure da seguinte forma.
Depois crie outra layer de ajuste só que Curves e configure da seguinte forma.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 53/54
53
Veja outras imagens com a mesma técnica.
8/4/2019 Photoshop Truquesmagicos
http://slidepdf.com/reader/full/photoshop-truquesmagicos 54/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 nossocurso Webkit através do link: http://apostilando.com/pagina.php?cod=30.