Qui 17 Fev 2011, 4:44 pm
Criando FanBar Animada
Bom galera estarei ensinando como fazer uma Fan Bar com Animaçao.
programas
: Microsoft GIF Animator
Download: Microsoft GIF Animator download
Scan: Virustotal. MD5: 3f78f58450a3c53df498e53eb60aca73
Primeiramente voces vao precisar 2 Fan Bar em extensão .gif
Criando & Assinando com uma Fan bar (Basico)
Interface do Microsoft GIF Animator:
![[Tutorial]Fan bar animada Imagemlz](https://2img.net/r/ihimizer/img263/1362/imagemlz.jpg)
1- Primeiramente, vamos abrir uma User Bar clique em Open (![[Tutorial]Fan bar animada Imagem11k](https://2img.net/r/ihimizer/img200/1747/imagem11k.jpg)
) . Lembre-se que ela precisa ser estenasão .gif .
Sua tela agora terá a User Bar no quadrado da esquerda:
![[Tutorial]Fan bar animada Imagem2as](https://2img.net/r/ihimizer/img72/5205/imagem2as.jpg)
Um gif animado é dividido em frames, ou seja, imagens que depois criarão movimento.
2- Agora ja temos nosso primeiro frame, vamos adicionar outro para ter uma User Bar animada.
Clique em INSERT (![[Tutorial]Fan bar animada Imagem3gw](https://2img.net/r/ihimizer/img704/319/imagem3gw.jpg)
) agora selecione outra User Bar para ser o segundo frame.
Agora o lado esquerdo de estar assim:
![[Tutorial]Fan bar animada Imagem4kl](https://2img.net/r/ihimizer/img25/6711/imagem4kl.jpg)
Note que seu antigo Frame 1 agora é o Frame 2, e o novo User Bar virou
Frame 1. Você pode mudar a ordem a qualquer momento clicando nos botões
Move Up e Move Down (![[Tutorial]Fan bar animada Imagem5lp](https://2img.net/r/ihimizer/img257/2567/imagem5lp.jpg)
-![[Tutorial]Fan bar animada Imagem6h](https://2img.net/r/ihimizer/img210/556/imagem6h.jpg)
)
3- Selecione o primeiro Frame e va na barra Animation, como indica a figura.
Nessa parte você pode mudar o tamanho da animação, mas o mais importante
nessa parte é o Looping. O Looping é quantas vezes a animaçao se
repete.
Você pode por um numero fixo (2 por exemplo, sua animaçao se repitirá
duas vezes e depois ficará imovel) no Repeat Count: número de
repetiçoes, ou você pode por para a animaçao repetir para sempre,
marcando a caixa Repeat Forever.
![[Tutorial]Fan bar animada Imagem7u](https://2img.net/r/ihimizer/img208/7062/imagem7u.jpg)
4- Agora, vamos para a barra image.
Agora vamos por a duração que cada Frame fica PARADO na animação. Se nao
por nada aqui, a animação fica rapida de mais e sem sentido.
Selecione o Frame 1, coloque 50 duration e depois clique no botao Preview (![[Tutorial]Fan bar animada Imagem10a](https://2img.net/r/ihimizer/img88/1913/imagem10a.jpg)
). Você vera que fica mais rapido, ja com 200 fica mais devagar.
ATENÇAO: Precisa colocar um tempo para cada Frame!
Em Undraw method, ponha Restore Background. Faz que a User Bar nao sobreponha sobre a outra.
![[Tutorial]Fan bar animada Imagem9](https://2img.net/r/ihimizer/img295/545/imagem9.jpg)
![[Tutorial]Fan bar animada Lol](https://2img.net/i/fa/i/smiles/lol.gif)
Bom galera estarei ensinando como fazer uma Fan Bar com Animaçao.
programas
: Microsoft GIF Animator
Download: Microsoft GIF Animator download
Scan: Virustotal. MD5: 3f78f58450a3c53df498e53eb60aca73
Primeiramente voces vao precisar 2 Fan Bar em extensão .gif
Criando & Assinando com uma Fan bar (Basico)
Interface do Microsoft GIF Animator:
1- Primeiramente, vamos abrir uma User Bar clique em Open (
) . Lembre-se que ela precisa ser estenasão .gif .Sua tela agora terá a User Bar no quadrado da esquerda:
Um gif animado é dividido em frames, ou seja, imagens que depois criarão movimento.
2- Agora ja temos nosso primeiro frame, vamos adicionar outro para ter uma User Bar animada.
Clique em INSERT (
) agora selecione outra User Bar para ser o segundo frame.Agora o lado esquerdo de estar assim:
Note que seu antigo Frame 1 agora é o Frame 2, e o novo User Bar virou
Frame 1. Você pode mudar a ordem a qualquer momento clicando nos botões
Move Up e Move Down (
-)3- Selecione o primeiro Frame e va na barra Animation, como indica a figura.
Nessa parte você pode mudar o tamanho da animação, mas o mais importante
nessa parte é o Looping. O Looping é quantas vezes a animaçao se
repete.
Você pode por um numero fixo (2 por exemplo, sua animaçao se repitirá
duas vezes e depois ficará imovel) no Repeat Count: número de
repetiçoes, ou você pode por para a animaçao repetir para sempre,
marcando a caixa Repeat Forever.
4- Agora, vamos para a barra image.
Agora vamos por a duração que cada Frame fica PARADO na animação. Se nao
por nada aqui, a animação fica rapida de mais e sem sentido.
Selecione o Frame 1, coloque 50 duration e depois clique no botao Preview (
). Você vera que fica mais rapido, ja com 200 fica mais devagar.ATENÇAO: Precisa colocar um tempo para cada Frame!
Em Undraw method, ponha Restore Background. Faz que a User Bar nao sobreponha sobre a outra.
![[Tutorial]Fan bar animada 116963](https://2img.net/u/3114/16/11/60/smiles/116963.png)
