Baixando Photoshop

Olá queridos,
Resolvi criar uma categoria exclusiva para mostrar passo a passo como fazer
um lay usando o photoshop

Vou deixar avisado: O Photoshop é free gente, pode baixar, não paga nada.
Já recebi inúmeros neomails sobre isso, gente, é garantido, o link para baixar é totalmente gratuito, quem já baixou , usou e aprovou.
Para baixar, basta visitar o endereço abaixo.

Substitua os – por . A versão oferecida para download é o Adobe Photoshop Portable, ou seja não precisa instalar, não ocupa muito espaço e não trava o seu computador, é só executar o programa.

Clique onde indica a seta vermelha.

Após clicar você irá para o megaupload.
Lá você ira digitar as letras que aparecem do lado direito.

Clique em enviar, você vai para a pagina a seguir como mostra a imagem abaixo.

Clique em Download Comum, irá abrir uma janelinha,clique em Savefile ou em Download , depois em Ok.

Depois de baixar, vá ate onde você escolheu para ficar o photoshop
(eu geralmente crio uma pasta com o nome de Photoshop)
e observe se ele está no formato de um livrinho, como na imagem abaixo.

Se não estiver, calma, é só você ir no baixaki.com e digite Winrar
no campo de busca logo no topo do site.
Ira aparece vários, escolha o que mostra a imagem, clique nele e em seguida Baixar.

Baixe e instale.
Agora sim, agora que o photoshop está no formato de um livrinho,
clique nele duas vezes para abrir uma janelinha para você extrair o programa

Observe que tem uma pastinha, clique em Extrair no topo,clique nela e
irá aparecer outra janelinha, nela você vai escolher para onde vai o programa,
escolha um lugar fácil para você não ter problemas para encontrar depois.
Depois de escolher é só clicar em ok e pronto.

AVISO:
Bem, de algum tempo para cá, algumas pessoas me mandaram neomails
dizendo que não conseguiam executar o photoshop.
Eu baixei e testei. E realmente, ele mudou o jeito de ser aberto.
Para quem baixou ele anteriormente, o método continua o mesmo.
Para quem baixou atualmente, vou mostrar como fazer.

O método antigo

Agora vamos para onde você mandou a pastinha.

Entre na pastinha, dentro dessa pasta tem outra.
(Não sei por que viu gente, é coisa do programa mesmo)

Clique na pasta com o nome PhotoshopPortable , lá vai ter duas
pastas e o ícone do PhotoshopPortable.

Clique nele duas vezes para abrir , após clicar vá para a área de trabalho.
Lá vai aparecer uma janelinha para iniciar, como na imagem abaixo.

Clique em Accept, espere ele carregar para abrir.

Método 2

(Para quem baixou recentemente)
Após ter extraído, vá para onde você mandou o arquivo.

Veja que apareceu um ícone do photoshop, clique nele duas vezes
e clique em Extract.
Veja que agora tem a pasta Photoshop Portable.

Entre nela e clique com o botão direito do mouse sobre o ícone do Photoshop.

Vá para a área de trabalho, irá aparecer uma janelinha para iniciar,
como na imagem abaixo.

Clique em Accept, espere ele carregar para abrir.

Agora é só usar,ufa que trabalho, mas com o tempo você faz rapidinho.
Mas lembre se , isso é só para extrair o arquivo. Para abrir depois é só ir à pasta Photoshop Portable e clicar no ícone com o botão direito e vai em abrir.

Menu - Página seguinte

Obrigado(a),

Baixando Shapes, Brushes e Patterns

Já com o photoshop no seu computador, você vai precisar de algumas coisas
para poder fazer lays e editar suas imagens.
Lembra daquela pasta Photoshop que criamos, então, dentro dessa pasta
você irá criar outras pastas, eu criei 3; Patterns, Shapes e Styles.

Mas isso varia de acordo com a pessoa, você pode criar Brushes também.
Criamos as pastas agora é só baixar .

Recomendo alguns sites para baixar patterns , shapes, brushes e styles.

Aqui você encontra o mais variados tipos de patterns , brushes e shapes,

Nesse site, você encontra mais de 50 arquivos diferentes, para todos os gostos.

Neste você encontra shapes lindos

Styles para dar um efeito em seu layout

Fontes para deixar seu texto bonito

Vamos baixar alguns patterns?

Escolhi esse site, você pode baixar o pattern que quiser. ^^
Clique no pattern escolhido e você irá para uma outra pagina.

Clique em download file, irá abrir uma janelinha para você escolher onde salvar.

Lembra que nós criamos algumas pastas com os nomes dos arquivos,
então, escolha a pasta para o arquivo que você está baixando, pattern.
Nota: Sempre que você baixar pattern, shape ou brushe, coloque um nome
no arquivo para você lembrar o que é depois, nesse da imagem eu
coloquei listrados básicos,porque quando eu ler, vou lembrar uma noção do que é.

Voltando, agora a imagem abaixo já deve ter assustado alguém antes.

Quem nunca viu um arquivo assim no computador e se perguntou o que fazer com isso?
Bem , vamos dizer que eu nem sempre soube o que fazer,lol.
Calma , esse é um arquivo zip, (será que é porque tem um zíper nele?)
Entre na pastinha, observe como está o arquivo , veja que do lado esquerdo está
escrito "Extrair todos os arquivos", bem, clique ali.
Vai aparecer uma janelinha como essa.

No lugar onde você escolhe o destino, escolha a pasta com o nome do
arquivo que você está extraindo, para não se confundir depois.
Feito isso, clique em avançar e pronto.

Observem que após extrairmos o arquivo a pasta está com o nome original do arquivo
Mas a pasta está com nome diferente, e agora?
1º- É só mudar, caso você for baixando tudo para depois mudar os nomes.
2º- Entre na pastinha e mude o nome do arquivo para o nome que você escolheu.

Mas cuidado, só mude o que estiver antes do ponto, se você retirar o final
do nome , que nesse caso é pat, o photoshop não vai ler o arquivo.

3º- Recorte o arquivo, volte para a pasta anterior, que é Pattern e cole ele lá.

Pronto, você pode baixar os shapes , brushes e styles e deixar separado,
mas caso você misture os arquivos, ai vai os finais dos nomes dos
arquivos para você ver qual é qual .

Pattern	Shapes
Brushes	Styles

Bem , agora você pode baixar seus shapes, brushes (pinceis) e styles.

Vamos instalar?

Instalando brushes(pinceis)

Para ativar o pincel, você pode apertar a letra B do seu teclado
ou acessa-la na barra de ferramentas, como indica a seta verde.
No topo aparece a imagem de um pincel e o pincel que está ativo,
como indica a seta lilás, clique na setinha menor, vai abrir uma janelinha
para você ver os pinceis que estão disponíveis.
Observe que do lado direito dessa janelinha, tem uma setinha, clique nela
e vá para a opção "Load Brushes…"

Após clicar, abre uma janelinha para você poder escolher o pincel a ser instalado.

Lembra quando você criou as pastinhas quando estava baixando?
Pois então, vá até ela por essa janela e escolha o pincel , após ter feito, clique em Load .
Para ver se o pincel foi instalado, olhe na janelinha em que ficam os pinceis.

Instalando Styles

Clique em Window na barra de menu no topo e procuro por Styles, clique .

Veja que do lado direito aparece uma pequena janela com o nome de Styles.
Clique onde indica a seta vermelha, após isso, clique em Load Styles...
E escolha os styles que você baixou.

Instalando Patterns

Abra um documento qualquer somente para habilitar as funções do photoshop.
Feito isso, observe que no rodapé do lado direito, tem um FX (não é o canal FX não viu?)
Clique nele e irá aparecer algumas opções, clique em "Pattern Overlay..."

Vai abrir uma janela com muitas opções, fique em pattern mesmo.

Siga a ordem das setas de cima para baixo, clique onde indica a seta vermelha,
depois onde indica a seta lilás, depois em "Load Patterns..."
Feito isso é só escolher o pattern que você baixou e apertar em Load.
Veja se o pattern que você instalou era mesmo o desejado.

Instalando fonts

Não tão complicado, mas requer atenção.
Vá ate a pasta onde você baixou as fontes e extraia os arquivos.

