[Webdesign] Segurança da Password

[acviper]

Resultado Final:






Paço 1.)
Cria um novo documento com 263x52 pixels. Com o "backgound" com a cor
#858585.

Paço 2.)
Escolhe a ferramenta "Rounded Rectangle Tool" e muda o radius para
para 5px. Ajusta a cor do "foreground" para #111111 e desenha um
rectangulo parecido com o que esta na imagem:



Paço 3.)
Da o nome Base a esta camada. Clica com o botão do lado direito do rato
na "Base" e carrega onde diz "Rasterize Layer".

Paço 4.)
Aplica estas configurações ao "Stroke":



Paço 5.)
O teu projecto deve estar parecido com isto:




Paço 6.)
Aplica esta configurações ao "Outer Glow":



Paço 7.)
O teu projecto deve estar parecido com isto:



Paço 8.)
Cria um novo layer por cima da "Base" e dalhe o nome de "Base 2". Fica
a carregar no Ctrl e clica na "Base" para seleccionares a sua transparencia.
Configura a sua "Opacity" para 20%

Paço 9.)
Carrega em Select Ã,» Modify Ã,» Contract e configura para 1px.

Paço 10.)
Usando o "Paint Bucket Tool" preenche a camada com branco (#FFFFFF)
Neste ponto o teu projecto deve estar parecido com isto:



Paço 11.)
Usando a "Rectangular Marquee Tool" seleciona por cima do meio da camada
"Base 2"... Deve ficar parecido com isto:



Paço 12.)
Carrega em "Delete" e deves ficar com isto:



Paço 13.)
Com a camada "Base 2" selecionada configura o "foreground" para #650000
e seleciona a ferramenta "Rounded Rectangle Tool". Configura o "Radius"
para 3px e desenha um rectangulo por cima da camada "Base" e aplica o
"rasterize" (Usado no paço 3).
A este ponto o teu projecto deve estar parecido com isto:



Paço 14.)
Aplica estas configurações ao "Stroke":



Paço 15.)
A este ponto o teu projecto deve estar parecido com isto:



Paço 16.)
Aplica estas configurações ao "Gradient Overlay":



Paço 17.)
A este ponto o teu projecto deve estar parecido com isto:



Paço 18.)
Muda o nome desta camada para "Base 3" e depois cria uma nova camada
por cima de todas e da-lhe o nome de "Base 4". Muda a sua "Opacity"
para 30%.

Paço 19.)
Pressiona o Ctrl e carrega na camada "Base 3" para selecionares a sua
transparencia. Agora carrega em Select Ã,» Modify Ã,» Contract e edita
para 1px.

Paço 20.)
Usando a ferramenta "Paint Bucket Tool" preenche a camada com branco
(#FFFFFF).
A este ponto o teu trabalho deve estar parecido com isto:



Paço 21.)
Usando a ferramenta "Rectangular Marquee Tool" seleciona menos de metade
da camada "Base 4" e preciona "Delete".
A este ponto o teu trabalho deve estar parecido com isto:



Paço 22.)
Usando a ferramenta "Horizontal Type Tool" escreve o texto que quizeres
com a fonte "ARIAL", cor branca (#FFFFFF), tamanh 10pt e o metodo "anti-aliasing"
para Sharp.
A este ponto o teu trabalho deve estar parecido com isto:



Paço 23.)
Aplica estas configurações ao "Stroke":



Paço 24.)
A este ponto o teu trabalho deve estar parecido com isto:



Paço 25.)
Agora muda a cor do "foreground" para #ADADAD e seleciona a ferramenta
"Polygon Tool" e configura para 3.

Paço 26.)
Desenha um triangulo pequeno com a ponta para baixo, no lado esquerdo
do botao.
A este ponto o teu trabalho deve estar parecido com isto:



Paço 27.)
Da o nome "Pointer" a camada e aplica esta configuração ao "Stroke":



Paço 28.)
A este ponto o teu trabalho deve estar parecido com isto:



Paço 29.)
Agora aplica estas configurações ao "Drop Shadow":



Paço 30.)
A este ponto o teu trabalho deve estar parecido com isto:



Paço 31.)
Seleciona a camada "Base 3". Preciona o Ctrl. Agora escolhe a "Brush Tool".
Configura o "Master Diameter" para 90px e o "Hardness" para 0%. Poem
a cor do "foreground" banca (#FFFFFF) e o "Blending Mode", o "Colour Dodge"
e o "Opacity" a 10%.

Paço 32.)
Agora poem brushes do lado direito do botao e deves ficar com este resultado:



Tutorial traduzido por: acviper
ptimage @ 2006

[radikal-rider]

Bonito fácil de fazer e sem segredos, bom post.

[Teotónio Ricardo]

Agora era fixe meter o script a funcionar em php...
xD

[r1c4rd0100]

Muito fixe!!! :boa: