Crie seu Layout. pt2

11. E aí? Preparado pra continuar a maratona? Come on! ^__^ Continuando: sabe aquela parte do layout, que por mais que você corra com a barra de rolagem, ela nunca acaba? Pois é... a isso eu chamo de Tile. O 'tile' é nada menos que uma fina faixa que você 'recorta' do layout, e que irá se repetir no html. Mais sobre esse assunto, veremos lá na frente. §=}

---

12. Eita que essa coisa nunca acaba! §XP Agora vamos ao que interessa: O tile. Como eu já disse, a função dele é se repetir. Por isso ele tem que ter o fundo liso! Reparem no fundo, por detrás dos retângulos. Agora vou mostrar p/ você 3 "opções" de tiles. ^__^ Selecione a Camada (layer) da sua imagem. Agora, usando a ferramenta 'seleção' (M), selecione uma faixa no final da imagem, como mostra a figura. Selecionou? Agora digite CTRL+X Pronto? Essa faixa preta por detrás dos retângulos será o fundo do 'tile'.

---

13. Ah, legal! Mas você não gosta de fundo preto, ou achou esse muito sem-graça? Ok... §=/ Digite Ctrl+Alt+Z p/ desfazer esse efeito que você não gostou... pronto! §;) Selecione novamente a imagem, como anteriormente. Agora vá em 'Filtro/Desfoque/Desfoque Gaussiano' e digite: 96,7 pixels. Pronto! Essa ferramenta dá efeito de 'embaçamento' na área selecionada! ela ficou lisinha né? Blz! Nhaa.. eu amo esse efeitozin! ^__^

---

14. Well²... e agora, pra quem quer saber como fazer aquele efeito 'esticado' na imagem: Você já deve ter visto muitos templates assim, com aquele fundo listrado ou esticado, sei lá... bora fazer um? ^__^ Eu aprendi um dia desses.. e é realmente muito fácil! §=} Selecione novamente a imagem, como nos passos anteriores, mas com uma diferença: a altura dessa seleção deve ser de somente 1 pixel, ou seja, da finura de uma linha, como mostra ao lado. Agora digite: Ctrl+C e depois Ctrl+V. Agora digite Ctrl+T, clike no quadrado central e arraste p/ baixo, e voalá! Você pode começar esse efeito do local que achar melhor! §=}

---

15. Agora, pra finalizar essa 'seção de efeitos' (ainda?) vou mostrar um efeitozin que eu adoro colocar em meus layouts! ^__^ É facim, facim... tome fôlego, e vamos lá! §=D Selecione a Camada (Layer) da sua imagem, como mostro ao lado.

---

16. Pronto? Clike na ferramenta 'Borracha' (E). Agora lá em cima, na barra de ferramentas, clike no botão 'Pincel' (Brush), como mostra a figura. Vai abrir uma janela com várias opções de pincéis (brushes)

---

17. São várias opções de pincéis (brush). Mas não é só isso! Agora dê um clike na setinha, no canto superior direito dessa janela e... caramba! Abriu outra janela enoorme! O_O' Calma, ali só contém todos os tipos de pincéis (brush) do seu Photoshop. §;)

---

18. Uma vez com essa janela aberta, escolha o pincel (brush) tipo 'Mídia Aguada' (sem tradução para o inglês) Pronto? Agora sim que a coisa vai ficar interessante! ^__^

---

19. Depois disso você vai voltar de novo pro quadro de Predefinições do Pincel (onde você estava antes) Uma vez lá, você vai escolher o pincel (brush) 'Água gotejante' Um pouco mais acima, coloque 7 px como diâmetro do pincel (brush) Não me lembro do nome original em inglês, por isso pra quem usa o PS em inglês, vai aí as figuras como amostra. §:)

---

20. Pronto! E pra começarmos a bagunça (de verdade), defina a cor de fundo (background color) como Preto (#000000) A cor do quadrado de cima não importa, e sim a do de baixo, pois será dessa cor que a borracha vai 'apagar' Aaahhh... enfim chegamos ao que interessa! \o/

---

21. Cansado? Eu também tou! E você nem imagina o quanto! -_-' Come on! Prosseguindo: Com a ferramenta 'Borracha' (E) em mãos, você vai passá-la nos 3 cantos do layout: cima e laterais. É só clikar e arrastar... preciso dizer mais? Agora veja como ficou! Legal né? Eu acho! §XD