Vê esses arquivinhos brancos? Selecione todos eles e copie.

Agora, na sua barra de ferramentas do Windows, vá em iniciar.

Depois vá em Painel de Controle ( a imagem pode ser diferente da que está
no seu computador,por ter diferente sistema operacional)
Agora procure aí, uma pasta chamada Fontes, entre nela e cole as fontes que você baixou,
Mas lembre se, você tem que extrair antes de mandar para lá.

Instalando Shapes

Aperte a tecla U do seu teclado ou clique na ferramenta shape na barra a esquerda.

Veja que após acionar a ferramenta, aparecem varias figuras no topo,
clique na que parece uma estrela, onde indica a seta amarela,
ao lado, aparece um seta , clique nela e abrirá uma janelinha com shapes,
clique na setinha ao lado e vá na opção Load Shapes...
Lá você escolhera o shape que você quer colocar na janelinha.
Pronto , você instalou os shapes.

Que tal termos noção de como se faz um layout?
Vamos lá?

pagina anterior - Menu- Pagina seguinte

Iniciando o layout

Claro que vou usar um molde da minha pp, coloquei-os aqui
para que todos possam usá-los.

Escolha um modelo de layout que te agrade.

Selecione e copie todo o link da imagem.

Cole o link na barra de endereços e de enter .
A imagem vai aparecer, quando aparecer uma lupa com sinal de + ,
clique na imagem para que ela fique do tamanho original.
Como na imagem acima,salve o molde no seu computador.
Obs: salve em um lugar fácil para você encontrar depois.

Agora vamos abrir ela no photoshop.
Eu utilizo muitos atalhos para não ter que usar a barra de ferramentas.
Com o photoshop já aberto, clique em Ctrl+O para abrir um documento.

Abrirá uma janelinha, através dela, abra o molde que salvamos no computador.

Vamos usar um shape quadrado para cobrir as caixinhas para que já
fiquem definidas.
Para usar o Shape, você pode simplesmente apertar a tecla U do seu teclado,
ou ir na barra de ferramentas como mostra a imagem e escolher a
ferramenta shape, indicada pela seta vermelha.
Ativando a ferramenta shape , observe que no topo aparecem novas ferramentas,
como indica a seta amarela você pode escolher a forma dos shapes,
Na seta lilás, você escolher a cor que ficara o shape.

Após ter escolhido, no lugar da setinha, vai aparecer um sinal de
+ , vá com ela na borda da caixinha , aperte o botão do mouse
e arraste até cobrir toda a extensão .

Feito isso, observe que criou duas layers, diferentes.

Vamos junta-las para ficar mais fácil mexer com elas.
Com a tecla Ctrl pressionada , selecione as duas layers.
E depois de selecioná-las, aperte Ctrl+E para junta-las.
O resultado será como abaixo.

Para nomear a layer , clique duas vezes sobre o nome layer1, até você
poder editar o nome.

E nós arrumamos as caixinhas.

Página anterior - Menu - Página seguinte

Arrumando o fundo

Agora vamos fazer o fundo do lay.
Clique e selecione a layer Background na janela de layers, em
seguida pressione Ctrl+Alt+ Shift+N para criar uma nova layer acima dessa,
ou clique onde indica a setinha verde, como na imagem a abaixo.

Bem, agora existem várias maneiras de fazer o fundo;
Por patterns, style ,gradiente ou pintando.
Vou mostrar como se faz cada um.

Modo Pattern

Bem, como nós já criamos uma nova layer , que ainda está em branco,
aperte a tecla G ou selecione o balde de tinta na barra de
Ferramentas à esquerda e clique na imagem para que pinte de branco essa layer,
se ficar preto não tem problema, é só ir na barra de ferramentas à esquerda e mudar a cor e pintar novamente.
Agora vá na parte de baixo onde tem aquele FX, lembra?
Clique nele e em Pattern Overlay para poder abrir a janelinha.

Veja que na imagem abaixo , a imagem dos corações está menor, para
que você possa aumentar ou diminuir o tamanho , basta mudar o Scale,
onde indica a seta verde, lembrando que quanto maior o número, maior ficará a imagem.

