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. §=}

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! ^__^

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

Uffa.. tou cansada viu? E é porque eu detalhei demais! (rs) Mas ok.. se você tiver captado tudo o que passei, então valeu a pena! ^__^

Na próxima seção, vou encerrar esse "tuto-quase-infinito"! (graças!)
Afinal, quem dera que fosse só isso aki, pro nosso template ficar pronto né! §;P

See ya! \o_

  Próxima página!