Fireworks CS3 - Criando um banner animado

Arquivo de (Fireworks) por Felipe Cardozo em 05-04-2008 - 4,635 visualizações

Tags: , ,

a a a

Olá pessoal.
Nesta vídeo aula, iremos aprender a criar um banner animado em gif, feito pelo Fireworks CS3. Desta vez, teremos a participação da minha querida “genitora” que nos prestigiará com sua linda voz (risos). Trabalharemos com frames e velocidade da animação (FPS - Frames por segundo).
Bom, brincadeiras a parte, espero que gostem deste conteúdo.

Assista à vídeo aula

Permalink

Comentários:

#1.
Lucas TomasiNo Gravatar comentou:
Esse efeito é muito bom.. utilizei ele bastante quando aprendi a usá-lo.
Eu utilizo o FireWorks 6 ou o MX (porque no programa fala mx, mas nos creditos fala6, então eu não sei ao certo) e invez de ficar copiando o conteudo de cada frame pra colar no próximo eu utilizo o o dupliced frame, que duplica o frame selecionada quantas vezes eu quiser. Essa opção não tem no FireWorks CS3?

Abraço

Comentado em: 05 Abr, 12:14 pm
#2.
Rodolfo MaggessiNo Gravatar comentou:
Felipe Cardozo, estive assistindo suas vídeo aulas e estou inteiramente satisfeito!

tenho uma pergunta… teria como incluir um efeito de fade nessa animação?

bom.. estou pensando agora!
de repente teria como criar o efeito copiando a imagem do alterando o brilho dela em cada etapa.

seria assim ?
ou teria como aplicar um efeito direto?

obrigado!

Comentado em: 16 Abr, 2:28 pm
#3.
Felipe CardozoNo Gravatar comentou:
Rodolfo, é isso mesmo! Está certíssimo. Neste caso, você cria 10 frames por exemplo e a cada frama, você tira 10% da transparência. Isso vai resultar no fade.

Abçs

Comentado em: 16 Abr, 6:50 pm
#4.
Guidha CapeloNo Gravatar comentou:
Adorei ! mas adorei também sua mãe! Foi 10!!!
beijo pra ela.
Comentado em: 29 Abr, 7:16 pm
#5.
jhuliocezarNo Gravatar comentou:
e aew felipe blz kra fiz todos os passos dessa video aula que por sinal ta blz parabens mais um vez, bem mais quando fui querer colocar o gif acho que e isso em um site que tava pretendendo criar na hora de vizualizar no IE a animaçao nao funciona tipow fica so a primeira imagem parada oque aconteceu tem que configurar algo onde eu errei?
Comentado em: 01 Mai, 2:29 am
#6.
jhuliocezarNo Gravatar comentou:
ops gif nao e um banner kkkkk
Comentado em: 01 Mai, 2:30 am
#7.
Felipe CardozoNo Gravatar comentou:
Antes de visualizar ele no IE (apertando o f12), você precisa selecionar a opção (Animated GIF WebSnap 128) que fica em properties no centro inferior da tela de trabalho do FW.

Na hora de exportar, você também tem que selecionar esta opção.

Comentado em: 01 Mai, 4:49 am
#8.
LuisaNo Gravatar comentou:
Oiii. eu utilizei esse efeito tb e deus certo …só que estou com
dificuldade de colocar o banner em uma home Page…. eu até coloco
mas quando vou vizualiza-lo ele não fica animado!

oque tenho que fazer?

Comentado em: 01 Mai, 5:49 pm
#9.
Felipe CardozoNo Gravatar comentou:
Oi Luisa,

Antes de visualizar ele no IE (apertando o f12), você precisa selecionar a opção (Animated GIF WebSnap 128) que fica em properties no centro inferior da tela de trabalho do FW.

Na hora de exportar, você também tem que selecionar esta opção.

Comentado em: 01 Mai, 6:06 pm
#10.
SálvioNo Gravatar comentou:
Muito engraçado Felipe!!!!
Suas aulas são ótimas e descontraídas e isso é ótimo.
“- Já jantou ??”
ehehehe
Um abraço pra sua mãe.
Falou!
Comentado em: 04 Mai, 1:57 am
#11.
Felipe CardozoNo Gravatar comentou:
hehehe!
Valeu Sálvio!