Agora vamos supor que você não gostou dos patterns que você tem,
e gostou de algum background que viu por ai em algum lugar.
Simples, basta você salvar a imagem.

Esse da imagem é da pp da diwosa bia_cardi, mas você pode escolher
de qualquer outro lugar.

Bem , clique na imagem com o botão direito do mouse e salve a
imagem no seu computador.
Feito isso, abra ela no photoshop, usando o Ctrl+O.

Com ela aberta, vá em Edite no topo do photoshop, onde indica a seta lilás,
depois vá em Define Pattern... onde indica a seta verde, aperte ok e pronto.

Agora volte para o seu layout e vá novamente onde se escolhe o pattern.

Lá esta o pattern que você criou, escolha ele e ajeite o tamanho caso deseje.

Modo Style

Lembra da layer que criamos, pinte ela usando o balde de tinta.
Após ter pintado,vá ate a janelinha de Styles, se ela não estiver aberta,
vá ate windons e selecione para que ela apareça no lado direito.

Na janelinha de Styles você escolhe a que mais lhe agrada, para ver melhor
como fica o resultado no layout, aperte a tecla Z do seu teclado e
clique uma ou duas vezes, para que aumente o tamanho do lay.

Veja que a seta amarela indica a layer que criamos e pintamos de branco,
a seta lilás o style que eu escolhi e a seta vermelha o modo como ficou no meu lay.

Viu , não é tão complicado.

Modo Gradiente

Naquela layer que criamos, pinte de branco usando o balde de tinta,
Agora vá no rodapé do lado direito, naquele FX, e escolha lá Gradient Overlay...

Veja que o fundo do layer ficou automaticamente escuro,
é porque tem um gradiente selecionado.
Clique onde indica a seta amarela.

Veja que tem poucos gradients na sua janelinha, clique onde indica a seta vermelha,
e escolha uma das opções onde indica a seta amarela, após clicar, vai aparecer uma
janelinha, nela, SEMPRE, SEMPRE mesmo, você clica Append.
Se você clicar ok, vai sumir todas os outros gradientes e ficar só o que você está
escolhendo, essa regra vale para todos os outros recursos como pinceis, shapes e patterns.

Agora que você colocou todos lá, escolha um, mas se você quiser inverter as cores
Você ajusta isso em Angle.

Em style, onde indica a seta amarela, eu sempre deixo em Linear, mas se você
ver como fica dos outros jeitos, sinta-se a vontade.
Você pode mudar o anglo do gradiente mudando em Angle,
geralmente é 90º ou -90º, mas isso é para inverter o cima pra baixo e vice e versa,
Talvez outro anglo te agrade.
Se não gostar de como ficou, basta deletar a layer.

Modo pintado

O modo mais simples do mundo, basta usar o balde de tinta com a cor já escolhida.
Quando eu faço desse jeito, geralmente é para usar patterns, porque se você pintar
usando aquela caixinha onde fica o pattern, ele simplesmente não aparece.
(não sei por que).

Esse eu vou ensinar usando o pattern junto, porque fica com um efeito legal.
Crie uma layer e pinte o fundo da cor que deseja.
Após pintar aperte Ctrl+J, para duplicar a layer, irá ficar como mostra a imagem abaixo.

Após ter feito isso, com a layer copy selecionada , vá no FX no rodapé e selecione pattern, mas não feche a janelinha ainda.

Eu escolhi esse,mas sinta-se livre para fazer como quiser.
Veja que o meu ficou escuro, calma.
Ainda na janelinha, vá em Opacity e vá diminuindo até ficar do jeito que você goste.

Eu geralmente uso entre 5 e 7, mas isso fica a seu gosto.
Veja acima como o meu como ficou.
Agora pode fechar a janelinha.
NOTA:Por ter o pattern listradinho, se você usar isso em um layout continuo, tem
que prestar muita atenção na hora de tirar a linha, para que não fique feio.
Procure retirar o tamanho do pattern, que nesse caso é no formato de um X.

Viu , há varias maneiras de se fazer o fundo do lay.
Você deve estar achando tudo difícil, mas é só ler com atenção que você consegue.

Página anterior Menu - Pagina seguinte

