Template de Colunas
Programa necessário: Photoshop
Imagem:
1º passo: Abra um arquivo clicando em: Arquivo/Novo/ Largura: 800 pixels Altura: 600 pixels / Ok.
Ou: File/New/ Width: 800 pixels Height: 600 pixels / Ok.
O restante não precisa modificar
2º passo: Abra uma imagem qualquer. Uma foto, um wallpaper, o que você quiser, desde que tenha o tamanho adequado para fazer o template.
Selecione a ferramenta Marca de Seleção Retangular (M) 
, selecione a imagem (toda imagem ou apenas a parte que quer que apareça), aperte Ctrl + C (copiar) e cole no arquivo que você abriu do 1º passo.
3º passo: Selecione a ferramenta Retângulo (U) 
e faça os retângulos na área onde quiser que apareça os posts e o que quiser que tenha. Ex: Perfil, Posts, Stuff
Faça bem organizadinho para ficar bonito
4º passo: Vamos colocar um traçado (borda) nesses retângulos:
Na janela das camadas (layers) que aparece ao lado do template, clique com o botão direito do mouse sobre o 1º retângulo na janelinha e clique em "Opções de Mesclagem" (Blending Options). Vai abrir uma janela, então você clica em "Traçado" (Stroke). Obs: Você tem que clicar sobre a palavra "Traçado" (Stroke) e não apenas selecionar o quadradinho.
No tamanho do traçado, coloque 1 px e na cor, escolha a cor que quiser, mas não pode ser a mesma cor dos retângulos, pois não aparece. O restante não precisa modificar. Após, clique em Ok.
Faça isso com todos os retângulos (colunas) do template.
5º passo: Selecione a ferramenta de Texto (T) 
, escolha a fonte, tamanho da letra, cor da letra e escreva o nome do seu blog no template.
6º passo: Coloque traçado na palavra que você escreveu, como fizemos com as colunas.
Dica: Para dar um efeito legal, coloque também o efeito "Chanfro e Entalhe" (Bevel and Emboss) e "Sombra Projetada" (Drop Shadow) (Se encontra nas Opções de Mesclagem [Blending Options] também)
7º passo: Escreva a descrição das colunas. Ex: na coluna dos posts, escreva "Posts", etc...
8º passo: Escreva seu nome no topo do template. Ex: Template By seu nome - www.seu blog.com.br - Proibida a cópia
Dica: Isso pode ser escrito bem no canto de cima do template. Coloque traçado e outros efeitos se quiser e escolha uma fonte simples e legível
9º passo: Salve seu template clicando em Arquivo/Salvar Como (File/Save As). Vai abrir uma janela, aí você coloca um nome pra imagem, escolhe o lugar para salvar, e o tipo de arquivo é jpg (jpeg). Após isso, dê Ok. Vai abrir outra janelinha, então, onde diz "qualidade" (Quality), coloque 10 e dê Ok.
Pronto! Seu template está pronto! O meu ficou assim:
Dicas importantes:
- Se alguma coisa que você escreveu ou fez no template não aparecer, é porque ficou embaixo de outra camada, escondido. Para trazê-lo para a frente, clique em Camada/Organizar/Trazer para o Primeiro Plano (Layers/Arrange/Bring to the Front) ou Camada/Organizar/Trazer para a Frente (Layers/Arrange/Bring Forward)
- Se quiser colocar estrelas, corações ou todo tipo de desenhos, selecione a ferramenta Forma Personalizada (U) 
e lá em cima, onde diz "Forma" (Shape), escolha a forma que você quiser. Tem até raio! xD~
Fundo (background):
1º passo: Selecione a ferramenta Corte Demarcado (C) 
e selecione a parte de baixo do template. Após, dê enter para cortar.
2º passo: Salve o background exatamente como você salvou a imagem do layout.
- Hospede (faça o upload) as imagens (layout e o background)
- Vá para o próximo tutorial do HTML de Colunas e aprenda a fazer o seu!
Tutorial feito por mim! Qualquer cópia é totalmente proibida!