Abçs

Comentado em: 04 Mai, 2:18 am
#12.
HenriqueNo Gravatar comentou:
Felipão

Estou clicando no New/Duplicate Frame e ele está copiando um frame para o outro automatico, quando apago algum item em um frame ele pega e apaga em todos…….

Como faço para destravar essa opção?

Valeu….Abraços

Comentado em: 19 Mai, 12:46 pm
#13.
HenriqueNo Gravatar comentou:
Felipão…..

To aqui aguardando a resposta, quando puder?
Só estou dependendo disto para colocar a mão na massa….
Valeu….

Comentado em: 19 Mai, 3:28 pm
#14.
Felipe CardozoNo Gravatar comentou:
E aí Henrique, beleza?

Ué, não era pra isso ocorrer. O certo, é quando você apagar um item de um frame, o item permanecer no outro.

Fiz o teste aqui, e está tudo ok. Você usa o FW CS3?

Comentado em: 19 Mai, 4:35 pm
#15.
HenriqueNo Gravatar comentou:
Uso sim……

Pois então, pensei que talvez alguma opação estivesse marcada aqui no meu FW….

Ixiii…..o jeito é arrumar outro e instalar né

Comentado em: 19 Mai, 4:49 pm
#16.
Felipe CardozoNo Gravatar comentou:
Henrique!

Creio que não precise desinstalar, mas qual o caminho do procedimento que você está fazendo para duplicar os frames? Tem que tomar cuidado, porque existe a opção de duplicar layer e duplicar frames.

Comentado em: 19 Mai, 8:12 pm
#17.
LiliNo Gravatar comentou:
Adorei!
Comentado em: 27 Mai, 8:58 pm
#18.
Danielle TeixeiraNo Gravatar comentou:
Ameiii ^^ adoreii mto massa!!! essa video-aula, mais uma perguntinha eh melhor trabalhar com flash ou gif para um site? É só uma duvidazinha mesmo pq me disseram q gif qse ninguem usa mais. Me tire essa duvida please
Comentado em: 15 Jun, 11:11 pm
#19.
Felipe CardozoNo Gravatar comentou:
Dani, esse negócio de que gif está ultrapassado é lenda. Você usa de acordo com o tamanho e necessidade.

Se for uma animação grande, pode usar flash, mas se for coisa simples, um gif resolve, pois é bem mais leve.

[]´s

Comentado em: 16 Jun, 5:21 pm
#20.
DrialliNo Gravatar comentou:
mtooo bommmm
todo mundo fala como fazer mas esqce
de explicar como salvar
me ajudouuu mtooo msmo!!
Comentado em: 24 Jun, 12:02 pm
#21.
Raphael "phzinho_zrvtm"No Gravatar comentou:
Nhia MaNô..vlw aiii….

Fiko Bom hehe…

Comentado em: 03 Set, 3:54 pm
#22.
Danilo dos Santos SilvaNo Gravatar comentou:
Esse é o Felipão deixa de jantar pra fazer mais uma video aula pra galera XD mais jante antes mano qualquer dia vc desmaia durante uma video aula Haha brincadeira a video aula foi muita e la vou eu tentar fazer meu banner FUI….. BRIGADUUUUUU
Comentado em: 06 Set, 10:57 am
#23.
Ednardo MaxNo Gravatar comentou:
Felipe, minha dúvida é seguinte:

conseguir mais definição na hora de exibir o banner no site!

fiz um aqui e salvei em websnap 256, mas mesmo assim não obtive alta qualidade. Como devo proceder?

Obrigado.

Comentado em: 04 Out, 10:18 am
#24.
Felipe CardozoNo Gravatar comentou:

Fala ae Ednardo, tudo bem?

Todo gif perde a qualidade. Mas existe uma opçãozinha na hora de exportar como gif que se chama “dither”. Marque em 100% e já dá uma grande melhorada…

[]´s

Comentado em: 09 Out, 11:23 am
#25.
Márcio FlávioNo Gravatar comentou:
Valeu cara, to a um tempão tentando aprender fazer essi, só agora achei essa aula e gostei d+, até aprendi a fazer já, obrigado.

Achei 10.

Comentado em: 05 Dez, 5:03 pm

Deixar um comentário