Colocando imagem no lay

Vamos colocar uma imagem no layout, se você não tem nenhuma no seu
computador, procure alguma bem bonitinha na internet e salve.
(Mas lembre se de dar os créditos de onde você pegou, principalmente se for pp do neo)
De Ctrl+O para abrir um documento e abra a imagem.

Veja na imagem que eu selecionei a menina, para usar essa ferramenta
basta apertar a letra W do seu teclado ou clicar onde indica a seta vermelha.
Depois clique onde indica a seta amarela, na varinha com sinal de +, você pode
escolher o tamanho que ficara a ferramenta de seleção clicando onde indica a seta verde.
Vá selecionando somente a imagem, após ter selecionado , aperte Ctrl+C,
volte para seu lay e aperte Ctrl+V.

Se a imagem ficar maior do que o esperado, aperte Ctrl+T para poder diminuir.
Veja a imagem acima, ela ficou com um quadrado em torno dela, veja que a
seta vermelha indica que você pode aumentar ou diminuir.
Se você apertar ali , segurar e arrastar para dentro, você vai diminuir a imagem,
se você puxar para fora, vai aumentar.Você também pode inverter a imagem,
basta apertar em uma das extremidades e arrastar para o outro lado.
Mas deixe de um tamanho que não parece que esticou ou encolheu demais.

Página anterior Menu - Pagina seguinte

Colocando texto

Toda layout tem que ter titulo ou alguma coisa escrito,
para usar o recurso de texto, aperte a letra T do seu teclado ou clique no T
na barra de ferramentas à esquerda, posicione o mouse onde você quer
que o texto apareça, pressione e arraste ate formar um quadrado como na imagem abaixo.

Na barra de ferramentas do topo , escolha o tamanho da fonte, se será no
centro e que tipo de fonte ira usar, geralmente eu baixo fontes diferentes.
Veja abaixo como ficou meu texto.

Onde a seta vermelha indica, você escolhe o tipo de fonte, na seta verde, o tamanho
da fonte, na seta lilás, a cor que será o seu texto.

Agora para enfeitar seu texto, você pode somente deixa-lo com uma cor
ou escolher um style, basta a layer do seu texto estar selecionada e escolher
o style na janelinha de styles.

Agora se você quer seu texto fique como o do exemplo abaixo, siga os seguintes passos.

Vá lá ao fx que fica abaixo das layers, lembra?
Clique nele e faça como nas opções abaixo.

Em Color Overlay você escolhe a cor.

Em Stroke você coloca borda, size aumenta a espessura,
em color escolhe a cor.

Em Outer Glow você coloca como uma luz ao redor do texto.

Bevel and Emboss deixa o texto com aquela aparência de acrílico

O Texture deixa com aquela aparência de listradinho, mas isso vai
o seu gosto, lembrando que texture é a mesma coisa que pattern.

Você pode ver outros modos de enfeitar seu texto procure na internet,
tem um site que sempre estou dando uma olhada por ter coisas interessantes.

Logo no topo , na tarja preta, procuro por Tutoriais Anteriores, tem muita coisa
legal, cada tutorial tem um grupo de estrelas, quanto mais estrelas
maior a dificuldade.

Página anterior - Menu - Pagina seguinte

Salvando e tirando a linha

Agora que seu layout está pronto

Veja na imagem acima que já está pronto nosso lay,agora vamos salvar .

Vá em file, ou caso o seu seja em português, em arquivo , e clique em
Salve as , irá abrir uma janelinha, nela selecione o lugar em que
vai ficar salvo seu lay, de um nome para a imagem , na parte de baixo,
preste muita atenção, você vai escolher o formato da imagem, sempre escolha
.jpg, .gif ou .png, feito às escolhas, clique em salvar e pronto.

Mas como é um lay continuo, vamos revisar como se tira a linha
para dar continuidade , já que neste tutorial , logo acima, e ensinado.

Aperte Ctrl+O para abrir a imagem do seu lay que salvamos.

Após ter aberto ,aperte a letra M do seu teclado ou selecione a ferramenta na
barra a esquerda,onde indica a seta lilás.
Vá ao final do seu layout e faça como mostra a imagem abaixo.

