3 de junho de 2009

Como fazer layout

COMO FAZER LAYOUTS/TEMPLATES

Abra o programa PSP 7.
Depois de aberto,clique em OPEN (pastinha amarela) e escolha o modelo da lay. Existem vérios sites na net com modelos de layouts e com seus respectivos códigos HTML,mas eu vou deixar aqui dois deles: Casinha das Gifs e Cristiny On Line



Clique em OPEN novamente e escolha a imagem que você usará para enfeitar seu layout.Pode ser tubes, Psd´s, pixels. Aí fica a seu critério!



OBS.:Vá minimizando os materiais!
OPEN e agora escolha seu background.



Clique novamente em OPEN e escolha uma cortininha.



Agora que já escolhemos todo o material,vamos começar a dar vida a nossa lay! =D
Comece maximizando o modelo da lay.
Alguns modelos vem com algumas instruções e para tirá-las e deixar seu modelinho sem letras, clique em SELECTION e selecione toda a parte escrita.



Agora clique na ferramenta DROPPER e depois clique no fundo cinza para pegar o mesmo tom da cor.


Clique agora no FLOOD FILL (mais conhecido como baldinho). E em seguida,clique na parte selecionada. Note que as letras irão sumir e ficará tudo da mesma cor.



Agora vamos tirar a seleção, clicando em SELECTION e SELECT NONE.


Vamos colocar agora a "roupinha" da nossa lay,ou seja,o background.
Clique na ferramenta MAGIC WAND (varinha mágica).



E agora clique no fundo cinza.



Clique no baldinho e depois vá na parte direita do seu psp e clique na setinha preta,aonde diz STYLES. Nas opções que abrir, clique na tereceira chamada PATTERN.



Vai abrir uma janelinha!Clique na setinha preta e procure pelo seu background. Quando o encontrar, clique nele e depois em OK.


Agora clique no baldinho e depois dentro do fundo cinza.
\o/UAU\o/ Nosso layout já tem roupinha! =D
Tire a seleção clicando em SELECTIONS e SELECT NONE.

OBS.:Faça o mesmo procedimento se quiser colorir a parte do perfil e post! Se você quiser colocar cores ao invés de background, clique em STYLES e depois em SOLID e escolha a cor desejada.

Prontinho! Agora vamos maximizar nossa cortininha!
Depois de maximizá-la, clique na ferramenta MAGIC WAND (varinha mágica),e depois clique na parte branca (ou preta),no final da cortininha. Se for preciso,clique no primeiro fundo branco e depois aperte a tecla SHIFT do seu teclado e,sem soltar,clique nas outras partes em branco (ou preto).


Note que agora ficou com pontilhados!Agora clique em SELECTIONS e em seguida em INVERT.


Agora os pontinhos estão somente na cortininha! xD
Clique em COPY.



Agora maximize o modelo da lay novamente,e clique em cima da barrinha com o lado direito do mouse e depois em PAST AS NEW SELECTION.



Vá clicando e colocando sua cortininha bem lá em cima,uma ao lado da outra. Sempre clicando em cima da barrinha com o lado direito do mouse e depois em PAST AS NEW SELECTION até preencher todo o topo com a cortininha.



Prontinho!Agora nossa lay já tem sua cortininha! Para tirar a seleção,clique em SELECTIONS e SELECT NONE.

Agora vamos colocar a imagem da nossa lay. Para diminuir o tamanho da imagem, clique em IMAGE e depois em RESIZE.



Altere apenas aonde diz WIDTH que a outra dimensão se alterará consequentemente.
Após ajustar o temanho da imagem,clique em COPY e depois volte na lay e clique com o botão direito do mouse em PAST AS NEW SELECTION.
Coloque a imagem no local que desejar e dê um clique no mouse para soltá-la e em seguida clique em SELECTIONS e SELECT NONE.
Agora clique na ferramenta NEW.


Agora coloque o valor 800 nas medidas e dê OK.
Vamos clicar na setinha preta do STYLES e selecionarmos o primeiro ítem SOLID.



Na palheta de cores que vai abrir,escolha uma cor um pouco mais forte para fazer o contorno.



Clique no baldinho e em seguida no fundo transparente.
Note que o fundo agora ficou com a cor que escolhemos.
Agora clique na ferramenta TEXT e dê um clique no fundo pintado.



Em NAME você escolhe a fonte;

Em SIZE, o tamanho da fonte;

Em FILL (dentro do styles), você escolhe a cor da fonte;

Clique na ferramenta STANDART TEXT;

Deixe selecionado o FLOATING e o ANTIALIAS;

Dê OK.


