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

Voltar Topo Atualizar