Neste tutorial, vou ensiná-los a criar uma USERBAR usando photoshop.
1º Passo: Crie 1 novo documento com o tamanho 350 x 20 pixels e com fundo transparente como mostra a imagem:
2º Passo: Pinte a imagem da cor que preferir.
3° Passo: Crie 1 nova Layer (Ctrl + Shift + N)
4° Passo: Click em File, depois PLACE, e selecione 1 imagem para sua userbar.
5° Passo: Vamos inserir um Texto em nossa userbar (Fonte padrao esta disponivel para download no fim do tutorial).
6º Passo: Agora faremos aquelas "linhas" da userbar (Aquelas linhas são chamadas de "Pattern"). Crie 1 novo documento de 6x6 pixels com fundo transparente.
7º Passo: Dê ZOOM na imagem para poder editar melhor.
8º Passo: Com a ferramente "Pencil Tool" (Lápis), faça uma linha em diagonal na imagem.
9º Passo: Click em Edit, depois em Define Pattern e salve com qualquer nome.
10° Passo: Crie uma nova Layer (Ctrl+Shift+N), Click em Edit e Click em FILL.
Feito isso, abrira uma nova janela, como mostra a imagem:
11º Passo: Selecione PATTERN, depois click em Custom Pattern e selecione a Pattern que você criou e dê ok.
Agora ja temos as linhas aplicadas na imagem.
12º Passo: Agora vamos finalizar a Userbar.
Selecione a Primeira layer criada (a do fundo), depois selecione a ferramenta Eliptical Marquee Tool, como mostra a imagem.
13º Passo: Selecione a userbar como mostra a imagem a baixo:
14º Passo: Dê Ctrl+U e coloque +45 na opção "Litghness", ou onde preferir.
15º Click em OK e está pronta sua USERBAR.
Download da Font: http://www.sendspace.com/file/eujykg
Font expecífica usada: Visitor TT2 BRK
EM BREVE: TUTORIAL DE USERBAR ANIMADA. (preguiça wins)