[Fireworks]Animando um texto em 360º
Tutorial feito por Rafael Vaz do Fireblog Fireworks,um site cheio de rebimbocas & chifurimfulas para esse "tao amado" progaminha,e eu estarei disponibilizando quase todas os tutorias de la pra ca:palmas:(todos mt bem creditados viu >.<)
Resultado:
http://www.fireblog.site.br.com/arqu...60/preview.gif
Nao gostou? clica na setinha esquerda do seu navegador e volte para a area de tutos:)
Crie o texto e em seguida uma forma circular sem preenchimento:
http://www.fireblog.site.br.com/arqu...exto360/01.gif
Selecione os dois, e vá em menu: text > attach to path (atachar texto ao traçado).
http://www.fireblog.site.br.com/arqu...exto360/02.gif
Ficando assim:
http://www.fireblog.site.br.com/arqu...exto360/03.gif
Em propriedades há opção de diminuir a fonte do texto, pois eventualmente o mesmo pode não estar proporcionalmente de acordo à forma.
Agora vem a aprte chata tiu :>
Animando
Para animarmos o texto, precisamos trabalhar com frames (molduras). A definição de quantos frames devem ser criados vai de cada um, o que vale salientar, é o peso da imagem na hora da exportação. Pois quanto mais frames, mais pesada à imagem fica. Também não é menos verdade que a harmonia do movimento fica com maior qualidade.
Neste exemplo trabalhei com quatro:
http://www.fireblog.site.br.com/arqu...exto360/04.gif
Para criá-los, basta clicar em opções do painel Frames and History
http://www.fireblog.site.br.com/arqu...exto360/05.gif
Na caixa que surgirá, selecione a opção add frame e configure:
http://www.fireblog.site.br.com/arqu...exto360/06.gif
1 – Número de molduras
2 – Inserir novas molduras:
3 – No início
4 - Antes da moldura atual
5 – Depois da moldura atual
6 – No fim
A opção a ser definida, é a sexta. O texto permanece na moldura atual (primeira) e as três que foram criadas, permanecem vazias.
Em menu: modify > symbol > convert to symbol (atalho = F8)
http://www.fireblog.site.br.com/arqu...exto360/07.gif
Das três opções acima, é preciso selecionar animation, e defina um nome para ela, no caso: texto.
A seguir surgirão estas opções:
http://www.fireblog.site.br.com/arqu...exto360/08.gif
1 – Molduras
2 – Mover
3 – Direção
4 – Dimensionar para
5 – Opacidade
6 – Girar
7 – Sentido horário
8 – Sentido anti-horário
De todas, as que nos interessa é a movimentação (6) em sentido horário (7) ou anti-horário (8). Utilizei horário.
Já a quantidade de molduras neste painel, deve ser uma a mais que foi previamente definido em Frames and History. Ou seja: cinco molduras
Por falar em Frames and History, podemos definir o intervalo de cada frame, que por padrão, é sete.
Neste exemplo, dobrei o valor padrão para 14:
http://www.fireblog.site.br.com/arqu...exto360/09.gif
Exportando
No painel Optimize, configure para Animated Gif WebSnap 128:
http://www.fireblog.site.br.com/arqu...exto360/10.gif
Pronto, basta segurar ctrl + shift + x para exportar o gif animado
Agora vou pedir inutilmente para desabilitarem as assinaturas para postarem :)