Selecione somente uma pequena linha ,aperte Ctrl+C , em seguida Ctrl+N ,
irá aparecer uma janelinha para abrir um documento, não mude nada, apenas
clique Ok . Feito isso, aperte Ctrl+V e pronto, temos a linha da sua pp .

Agora você irá salva-la.

Agora é só hospedar as imagens e usa-las na petpage.

Se você não tem muita experiência para mexer no photoshop, vá com
calma que você conseguira.

Sei que foi meio explicado por cima, mas já da para vocês terem uma base.

Para mais dicas de como fazer as coisas no photoshop, visite
tutoriaisphotoshop.net, lá ensina a fazer um monte de efeitos em
Texto, com imagens e montagens, basta ter paciência que você aprende
rapidinho.

Espero que tenham gostado.

Página anterior -Menu - Pagina Seguinte

Fazendo Link-me animado

Oi gente,depois de tantos pedidos e o tempinho que eu arrumei, vou ensinar a fazer link-me animado usando o ps ok?
A explicação pode parecer meio confusa, se não entenderem me avisem, estou aqui para ajudar.
Mas prometo que farei o meu melhor para explicar.

Escolha um dos modelos para aprender.

Página anterior -Menu

Fazendo button animado

Classificação -

Este button é o mais simples.

Primeiramente, vá em uma pp de graphics e salve um button em branco.
Abra o button no Photoshop , usando o atalho, Control + O, ou vá em arquivo , abrir.

Feito isso, você tem duas opções
Usar uma imagem de fundo ou somente uma cor,
caso opte pela imagem, abra a imagem no PS.
Com a ferramenta selecionar, selecione a parte da imagem que
você deseja que apareça no link-me.

Volte para a layer do molde e cole a imagem lá com Control+V, vai tampar o molde, calma, com a lay da imagem selecionada, arraste para baixo do lay do molde.

Ajuste o tamanho da imagem, para isso aperte Control+T e vá diminuindo, (não escolha uma imagem muito grande, porque se diminuir muito , vai ficar estranho).

Se quiser deixar a imagem com transparência, com o lay da imagem selecionado, vá em Opacity, que fica no topo da janelinha onde ficam as layers, e diminua a opacidade,mas não muito.

Agora vamos colocar o nome no linkme.
E nessa parte que começa a escolha da animação
Esse primeiro que vou mostrar é o mais simples, em que as letras mudam de cor

1° - Aperte T para ativar a ferramenta de texto , demarque um pequeno pedaço dentro do molde para escrever a primeira letra do nome da sua pp.

Como exemplo vamos usar o nome do nosso guia legal, que possui 9 letras, crie quantas layers de texto forem necessárias para escrever o nome da sua pp.

Após escrever , alinhe as letras lado a lado na horizontal.
Agora vem a parte trabalhosa, que exige atenção,
Selecione a layer da primeira letra do nome da sua pp.

Agora vá em FX, Color Overlay e escolha uma cor para dar o efeito ao texto, na mesma janelinha, vá em Stroke , para escolher o contorno caso deseje,(se optar pelo contorno, deixe com o valor de 1px).Aperte OK.

Agora , aperte o botão direito do mouse sobre essa layer que acabamos de arrumar, clique em Copy Layer Style.

Agora vá na layer da letra seguinte, clique com o botao direito do mouse e vá em Paste Layer Style.

Faça isso em todas as layers das letras.
Vai ficar como na imagem abaixo.

Observe que nesta imagem estou pintando a borda do molde, para isso, selecione a layer do molde, vá no topo da janelinha de layers e aperte o botão que está ao lado da palavra Lock.
Feito isso, aperte B para acionar o pincel, escolha uma cor que combine com o link-me e passe o pincel por cima das bordas do molde , para pintar.

Agora vamos salvar o molde varias vezes.
Crie uma pasta com o nome de Link em Meus Documentos, porque serão muitas imagens e se elas se perderem , vai complicar.
Você já pode salvar ele assim, do jeito que está ,com o nome de 1, isso mesmo , vamos usar números porque depois fica mais fácil encontrar na ordem crescente.

