BGames
Olá visitante! Seja bem vindo á BGames!

Para ter total acesso ao nosso fórum é preciso que você se registre.

Registre-se Aqui!


PARA VER LINKS E IMAGENS É PRECISO SE REGISTRAR!


BGames
Olá visitante! Seja bem vindo á BGames!

Para ter total acesso ao nosso fórum é preciso que você se registre.

Registre-se Aqui!


PARA VER LINKS E IMAGENS É PRECISO SE REGISTRAR!

BGames
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

BGamesEntrar

Fórum de Desenvolvimento de Jogos e Programação


description[Tutorial]Como fazer uma fãn bar animada Empty[Tutorial]Como fazer uma fãn bar animada

more_horiz
*abrimos o photoshop e criamos um docomento com o tamanho 350 x 20 pixels com fundo transparente:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

a seguir iremos pintar o fundo de qualquer cor eu usarei o amarelo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] (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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

agora selecionamos a 2° layer e vamos a File -» place e escolhe a render que quiser neste caso a do Tvtuga:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

agora inserimos o texto que queremos nós vamos por Tvtuga member: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
agora vamo por aqueles ricos que se chamam pattern: vamos a file -» New e criamos um documento de 6x6 pixels com fundo transparente:[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
agora temos que dar
zoom até ficar deste tamanho:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

selecionamos o pencil tool (obtemos o pencil tool carregando com o lado direito do rato sobre o Pincel como na imagem):
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

e fazemos isso ou vosso gosto:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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):
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

[SIZE="2"]E fazemos isto:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Quando tivermos feito a seleção apertamos Ctrl+U[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora aparece uma parte em baixo:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Escolhemos a Layer do Logotipo e pressionamos o SHIFT e na seta para cima até a imagem ficar como em baixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Agora adicionamos uma frame ( 1) e depois selecionamos a imagem e carregamos SHIFT e na seta baixo até ficar como na imagem em baixo
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora vamos fazer a animação

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

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem][Tens de ter uma conta e sessão iniciada para poderes visualizar este link]" alt=""/>
Aparecerá esta janela e fazemos tudo como lá está
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

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:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora tiramos os frames que não queremos e botamos para aquilo Ficar sempre presione forever:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


Gif que fizemos!

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Créditos:
Tvtuga: pela informação e pelas imagens.
Eu: pelo tópico.

description[Tutorial]Como fazer uma fãn bar animada EmptyRe: [Tutorial]Como fazer uma fãn bar animada

more_horiz
Fiz algumas Fan Bars. Quem quiser usar :D

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

http://i.imgur.com/41ETg.jpg


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

http://i.imgur.com/aoqs5.jpg


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

http://i.imgur.com/AL9mH.jpg


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

http://i.imgur.com/OsZiF.jpg

description[Tutorial]Como fazer uma fãn bar animada EmptyRe: [Tutorial]Como fazer uma fãn bar animada

more_horiz
Nossa Fael. Ficou Paw. +REP...
Os 4 Principais =D

description[Tutorial]Como fazer uma fãn bar animada EmptyRe: [Tutorial]Como fazer uma fãn bar animada

more_horiz
Valeo Back [Tutorial]Como fazer uma fãn bar animada 3666372071

Fiz algumas mudanças na do Fundador. Ai está.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

http://i.imgur.com/QE4vL.jpg

description[Tutorial]Como fazer uma fãn bar animada EmptyRe: [Tutorial]Como fazer uma fãn bar animada

more_horiz
privacy_tip Permissões neste sub-fórum
Não podes responder a tópicos
power_settings_newInicie sessão para responder