photoshop Como criar uma fãn bar

[thallessoaresgonçalves 1]

*abrimos o photoshop e criamos um docomento com o tamanho 350 x 20 pixels com fundo transparente:

a seguir iremos pintar o fundo de qualquer cor eu usarei o amarelo:

(o código desta cor é ffcc00)

inserimos uma render neste caso o logotipo do Tvtuga

fazemos ctrl+shift+n e damos ok assim temos uma nova layer criada:

agora selecionamos a 2° layer e vamos a File -» place e escolhe a render que quiser neste caso a do Tvtuga:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

agora inserimos o texto que queremos nós vamos por Tvtuga member:

agora vamo por aqueles ricos que se chamam pattern: vamos a file -» New e criamos um documento de 6x6 pixels com fundo transparente:

agora temos que dar

zoom até ficar deste tamanho:

selecionamos o pencil tool (obtemos o pencil tool carregando com o lado direito do rato sobre o Pincel como na imagem):

e fazemos isso ou vosso gosto:

Agora vamos a Edit -» Define pattern e guardam com um nome qualquer

A seguir podem Fechar sem guardar porque fica guardado nos Pattern

Agora vamos aplicar as riscas. Fazemos ctrl+ shift+ N para criarmos uma nova layer

Selecionamos essa layer e vamos a edit -» Fill e vai abrir uma janela

Fazemos como mostra a imagem e damos OK

Agora já temos as riscas vamos por um efeito transparente

Selecionamos a Primeira layer (a do fundo) e selecionamos a Eliptical Marquee Too (Como na imagem abaixo):

E fazemos isto:

Quando tivermos feito a seleção apertamos Ctrl+U

e alteramos o Valor de Lightness para + 45 e apertamos Ok

 

Agora já temos uma userbar xD

 

 

userbar animada:

Se queremos fazer uma animação é muito fácil .... vamos para isso aproveitar a nossa bar feita em cima

 

Vamos a Window-» Animation

Agora aparece uma parte em baixo:

Escolhemos a Layer do Logotipo e pressionamos o SHIFT e na seta para cima até a imagem ficar como em baixo:

Agora adicionamos uma frame ( 1) e depois selecionamos a imagem e carregamos SHIFT e na seta baixo até ficar como na imagem em baixo

Agora vamos fazer a animação

 

selecionamos a 1 frame em baixo e carregamos em Tweens animation( 1)

 

Aparecerá esta janela e fazemos tudo como lá está

Agora fazemos igual para o outro! Selecionamos a ultima frame vamos a Tweens animation e fazemos o mesmo que estava na janela anterior

 

Ficamos com isto:

Agora tiramos os frames que não queremos e botamos para aquilo Ficar sempre presione forever:

Carregamos no play e voila temos o nosso gif animado...

Agora para guardar vamos a File -» Save for web & devices

 

e fazemos tudo como na imagem em baixo e guardamos

Gif que fizemos!

 

Créditos:

Tvtuga: pela informação e pelas imagens.

Eu: pelo tópico.

ps: para salvar a sua user bar eu recomendo esse site:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

[jeeanmaster 0]

ótimo tópico bem organizado bem explicado ganhou meu thanks

[-_Wrug_- 0]

Belo Topico Bem Organizado Mais ja sabia criar :D

[[~Painy~] 0]

CTRL+C e CTRL+V .___.

 

Sério, viro mania ficar dando ctrl+c e ctrl+v de outro lugares e postar aqui

Tudo bem, esse tutorial é um pouco interessante, porém você deveria ter feito ele pra postar aqui.

Pelo menos com outro exemplo de userbar e um tutorial escrito por você

[igormixmix 0]

Control C + Control V crie seu proprio tutorial para de copia -.-

[thallessoaresgonçalves 1]

Copia o caramba se é copia entaum me mostra o original po

[JeaNarutoKratos 0]

Muito bom cara, muito bem explicado, tópico organizado, continue assim. ^^

[thallessoaresgonçalves 1]

Muito bom cara, muito bem explicado, tópico organizado, continue assim. ^^

 

Vlw xD

[-ĐєαтнLorĐ-™ 0]

Adorei, post organizado com prints o mais bem explicado sobre fanbar que vi até hoje.

Obrigado por compartilhar, abraços