FRIHOSTFORUMSSEARCHFAQTOSBLOGSCOMPETITIONS
You are invited to Log in or Register a free Frihost Account!


[design] Fanzendo uma userbar





hckd
Programa usado: Photoshop CS

1º PASSO
Crie um novo documento 350x19 px no PHOTOSHOP, com um fundo transparente:


2º PASSO
Selecione as cores que você quer em seu gradiente, e que combine com o seu tema.


3º PASSO
Agora criaremos as scanlines na diagonal.Crie um novo documento 6x6 px, fundo transparente:


Dê o máximo de zoom. Selecione a ferramenta pincel "B", nº 1, e pinte de preto, na diagonal como na imagem abaixo


Agora vá até "Editar>Definir Padrão""Edit>Define pattern" e renomeie para scanlines.
Volte na sua userbar e vá em "Editar>Preencher""Edit>Fill", e configure como abaixo:
Usar=padrão
Padrão personalizado=scanline.
Modo=normal
Opacidade=30%.


4º PASSO
Escolha a imagem de seu tema e posicione como preferir na sua userbar:


Escreva o texto em branco com uma font de pixels( recomendo a visitor BRK). Vá até Camada>Estilo de Camada>Traçado, mude a cor para preto, o tamanho para 1 px, e a opacidade para 80%.

5º PASSO
Para terminar, vamos adicionar uma curva com um efeito transparente.Para isso,crie uma nova camada.Selecione a Ferramenta Marca de Seleção Eliptica{M},faça uma curva do canto superior esquerdo, para o canto superior direito, passando pelo meio(tá mal explicado mas no final vocês entendem),pinte a seleção de branco, e mude sua opacidade para 30%:


Você pode adicionar uma borda de 1 px, crie uma nova camada, acima de todas, aperte "ctrl + a", vá até Editar>Traçar e configure como abaixo:


Resultado Final:


E está pronto a sua userbar.

agora e so usar a imaginação pra fazer mudanças... ^^

ate mais... Wink

créditos: newk
PristonMaster
legal... é só usar a criatividade pra fazer user bars que você quer Cool
cabral
Cara muito bom seu tuto....
Está de parabéns....ja havia visto um tuto como este sendo que muito mal explicado....dae perdi a vontade de aprender a criar minhas proprias user bar's...
Mas agora aprendi....muito bom tuto msm!!

AbraçO!
Tilibra
Valeu pelo tutorial hckd !!!!!

Eu não entendo nada, mas nada mesmo de Photoshop !

Só consigo fazer algo mais ou menos legal quando me baseio em algum tutorial !

Valeu pela colaboração !
Related topics
Do you use css to design a website?
world war2 design?
Verify your site's design on a mac (Safari, IE, Mozilla)
Design forum
Philosophy
Graphic Design Portal (Tutorials, Resources and more...)
New design of the home page
PROFESSIONAL WEB DESIGN TUTORIAL
The Design Dump - Articles and Tutorials - Forum
Web design dá dinheiro?
[Links] Y-Art Design
[GERAL] Um PC dentro da tomada [nova imagem comparativa]
Design - por onde começar?
Design arquitetônico de prédios
Reply to topic    Frihost Forum Index -> Language Forums -> Portuguese

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.