Title: Fanzendo uma userbar
Post by: jedi on 07 de August , 2006, 09:35:25 AM
Post by: jedi on 07 de August , 2006, 09:35:25 AM
Programa usado: Photoshop CS
1º PASSO
Crie um novo documento 350x19 px no PHOTOSHOP, com um fundo transparente:
(//http://img67.imageshack.us/img67/7913/imagemmy3.jpg)
2º PASSO
Selecione as cores que você quer em seu gradiente, e que combine com o seu tema.
(//http://img481.imageshack.us/img481/3070/imagem1fp0.jpg)
3º PASSO
Agora criaremos as scanlines na diagonal.Crie um novo documento 6x6 px, fundo transparente:
(//http://img166.imageshack.us/img166/9225/imagem2uh2.jpg)
Dê o máximo de zoom. Selecione a ferramenta pincel "B", nº 1, e pinte de preto, na diagonal como na imagem abaixo
(//http://img393.imageshack.us/img393/6126/imagem3vo6.jpg)
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%.
(//http://img242.imageshack.us/img242/2343/imagem4wc5.jpg)
4º PASSO
Escolha a imagem de seu tema e posicione como preferir na sua userbar:
(//http://img242.imageshack.us/img242/1405/imagem5xu9.jpg)
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%:
(//http://img134.imageshack.us/img134/9757/imagem6mq0.jpg)
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:
(//http://img506.imageshack.us/img506/3716/imagem7qu2.jpg)
Resultado Final:
(//http://img378.imageshack.us/img378/4398/userbarcarny8.gif)
E está pronto a sua userbar.
agora e so usar a imaginação pra fazer mudanças... ^^
agora se vc n ta afim de fazer e quer tudo na mao, e so ir no site USERBAR (//http://userbars.com/)
ate mais...
1º PASSO
Crie um novo documento 350x19 px no PHOTOSHOP, com um fundo transparente:
(//http://img67.imageshack.us/img67/7913/imagemmy3.jpg)
2º PASSO
Selecione as cores que você quer em seu gradiente, e que combine com o seu tema.
(//http://img481.imageshack.us/img481/3070/imagem1fp0.jpg)
3º PASSO
Agora criaremos as scanlines na diagonal.Crie um novo documento 6x6 px, fundo transparente:
(//http://img166.imageshack.us/img166/9225/imagem2uh2.jpg)
Dê o máximo de zoom. Selecione a ferramenta pincel "B", nº 1, e pinte de preto, na diagonal como na imagem abaixo
(//http://img393.imageshack.us/img393/6126/imagem3vo6.jpg)
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%.
(//http://img242.imageshack.us/img242/2343/imagem4wc5.jpg)
4º PASSO
Escolha a imagem de seu tema e posicione como preferir na sua userbar:
(//http://img242.imageshack.us/img242/1405/imagem5xu9.jpg)
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%:
(//http://img134.imageshack.us/img134/9757/imagem6mq0.jpg)
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:
(//http://img506.imageshack.us/img506/3716/imagem7qu2.jpg)
Resultado Final:
(//http://img378.imageshack.us/img378/4398/userbarcarny8.gif)
E está pronto a sua userbar.
agora e so usar a imaginação pra fazer mudanças... ^^
agora se vc n ta afim de fazer e quer tudo na mao, e so ir no site USERBAR (//http://userbars.com/)
ate mais...
Title: Re: Fanzendo uma userbar
Post by: Ðark$pawn on 07 de August , 2006, 07:39:05 PM
Post by: Ðark$pawn on 07 de August , 2006, 07:39:05 PM
Good... Bastante simples, rox e rápido!!!
Ponto Positivo...
Ponto Positivo...
Title: Re: Fanzendo uma userbar
Post by: Anonymous on 08 de August , 2006, 10:19:53 PM
Post by: Anonymous on 08 de August , 2006, 10:19:53 PM
Cara muito bom... Bem simples e fica bom!!!
Vlw mesmo
Vlw mesmo
Title: Re: Fanzendo uma userbar
Post by: nibbles on 09 de August , 2006, 01:13:59 PM
Post by: nibbles on 09 de August , 2006, 01:13:59 PM
muito bom cara parabens
Title: Re: Fanzendo uma userbar
Post by: rodweb on 09 de August , 2006, 01:33:56 PM
Post by: rodweb on 09 de August , 2006, 01:33:56 PM
muito bom, bem simples e explicativo...
Flws...
Flws...
Title: Re: Fanzendo uma userbar
Post by: Anonymous on 16 de September , 2006, 07:51:08 AM
Post by: Anonymous on 16 de September , 2006, 07:51:08 AM
SO faltou um adjuste no texto...mais mesmo assim fico 10! 
Title: Re: Fanzendo uma userbar
Post by: Anonymous on 10 de October , 2006, 08:35:39 PM
Post by: Anonymous on 10 de October , 2006, 08:35:39 PM
Onde eu arranjo imagens tipo essa do seu carro para colocar no meu userbar?
Sou novato em design...
Sou novato em design...
Title: Re: Fanzendo uma userbar
Post by: Ðark$pawn on 10 de October , 2006, 08:40:00 PM
Post by: Ðark$pawn on 10 de October , 2006, 08:40:00 PM
Quote from: "Sthealt"Onde eu arranjo imagens tipo essa do seu carro para colocar no meu userbar?
Sou novato em design...
É soh arrumar qquer imagem, cortar e redimensionar com o próprio PS que fica tudo ok...
Title: Re: Fanzendo uma userbar
Post by: Sladrak on 11 de October , 2006, 08:09:33 PM
Post by: Sladrak on 11 de October , 2006, 08:09:33 PM
Quote from: "Sthealt"Onde eu arranjo imagens tipo essa do seu carro para colocar no meu userbar?Ou então vc usa imagens já recortadas, ou feitas, (renders)
Sou novato em design...
por usuario + experientes... que são encontradas nos seguintes sites:
http://www.clantemplates.com/renders/gallery/ (http://www.clantemplates.com/renders/gallery/)
http://planetrenders.net/ (http://planetrenders.net/)
http://www.gamerenders.com/ (http://www.gamerenders.com/)
http://renders.pt.vu/ (http://renders.pt.vu/)
Title: Re: Fanzendo uma userbar
Post by: Anonymous on 12 de October , 2006, 11:33:43 AM
Post by: Anonymous on 12 de October , 2006, 11:33:43 AM
Valeu pelos links Sladrak!
Title: Re: Fanzendo uma userbar
Post by: Anonymous on 12 de October , 2006, 02:15:16 PM
Post by: Anonymous on 12 de October , 2006, 02:15:16 PM
Ah, DarkSpawn... Tipo, to fazendo a minha userbar (eee), ai baixei um render de um boneco 1024x768, quero pega os óculos dele, tipo:
______
/ \
| --O-O--| -> Quero pegar somente essa linha
\______/
Como corta-la e redimensiona-la?
E pra quem quiser ver como ta ficando a minha userbar:
(//http://img145.imageshack.us/img145/5338/sthealtuserbaril6.png)
Só ta faltando a imagenzinha heheh...
Outra dúvida: A minha ferramenta de lápis ta diferente, eu coloco a cor brando (exemplo) no fundo preto, eu tenho que clicar várias vezes até ficar branco bem branco. Como faço para que eu de um click e fique branco direto?
______
/ \
| --O-O--| -> Quero pegar somente essa linha
\______/
Como corta-la e redimensiona-la?
E pra quem quiser ver como ta ficando a minha userbar:
(//http://img145.imageshack.us/img145/5338/sthealtuserbaril6.png)
Só ta faltando a imagenzinha heheh...
Outra dúvida: A minha ferramenta de lápis ta diferente, eu coloco a cor brando (exemplo) no fundo preto, eu tenho que clicar várias vezes até ficar branco bem branco. Como faço para que eu de um click e fique branco direto?
Title: Re: Fanzendo uma userbar
Post by: Ðark$pawn on 12 de October , 2006, 07:02:20 PM
Post by: Ðark$pawn on 12 de October , 2006, 07:02:20 PM
Quote from: "Sthealt"Ah, DarkSpawn... Tipo, to fazendo a minha userbar (eee), ai baixei um render de um boneco 1024x768, quero pega os óculos dele, tipo:
______
/ \
| --O-O--| -> Quero pegar somente essa linha
\______/
Como corta-la e redimensiona-la?
E pra quem quiser ver como ta ficando a minha userbar:
(//http://img145.imageshack.us/img145/5338/sthealtuserbaril6.png)
Só ta faltando a imagenzinha heheh...
Outra dúvida: A minha ferramenta de lápis ta diferente, eu coloco a cor brando (exemplo) no fundo preto, eu tenho que clicar várias vezes até ficar branco bem branco. Como faço para que eu de um click e fique branco direto?
Cara, algumas dúvidas que serão rapidamente resolvidas nesses links abaixo... Baixe os cursos e se dilicie no mundo do PS:
http://www.darkers.com.br/smf/index.php ... 481.0.html (http://www.darkers.com.br/smf/index.php/topic,3481.0.html)
http://www.darkers.com.br/smf/index.php ... 518.0.html (http://www.darkers.com.br/smf/index.php/topic,3518.0.html)
Espero ter ajudado...
Title: Re: Fanzendo uma userbar
Post by: KEst on 14 de October , 2006, 12:44:38 PM
Post by: KEst on 14 de October , 2006, 12:44:38 PM
Quote from: "slack_"SO faltou um adjuste no texto...mais mesmo assim fico 10!
Digite o texto que voce quer e quando terminado va na paleta Layers e de dois cliques ao lado da camada de texto ira abrir o Layer Style
Va na ultima sessao Stroke la voce meche nas opcoes.
Title: Re: Fanzendo uma userbar
Post by: nibbles on 14 de October , 2006, 09:43:12 PM
Post by: nibbles on 14 de October , 2006, 09:43:12 PM
aperta ctrl+t e redimencione como quiser
depois só apertar ENTER e colocar no lugar que quiser.
espero ter ajudado
depois só apertar ENTER e colocar no lugar que quiser.
espero ter ajudado