sábado, 26 de novembro de 2011

0 Alguns Tutos

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!!!
Crediitos:Evelyn's Place ;p 
------------------------------------------------------
Como Fazer Imagem Brilhante
Esse tutorial é em homenagem aVan ^_^ Ela pediu e cá estou fazendo o tutorial de como deixar a imagem brilhante.
1ª Passo – Baixe o Brush de brilhosAQUI, o brush de quadriculadosAQUI e o brush de letras AQUI (OBS: Eu usei esses mas vcs podem usar outros tb)
2ª Parte – Eu usei essa textura AQUI mas vc pode usar outra. Abra a imagem que vc quer trabalhar no photoshop. Dê CRTL + J para duplicar a imagem.
Selecione a segunda imagem que vc criou vá em FILTER/BLUR/GAUSSIAN BLUR
Configure assim:
Agora na janela LAYERS mude de Normal para SCREEN
3ª Parte – Agora abra a textura que vc salvou anteriormente e cole em cima de todas as imagens. Mude do Normal para SATURATION. Em LAYERS tem que ficar assim:
4ª Parte – Crie um novo LAYER entre a textura e as imagens. Aplique os brushes da maneira que vc quiser. Na janela LAYERS tem que ficar assim: OBS: Para cada brush usado eu costumo criar um novo layer que é para evitar erros e ter que apagar tudo o que já fiz.
Faça os efeitos que quiser e pronto! Sua imagem está totalmente brilhante e diferente de antes.
Beijinhos e até a próxima ^_^
Creditos: Evelyn's Place 
------------------------------------------------------
Contador De Visitas Passo a Passo
Entao ooo Priimeiro Paasso ee vs Ir noo Site  http://megacontador.com.br/  Quando vooce abrir a pagina vai ta assim  : 

oo segundo passo e voce preencher as coisas que estao Pedidindo:

ooo terceiro passo e escolher o estilo do seu contador :

o quarto passo e voce pegar o HMT 
no quinto passo voce vai no seu blog Nova Postagem e :

no sexto passo vs vai no menu do seu blog (design)
no setimo passo voce vai Procurar Por HTML 
no oitavo voce vai colar o Codigo
Agora e so salvar e colocar no Lugar onde voce deseja ^^ Espero ter ajudado Beezos ! 
Creditos : Laah's Cats 
-------------------------------------------------------------

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