domingo, 13 de novembro de 2011

0 Como Fazzeer Teemplaates :

Gente, fiquei um dia inteiro fazendo esse tutorial, pois queria que ficasse bem explicadinho para não ter dúvidas (lógico que se tiverem alguma dúvida é só ir na comunidade Sou Blogueira Assumida do Orkut que eu vou fazer o possível para ajudar ok?!)
PROGRAMAS NECESSÁRIOS
* PhotoShop
* Front Page ou Dreamweaver (para montar o código HTML)
- 1ª Parte (Criação do corpo principal)
No PhotoShop crie uma nova imagem com o tamanho que quiser. No exemplo criei  779 x 600
Após criar a imagem, vamos criar uma nova camada que vai ser o fundo do template
Clique CTRL + A para selecionar tudo, CTRL + C para copiar e CTRL + V para colar.
Pronto! Foi criada uma nova camada (Layer 1)
Vamos escolher um fundo para essa nova camada, para isso escolha alguns backgrounds (fundos) de sua preferência.
Escolhendo o fundo que você quer, abra a imagem escolhida pelo PhotoShop, para poder usa-la como fundo clique em EDIT depois DEFINE PATTERN (repita o passo anterior com todas as imagens que você usar como background.
- 2ª Parte (Preenchendo a camada)
Voltando a nossa camada criada anteriormente…
Para colocar um fundo na camada vá na janela LAYERS (Camadas), clique com o botão direito do mouse sob a camada que você criou e clique em BLENDING OPTIONS (Opções de Mesclagem…)
Marque a opção PATTERN (Sobreposição Padrão), clique nela para escolher o fundo que você transformou anteriormente.
Escolha o fundo desejado e clique em ok! Que lindooo!! Seu lay já tem fundo!!! \o/
- 3ª Parte (Criação das divisões)
Na barra de ferramentas principal clique no botão de retângulo arredondado (ou a que vc achar melhor), arraste com o mouse para criar um retângulo do tamanho que quiser.
Se for um template com 3 divisões crie dois retângulos estreitos e um mais largo para que seja o post.
O meu ficou assim :)
* Para preencher as divisões com background repita a 2ª parte acima (para preencher com cor o comando é o mesmo, porém ao invés de marcar a opção PATTERN (Sobreposição Padrão), marque a opção COLOR (Sobreposição de Cor) e escolha a cor desejada.
Para colocar borda em volta das divisões vá em Layer/Blending Options e marqueSTROKE.
O Meu ficou assim: (Eu usei Bevel and Emboss, Color Overlay e Stroke)
- 4ª Parte (Identificando as divisões com texto)
Vamos escrever os nomes das divisões criadas.
Para isso vamos utilizar a ferramenta de TEXTO (o botão com T maiúsculo na barra de ferramentas principal)
Clique com o mouse para escrever o seu texto. (Eu escrevi POST)
Para aumentar a letra selecione o texto que você escreveu e na barra acima da imagem escolha o tamanho desejado. (eu escolhi 100pt)
- 5ª Parte (Colocando efeitos no texto)
Todo mundo está cansado de ver que a maioria dos lays são escritos com a letra meio gordinha né?! Então vamos aprender a fazer esse efeito.
Na barra de ferramentas LAYERS (Camadas), clique com o botão direito do mouse no texto que você escreveu e vá em BLENDING OPTIONS (Opções de Mesclagem)
Marque a opção Bevel and Emboss (Chanfro e Entalhe) clique nele pra editar. Configure do jeito que você quer até obter o resultado desejado. Clique em OK para aplicar o efeito.
* Conforme for editando a imagem pode ir visualizando em baixo.
* Para colocar o mesmo efeito em um texto futuro clique com o botão direito do mouse no texto que você escreveu e aplicou o efeito e vá em COPY LAYER STYLE (Copiar Estilo de Camada)
- 6ª Parte (Colocando uma imagem no seu lay)
Para iniciantes aconselho usar imagens PSD´s que já vem com fundo recortado. Mas não podia deixar de ensinar como tirar o fundo de uma imagem né?! Vamos lá…
Vou usar um wallpaper tamanho 800 x 600 da Hillary Duff como exemplo ok?!
Abra a imagem no PhotoShop, para tirar o fundo vamos utilizar a ferramenta MAGIC WAND TOOL (Ferramenta Varinha Mágica)
Clique na parte que você deseja tirar o fundo com a Varinha Mágica e clique em DELETE(no teclado).
Faça isso até retirar completamente todo o fundo deixando apenas a foto.
Para inserirmos a foto no lay que estamos fazendo é só arrastar com o mouse para dentro do lay ( usar CTRL + C na imagem que tirou o fundo e CTRL+ V no lay)
- 7ª Parte (Suavizando o as bordas da foto)
Como tiramos o fundo com a varinha mágica as bordas da foto vão ficar um pouquinho serrilhadas, para acabar com esse probleminha vá na barra de ferramentasLAYERS(Camadas), clique com o botão direito do mouse na foto e vá em BLENDING OPTIONS (Opções de Mesclagen)
Ative as opções INNER GLOW (Brilho Interno) e OUTER GLOW ( Brilho Externo)
Pronto! Já foi suavizado!
Você também pode mudar a cor da suavização. É só escolher a cor de INNER GLOW eOUTER GLOW. Clique em OK para aplicar o efeito!
- 8ª Parte (Efeitando o lay)
Seu lay já está do jeito que você quer????? Não??? Então abuse das estrelinhas, corações, lacinhos na ferramenta CUTOM SHAPE TOOL (FORMA PERSONLIZADA…) Para colocar efeitos nos corações, lacinhos estrelas utilize o mesmo processo da 5ª Parte.
- 9ª Parte (Finalização)
Feito todo processo é hora de salvar né?! Aconselho salvar em GIF ou JPG com ALTA RESOLUÇÃO (HIGH QUALITY).
Clique aqui para ver o exemplo
Mil Beijinhos e até a próxima!!!
VOCÊ TEM ALGUMA DÚVIDA? Participe do Fórum Evelyn’s Place
Creeditos : Evelyn's Place *-* 

Nenhum comentário:

Postar um comentário

Regrinhas Dos Coments :
1.Nao Pode Chingar !
2. Deeicha Seu Bloog eu faço uma visita e sigo =)
3. Deiche Sua Sugestao Aii ^^