Secret Experience

Secret Experience (https://secretexperience.net/index.php)
-   [DG] Fireworks (https://secretexperience.net/forumdisplay.php?f=253)
-   -   [Tutorial] Passo-a-Passo Criando um Gif Animado no FireWorks (https://secretexperience.net/showthread.php?t=1783)

Miranda 27-12-2008 03:19 PM

[Tutorial] Passo-a-Passo Criando um Gif Animado no FireWorks
 
Galera para quem esta começando no fire works e ainda não cria um "Gif animado esse tutorial ira Ajudar"

Primeiramente
O Que e um gif: Gif e uma sequencia de imagens que são mostradas em rapida sucessão.
1ºPasso. Crie um novo documento (300x300)
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]

Crie agora um circulo em preto e o centralize no documento.
Obs: Esse circulo servirá como fundo base de nosso gif.

2° passo
observando o painel de frames (molduras)
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
(1) Número da moldura.
(2) Nome do quadro.
(3) Tempo de visibilidade da moldura.

duplicando frames (molduras)
Nosso gif utilizará 5 quadros. Para adiantar nosso processo, vamos duplicar frame 1 (moldura 1), que é o que está nossa base (o circulo preto).

Selecione o frame que iremos duplicar, clique na caixa de opções, que fica no canto superior direito do painel (painel frames). Veja abaixo
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
(1) Moldura que iremos duplicar.
(2) Caixa de opções do painel.

Ao clicar na caixa de opções o menu será exibido. Escolha a opção Duplicate frame (Duplicar borda).
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
A caixa Duplicate frame será exibida.
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]

(1) Número de molduras a serem criadas
(2) Posição das molduras que serão criadas em relação a moldura selecionada.

No campo Number deixaremos 5, ou seja, cinco molduras. No campo de número 2 em nossa figura acima, escolha a opção After current frame (Após a moldura atual). Assim o novo Frame será criado após o quadro atual. Por fim dê OK.
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
Veja que a nova moldura foi inserida no painel Frames, juntamente com um número sequencial.

Vamos renomear cada frame para facilitar nosso trabalho. Para isso, basta dar dois clique na frame e um campo aparecerá para que possa renomeá-la. Veja como ficou:

[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
3° passo
inserindo texto nas frames
Nessa parte, iremos por os textos que enfeitaram nosso gif em suas devidas frames.
Obs: Nesse gif, usaremos texto, mas você pode fazer com imagens por exemplo. Vai da criatividade de cada um. Para um melhor entendimento usarei textos. Então vamos lá!

(1) Vamos inserir o texto hey no frame que renomeei como hey. Para isso basta selecionar o frame hey e por o texto.

[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
Agora, é só ir pondo as palavras restantes em seus devidos frames, por exemplo: Agora na frame agora, sei na frame sei e assim por diante.

Visualizando nossa animação
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
Controlando os quadros
Depois de ter testado sua animação, iremos regular o tempo de cada frame (o tempo que cada frame permanecerá visível). Por padrão, o tempo estipulado pelo fireworks é de 7 centésimos de segundo. Para alterar é só dar dois cliques na coluna frame delay (demora do quadro).
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
Altere o tempo a seu gosto, vá testando até encontrar uma que lhe satisfaça. Após regular o tempo de seus frames, iremos para parte final.
salvando a animação
Após terminar o passo 3, vamos exportar e ajustar as configurações do arquivo. Vá em: File / image preview (na barra superior). Ao aparecer o painel do image preview, na aba Options escolha Animated GIF no campo Format.
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
pronto.

Resultado:
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
Creditos
WebTutoriais


Horários baseados na GMT -3. Agora são 11:27 PM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.