ÍNDICE... 2 INTRODUÇÃO A série... 3

Transcrição

1 PHOTOSHOP CS5

2 ÍNDICE ÍNDICE... 2 INTRODUÇÃO... 3 A série BOTÃO TRABALHADO MUDANDO A COR DE CABELOS QUEBRA CABEÇA TRATAMENTOS DE PELE MINI BOTÕES - WEB PLACA DE METAL DUPLICANDO UMA JANELA COM VANISH POINT BELEZA SINTÉTICA TEXTO EM METAL TILT SHIFT CONCLUSÃO

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). 3

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. 4

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. 5

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. 6

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. 7

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. 8

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. 9

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. 10

11 O legal deste efeito é que você pode usá-lo também objetos como camisetas, calças, brinquedos, etc 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. 11

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: Altere as configurações até que fique semelhante à imagem. 12

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. 13

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. 14

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

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. 16

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. 17

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

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. 19

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 20

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. 21

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. 22

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. 23

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. 24

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. 25

26 Aplique na barra os seguintes estilos de camada. Bevel and Emboss E Inner Shadow 26

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. 27

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. 28

29 Clique agora no menu filter Blur, Motion Blur. 29

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. 30

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. 31

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. 32

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. 33

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 34

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 35

36 perceber que ela acompanha a perspectiva do prédio. Deixe a malha como mostra à figura abaixo. 36

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. 37

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. 38

39 39

40 08 BELEZA SINTÉTICA Abra a imagem a ser trabalhada. Pressione CTRL+J e duplique a imagem. 40

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. 41

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. 42

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

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). 44

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. 45

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. 46

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 seguinte forma. 47

48 Depois altere a opacidade da camada para 66%. 48

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. 49

50 Escolha para preencher o seguinte modo de gradiente. Trace o gradiente de cima para baixo. Sua imagem deverá ficar semelhante à imagem abaixo. 50

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. 51

52 Escolha Brightness/Contrast. Configure da seguinte forma. Depois crie outra layer de ajuste só que Curves e configure da seguinte forma. 52

53 Veja outras imagens com a mesma técnica. 53

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: 54