Olá gente!
Como tenho recebido alguns e-mails e comentários de gurias que querem aprender a fazer gifs, e como estou com tempo de sobra nessas férias (que estão acabando :/), resolvi fazer um tutorial bem explicadinho de como fazer gifs no Fireworks. Esse programa pode ser encontrado em sua versão trial (que expira em alguns dias) nos sites de downloads ou pode ser comprado.
1º Passo:
Abra seu Fireworks (lógico, né), clique em Arquivo>Novo. Selecione o tamanho do seu gif e determine que a tela será transparente.
(veja imagem)
2º Passo:
Na barra de ferramentas, que fica do lado esquerdo da tela, clique na Ferramenta Retângulo
(veja imagem)
e, com ela, selecione a área do gif com as proporções já escolhidas anteriormente. Essa seleção determinará a cor do fundo do seu gif, portanto, quando clicar na imagem, já tenha selecionado a cor que usará no gif. Eu escolhi esse rosa.
(veja imagem)
3º Passo:
Clique com o botão direito em cima da figura já pintada com a cor selecionada. Vá em Editar>Cortar Documento
(veja imagem)
Porque fazer isso?? Porque quando tu selecionou a figura, preenchendo-a com a cor desejada, o tamanho dela e do retângulo de baixo não ficaram iguais. Estará tudo igual e pronto para começar a ser um gif quando não sobrarem pixels sem a seleção da cor (X e Y iguais a 0).
(veja imagem)
4º Passo:
Seu fundo está colorido! Vamos agora enfeitá-lo!
Se preferir deixá-lo com uma cor sólida, pule para o próximo passo.
Em Propriedades tu encontrará Textura e ali selecionará qual preferir. Eu usarei a Linha Diagonal 2.
(veja imagem)
Seu gif ficará assim:
(veja imagem)
OBS: Alterando a porcentagem existente ao lado da Textura escolhida, seu fundo ficará diferente. Teste e veja com qual porcentagem prefere fazer teu gif!
5º Passo:
Faremos agora a borda do seu gif.
Também em Propriedades encontrará o desenho de um pequeno lápis. Ao lado dele, selecionará a cor da borda que utilizará em teu gif.
(veja imagem)
Eu usarei um tom de rosa mais escuro e a opção de borda que escolhi foi a 1-Pixel Suave, mas pode mudar de acordo com sua preferência.
(veja imagem)
6º Passo:
Vamos agora escrever no seu gif!!
Selecione, em Ferramentas, a Ferramenta Texto (veja imagem) e use-a para escrever o que quiser em seu gif! Pode ser uma bela frase, uma música legal ou apenas uma saudação. Optei por essa última.
(veja imagem)
OBS: A fonte e a cor a serem usadas podem ser escolhidas! Selecione a que preferir em Ferramentas.
(veja imagem)
7º Passo:
Utilize, agora, o que quiser para enfeitar o espaço vazio do seu gif! Eu usarei uma imagem de uma fonte, mas tu pode usar um desenho, a foto de alguém, enfim, o que preferir!!
(veja imagem)
OBS: O Fireworks possui efeitos para incrementar textos e imagens!! Usarei Chanfro e relevo para embelezar meus corações!!! (veja imagem) E tu pode utilizar esse - ou outro - efeito também no texto.
(veja imagem)
8º Passo:
Agora vem um importante passo: a animação.
Tu pode fazê-la em algum outro programa, mas eu uso o Fireworks para fazê-la. Para isso, multiplicaremos as molduras.
(veja imagem)
(veja imagem)
Depois de duplicada, ficaremos com duas molduras (óóóhhh!)
(veja imagem)
OBS: O tempo entre uma "piscada" e outra pode ser alterado. Tu pode fazer um gif mais ou menos rápido, como quiser. Isso é mudado clicando duas vezes no número que aparece depois do nome Moldura 1, e isso deve ser feito em todas as molduras que fizer.
(veja imagem)
Para fazer algo piscar nesse "movimento" de molduras, tu deve alterar algo nessa segunda moldura. Eu mudarei a cor dos corações que fiz.
9º Passo:
Vamos, enfim, salvar nosso gif!
Para isso, vamos em Arquivos>Visualizar exportação. Uma nova janelinha se abrirá e nela faremos o seguinte:
Formato: Gif Animado
Paleta: Exata
Ficará assim:
(veja imagem)
Clique em Exportar, salvando teu gif onde achar melhor!
Pronto!! Já temos um gif novo!!
O meu ficou assim:
Útil:
Fonte utlizada para os corações: DaFont.com
Fonte utilizada para o texto: DaFont.com
Baixe o Fireworks (versão trial): Super Downloads
Espero que tenham aprendido com o tutorial! É claro que esse gif feito foi simples, sem muitos enfeites. Mas, com o tempo e a prática, com certeza, tu conseguirá fazer belos gifs para enfeitar teu blog!!
Ainda ficou com alguma dúvida? Escreva-me!
Tutorial By MaryZnha
Voltar para Página Principal