[Tutorial] Adicionando Sprites/Gifs animados em Userbars Online.

Yo! Eu nunca tinha feito uma userbar animada, mas recebi um pedido, e fui fazer, iria ir salvando os frames sobre a 1 camada que seria o fundo, sim, iria demorar, mas eu sempre faço assim com meus sprites animados.. no entanto, dei uma pesquisadinha e encontrei em meio a várias ferramentas e efeitos primitivos uma ferramentinha muito útil em um site qualquer.
Primeiro, salve o sprite do pokemon no seu pc, ou o gif que vai querer adicionar à bar, como exemplo eu vou usar um sprite de um Zangoose:

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

Lembrando que o formato GIF suporta no máximo 256 cores, então não faça o fundo muuuuiiito colorido, pois provavelmente irá perder qualidade. Vou usar um fundo simples, de exemplo:

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

Agora clique aqui ( [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] ou [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] para ir ao site, em enviar coloque o fundo, envie e será redirecionado para a página de edição, lá terá duas abas, clique na aba Wizard, selecione a ferramenta Sobrepor, irá aparecer para enviar um imagem, envie o sprite ou gif, espere carregar, quando aparecer é só arrastá-lo para a parte do fundo que você quer que ele apareça, o site irá cortar os frames automaticamente. Então clique em Aplicar, espere carregar, e a userbar estará pronta, clique com o botão direito do mouse, depois em salvar imagem..
O resultado:

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

This is.. espero que tenho gostado e que ajude quem quer fazer suas bars mais facilmente. See ya.

EDIT: O site pode não abrir no Chrome ou outro navegador, de preferência use o Mozilla.

Membro Idade : 25 Alerta : Data de inscrição : 18/01/2012

Cara seu tutorial está ótimo, eu fiz um irei lhe mostrar, bem não ficou como o seu mas eu tentei e consegui ^^

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

Foi uma boa ideia de tutorial, tem gente que não consegue fazer gifs animados no PS por falta de experiência ou porque dá um bug, como no meu caso. O tutorial, ficou bem explicado, pequeno, mas ainda assim o achei bom, logo adicionado ao guia

Todos os link's que mandou não funcionam,o primeiro até entra,mas quando envia a página dá erro,o segundo link já abre com erro...
se não fosse isso eu conseguia fazer :/

Mr.Sky escreveu:: Todos os link's que mandou não funcionam,o primeiro até entra,mas quando envia a página dá erro,o segundo link já abre com erro...
se não fosse isso eu conseguia fazer :/

Aqui funciona normal, pode ser a sua imagem ou o navegador, tente com o Mozilla.

Fiz um aqui,o fundo nao e dos melhores mas meu paint e quase avô Laughing

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

Puts,se isso der certo finalmente vou puder ter minha propria bar!
Mt obrigado!

TzarAsgardKiy escreveu:

Mr.Sky escreveu:: Todos os link's que mandou não funcionam,o primeiro até entra,mas quando envia a página dá erro,o segundo link já abre com erro...
se não fosse isso eu conseguia fazer :/

Aqui funciona normal, pode ser a sua imagem ou o navegador, tente com o Mozilla.

Realmente,o problema era o navegador,estava usando o Chrome,agora com o Mozilla funcionou.
valeu ^^
alias,aqui esta a minha:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

'w' Fico feliz que tenho gostado.

Ainda bem que o problema era só no navegador ^^

Membro Idade : 87 Alerta : Data de inscrição : 18/09/2013

Eu fiz o meu no google chrome e era para o meu fórum de RPG : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] E foi esse aki :
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Moderador Idade : 27 Alerta : Data de inscrição : 02/01/2012

Ótimo tutorial.
Aqui a minha:

Spoiler:

» [Tutorial]Sprites
» [Tutorial] Sprites Pokémon
» [Tutorial] -Gifs no Photoshop
» [Tutorial]Sprites-Scratch simples
» Video Tutorial Fazendo GIFs com videos [Novo Método criado por mim]