Clique agora em SELECTIONS,depois em MODIFY e em seguida EXPAND.



Na caixinha que abrir,coloque o número 2 e dê OK.



Agora clique em COPY e depois clique na barrinha da sua lay com o botão direito do mouse em PAST AS NEW SELECTION e coloque o seu texto aonde quiser. OBS.:Faça o mesmo procedimento se quiser escrever Posts,Perfil...

Depois de escolher o lugar,tire a seleção clicando em SELECTIONS e SELECT NONE.



\o/EBA\o/ Nossa lay está prontinha!

Agora é só salvá-la!

Clique em FILE e depois em SAVE AS.



Aonde diz Salvar coloque o local onde vai salvar sua lay;

Aonde diz Nome Do Arquivo coloque um nome para o seu arquivo;

Aonde diz Salvar Como coloque a opção Portable Network Graphics (png);

E para finalizar clique em Salvar.


Agora vamos recortar o back da nossa lay!
Clique na ferramenta SELECTION e selecione uma tirinha bem fininha.



Clique em COPY e depois em uma parte do fundo do seu psp e clique em PAST AS NEW IMAGE.

Pontinho!Agora é só salvar do mesmo jeito que salvamos nossa lay!

Acabou meus amores!Espero que tenha sido útil e que consigas fazer seu layout!
Adoraria receber os créditos pela ajuda!xD



Tutorial elaborado por ALINE



18 comentários

  1. nouuss ameei agora como faço para passar o codigo fonte pro blog?????

    ResponderExcluir
  2. a parte mais complicada pra mim é o codigo... mais preciso aprender a fazer um codigo coisa q em nenhum tutorial tem ensinando... será que vc podia me ajudar? Adorei o blog e os tutoriais! Parabéns!

    ResponderExcluir
  3. O código? Eu pego moldes prontos e enfeito? Mais podia colocar os códigos..Seus tutoriais são ótimos podia ensinar a fazer ceninhas

    ResponderExcluir
  4. como salvo as cortininhas e as molduras?
    Brigadaa...Beijos!!
    se Puder ver meu flogao? www.flogao.com.br/annieofdanera
    Caso eu aprenda, farei tudo la e te linko e te dou os creditos...
    xau....

    ResponderExcluir
  5. eu cá fiz o meu no paint XD E ficou bosnito ^^

    ResponderExcluir
  6. Oi linda .. tudo bem? meu nome e marta, tudo que mais quero na vida e tem meu template com o fundo preto, com detalhe roxo, ja encontrei varios mais nenhum era bonito, gosto de poesia falar de amor queria uma coisa romantica, gosto do preto pq fica mais bonito, mais não sei fazer, e nao sei que programa se faz template, se vc poder me ajude.. não gosto de fundos rosas ou brancos, se não poder me diz o nome do programa para que eu possa fazer ou tentar... e-mail linda.gatinha1983@bol.com.br... obrigada

    ResponderExcluir
  7. Não encontrei o programa PSP 7 no Baixaki, alguem pode me mandar um link ou alguma forma pra mim baixar??

    ResponderExcluir
  8. não entendi muito! você pode me explicar? milinery@hotmail.com

    ResponderExcluir
  9. Como fazer os ''modelos'' de layout ou achar na internte porque eu nao achei alguem poderia me ajudar me dar um link ou alguma coisa assim....
    Brigaduu

    Ah e alinesttar voce poderia dar uma olhadinha no meu blog é:darababy.blogspot.com

    Bjus

    ResponderExcluir
  10. nossa amo vim aqui tem sempre uma dica legal *-* http://secretsandcolors.blogspot.com/ visita?

    ResponderExcluir
  11. Pronto gente,já coloquei o link para baixar o programa PSP 7 e já coloquei os sites que disponibilizam modelos de lay e códigos HTML.

    ResponderExcluir
  12. teu site é lindo ,obrigado pela visita e pelo comentário ,mas ñ surtiu efeito foi a unica a comentar.brigadão, bjs!!!

    ResponderExcluir
  13. olá aline ainda não sei mexe no photoshop direito
    daria para ensina como fazer templates no photofiltre?

    ResponderExcluir
  14. Adorei seus tutoriais comecei a blogar faz uns 2 meses e já sei customizar algumas coisinhas mais não sei fazer um template acho maravilhoso,e sempre estopu a procura de tutoriais pra começar a cinstruir os meus e me diz como faço pra baizar esse program?
    BjoSS!!

    ResponderExcluir
  15. Não estou conseguindo baixar o progamaaaaaa.

    ResponderExcluir



© Aline Star - 2009 - 2017 - Desenvolvido por Aline Star - Tema Base Adorável Design