Vamos fazer uma mudança, será ela que vai dar o efeito .
Selecione a layer da primeira letra, vá no FX e escolha outra cor, se quiser pode mudar a cor do contorno também.

Após mudar a primeira letra, salve com o nome de 2.

Agora vá na layer que mudou, aperte o botão direito do mouse sobre ela, clique em Copy Layer Style.
Aperte Control+Alt+Z, para desfazer o efeito na primeira letra.
Vá na layer da segunda letra , aperte o botão direito e vá em Paste Layer Style.
O efeito ficou nessa layer não foi?
Ótimo , salve com o nome de 3.
Não precisa ir novamente em Copy Layer Style, só aperte Control+Alt+Z uma vez para desfazer o efeito, vá na próxima layer e use o Paste Layers Style, salve com o numero seguinte e desfaça. Faça isso em todas as layers, basta prestar atenção que dará tudo certo.

Após ter feito com todas as layers, vamos montar nosso link-me.

Você pode usar o seu programa de montar animações, eu gosto do Photoscape, agora na versão portátil (tudo para não pesar o computador).

Clique em Animação Gif , ele geralmente abre a pastinha com as imagens, mas caso não abra, basta você procurar logo acima.

Arraste os moldes de ordem crescente, começando pelo numero 1.

A medida que você for colocando os moldes no topo, pode se ver como está ficando olhando a link-me no meio do programa, se você quiser que o efeito fique mais devagar, basta ir em Alterar Tempo, quanto menor o numero, mais rápido fica o efeito.

Você pode usar os moldes de mil formas, fazer pular uma letra sim outra não, quem manda é sua criatividade.
Veja os que eu fiz usando meu molde.

Viu não foi tão complicado, basta prestar um pouquinho de atenção.

Para saber como arrumar seu link, clique aqui.

Página anterior -Menu - Pagina seguinte

Fazendo button animado

Classificação -

Escolha um button em branco, salve e abra ele no PS.
Ao invés de você colocar uma imagem no fundo do link-me, você coloca uma cor ou um gradiente , para isso, vá no rodapé da caixinha de layers e clique no ícone que fica ao lado da lixeirinha, ou aperte ao mesmo tempo as teclas Control+Alt+Shift+N, após isso , desça o layer pintado para baixo do layer do molde.

Agora aperte a letra T e escreva normalmente o nome da sua PP em uma só layer, decore, não vamos trabalhar efeito de texto.
Após decorar o texto, clique na layer que você colocou a cor e crie uma nova layer .

Com a nova layer selecionada, aperte a tecla B para ativar o pincel, escolha um pincel com espessura entre 10 e 13 e bordas suaves, após isso ,diminua a opacidade da layer em Opacity, coloque algo em torno de 65%, escolha uma cor para o pincel.

Após organizar tudo isso, você vai apertar a tecla P e faça uma marcação em diagonal em um dos cantos, isso vai depender para que lado que você quer que o efeito vá.

Agora, você vai apertar o botão direito no mouse sobre esse risco diagonal , ao abrir a janelinha, vá emStroke Path, depois você seleciona Brush e aperte Enter duas vezes.
Agora salve em um pasta com o nome de 1, no formato png. Após salvar, aperte Control+Alt+Z três vezes para desfazer o risco.
Agora você vai fazer outro risco um pouco afastado do lugar onde você fez, e repita o procedimento, faça o risco mais a frente, salve , apague, e faça tudo novamente, ate chegar no fim do molde.

Veja como ficou os que eu salvei ficaram, o risco fica em seqüência.
Abra o Photoscape e coloque os moldes na ordem crescente no topo.

Os que eu fiz ficaram assim.

Espero que tenham gostado.

Página anterior -Menu

Navegação

Baixando Photoshop

O método antigo

Método 2

Baixando Shapes, Brushes e Patterns

Instalando brushes(pinceis)

Instalando Styles

Instalando Patterns

Instalando fonts

Instalando Shapes

Iniciando o layout

Arrumando o fundo

Modo Pattern

Modo Style

Modo Gradiente

Modo pintado

Colocando imagem no lay

Colocando texto

Salvando e tirando a linha

Fazendo Link-me animado

Fazendo button animado

Fazendo button animado