Como Criar uma FanBar Animada !

por ~Stronger Qui 13 Set 2012, 22:01

[color=red][i][b][center]1° - abrimos o photoshop e criamos um docomento com o tamanho 350 x 20 pixels com fundo transparente:

Como Criar uma FanBar Animada ! Fa68na

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:

Como Criar uma FanBar Animada ! Jkg5qe

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

agora inserimos o texto que queremos nós vamos por Tvtuga member:
[/b]

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!

Creditos:

TvTuga Pelo Tutorial
thallessoaresgonçalves Por Postar na WebCheats
~Stronger Por Postar na MMORPGBR

por Storm™ Sex 14 Set 2012, 06:40

U.U pelo tutorial so falto a borda na fanbar xD , eu acho que 0.3 Seg e muito tempo pra uma Animação mais nen por isso ficou ruim +1 credito por Posta xD