Programas Necessários:
PhotoShop

1º Passo
Abra o PhotoShop.
Crie um novo arquivo, com as seguintes configurações.
Largura: 700 Pixels
Altura: 500 Pixels
Resoluçao: 72 Pixels/Polegada
Modo: Cores RGB
Branco
2º Passo

Ao abrir o novo arquivo Observe, e veja se tem essa Paleta de Camadas Aberta! Caso nao esteja faça o seguinte:
Vá no menu lá de cima do Photoshop, clique em JANELAS, ai vai abrir um menu, clique em CAMADAS (na 14º Opçao). Ai vai abrir uma paleta igual a essa no seu PHOTOSHOP: Clique aqui

3º Passo

Pinte o fundo da cor ou padrao que vc quiser com a ferramenta BALDE DE TINTA
Depois faça um retangulo da cor que quiser com a ferramenta retangulo. Clique aqui para localizar a ferramenta retangulo
Caso nas suas ferramentas nao esteja a ferramenta retangulo, de um clique e segure com o botao esquerdo do mouse em cima da figura que estiver no lugar dela. ai vai abrir um menuzinho, onde voce vai localizar a ferramenta retangulo. Tambem tem de um outro jeito.
Clique na ferramenta que estiver no lugar da ferramenta retangulo. ai vai ter um menu lá em cima com as seguintes opçoes clique aqui/ Clique na ferramenta Retangulo onde mostra a figura.

4º Passo
Agora faça um retangulo em seu layout assim: clique aqui
Agora converta em Bitmap assim, mas nao se esqueça heim, vc tem que clicar na camada da forma 1 com o botao direito do mouse em cima do escrito forma 1 ai vai aparecer esse menu onde vc vai converter : clique aqui

5º Passo
Faça um novo retangulo, menor e de outra cor para diferenciar.Clique aqui
Converta essa forma 2, que nem converteu a 1.

6º Passo
Agora vc clica na forma 2 e selecione ela com a ferramenta Varinha magica , depois vc clica na forma 1 e aperta e tecla DELETE do teclado. Assim
Agora vá na forma 2 e exclua, com o botao direito do mouse clique no escrito fomra 1 na paleta camadas, e excluir a camada.
Clique aqui paar ver como esta ficando

7º Passo
Faça as tabelas de Perfil e de Post do jeito que vc quiser, converta em Bitmap e coloque a Mesclagem para fazer um efeito bonito, para colocar os efeitos, Na paleta de camadas, clique na forma que vc quiser fazer o efeito com o botao direito do mouse, ira abrir o mesmo menu para converter, mas agora clique em OPÇOES DE MESCLAGEM. ai vai abrir uma janela onde vc ira aplicar os efeito, escolha o que mais te agradou e clique em OK.
Faça isso nas tabelas e na forma 1
O meu esta ficando assim: Clique aqui para ver

8º Passo
Agora vc ira abrir a imagem que vc ira colocar no seu layout para enfeitar. Aperte em seu teclado as teclas:
Ctrl + O ou se preferir clique lá no menu em cima, em ARQUIVO >> ABRIR .
Escolha a sua imagem
Agora aperte:
Ctrl + A ou lá no menu de novo, em SELECIONAR >> TUDO .
E aperte ctrl + C para copiar se preferir, novamente no menu, em EDITAR >> COPIAR .
Agora Miminize a imagem e vá ate a seu layout e aperte:
Ctrl + V para copiar ou se preferir no menu novamente, EDITAR >> COLAR .
Ajeite a imagem ate que fique do jeito que vc preferir
Caso que a imagem que vc escolheu ficou muito grande, faça o mesmo jeito que eu fiz pra fazer a forma 1 ficar fininha. Clique aqui para ver como eu fiz Selecionando a forma 1. depois na paleta de camadas clique na sua figura, e aperte DELETE.
Caso nao goste aperte ctrl + Z. OBS: o photoshop disponibiliza apenas uma vez para vc desfazer.
Na paleta de camadas clique e arraste a sua imagem para o segundo lugar em cima do plano de fundo.
A minha esta ficando assim: Clique aqui

9º Passo
Agora faça o que quiser no layout, e ecreva o que quiser, aplique os efeitos e etc.
O meu ficou assim: Clique aqui

10º Passo
Agora vou ensinar a fazer um efeito, faça se vc quiser.
Faça uma figura personalizada em cima da forma 1.
Agora selecione a forma 1 com a ferramenta varinha magica assim: clique aqui E na paleta clique na figura que vc fez, e aperte o botao DELETE do seu teclado. Ai o que ficou da sua figura vc seleciona com a varinha novamente. E na paleta de camadas cique na forma 1 e aperte no teclado DELETE. Ai agora vc CANCELA a seleçao com as teclas : ctrl + D ou se preferir vá no menu lá em cima e clique em: SELECIONAR >> DESFAZER SELEÇAO .
e aplique o efeito que quiser na figura.

11º Passo
Agora salve seu layout assim: vá lá no menu em cima e clica em arquivo e depois em salvar como... ai vai abrir uma janela assim
Clique em OK... e pronto está pronto seu Layout
O meu ficou assim
Breve o codigo Html



Se esse Tutorial te ajudo, Não esquece de creditar. Pois assim, pode ajudar outras pessoas Também! Não disponibilize esse tutorial em seu site ou Blog, pois foi feito por mim.

By Priscila Marques -> Exclusivo Para o Templates de Pri©