Fórum Habbo ~ Dicas, tutoriais etc!
Seja bem vindo ao Fórum Habbo, esse é o melhor fórum que poderá encontrar! (:

Caso você queira se registrar, basta clicar na aba Registrar em baixo de nosso cabeçalho.

Caso você queira ler as regras basta você ir em Administração -> Regras gerais!

Caso você queira postar, basta você se registrar e inovar o conteúdo! (:

-Obrigado por visitar Fórum Habbo, espero que fique por mais tempo!
Últimos assuntos
» Como Fazer User Bar Animada
Qui Dez 29, 2011 12:17 pm por AmigoID

» Poker Emulador
Sex Dez 23, 2011 12:03 pm por Fernando

» SWF WCOM HOTEL
Sex Dez 23, 2011 11:54 am por Fernando

» Como Ver Quantos MOD's Online !
Qui Dez 22, 2011 6:15 pm por Fernando

» # Habbozt Hotel ~ Fresquinho da chapa!
Qua Dez 21, 2011 11:40 pm por Nhug

» Todos os títulos do Transformice! 11/10/2011.
Qua Dez 21, 2011 10:52 pm por Fernando

» Como colocar alto-mensagem no MSN.
Qua Dez 21, 2011 5:23 pm por Fernando

» Novo Banner! Confira já nosso novo estilo de divulgação!
Dom Dez 11, 2011 8:58 pm por AmigoID

» Menino no bueiro! Ilário...
Dom Dez 11, 2011 8:55 pm por AmigoID

Top dos mais postadores
Fernando (54)
 
AmigoID (9)
 
Sisi (1)
 
Aranha (1)
 
helper (1)
 
Nhug (1)
 

Link-nós!
Banner!


Parceiros VIPs
Parceiros VIPs


Como Fazer User Bar Animada

Ir em baixo

Como Fazer User Bar Animada

Mensagem por AmigoID em Qui Dez 29, 2011 12:17 pm

Como fazer uma User Bar animada.


• Abrimos o Photoshop e criamos um novo documento com o tamanho 350 x 20 pixeis com fundo transparente



• A seguir vamos pintar o fundo da cor do Tvtuga

A cor do Tvtuga é o numero #FFCC00



• Inserimos um logotipo que nos quisermos .. neste caso do Tvtuga

Fazemos Ctrl + Shift + N e metemos OK Assim temos criada uma nova layer




Agora selecionamos a 2ª layer e vamos a File -» place e escolhem a imagem que querem... nós queremos o logo do tvtuga...



• Agora inserimos o Texto que queremos....nós vamos por Tvtuga member



• Agora vamos fazer aquelas riscas que se chama Pattern

Vamos a File-» New

e criamos um documento de 6 x 6 pixeis com fundo transparente


Agora temos de fazer zoom até ficar deste tamanho



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


e fazemos isto ou ao 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 metemos 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 carregamos Ctrl+U





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


Agora já Temos uma Userbar!


[center]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)

Expandir esta imagem Ver em tamanho real



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 metemos para aquilo Ficar sempre a dar Metendo Forever como na imagem



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

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

e Metemos tudo como na imagem em baixo e guardamos






• Gif que fizemos!



Tutorial By: Perry.
Postado por: Victor_NOS


http://r25.imgfast.n
AmigoID
AmigoID
Administradores
Administradores

Vazia
Mensagens : 9
Data de inscrição : 09/10/2011
Idade : 19
Localização : Nem Sei !

Ver perfil do usuário http://www.iBobbaHotel.hunts.com.br

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum