casino
当时方位:www.888.com网 > 协助中心 > 老教材Fireworks制造GIF动画广告BANNER >
     协助导航

关于咱们
版权声明
阅览服务条款
www.888.com网资助服务
联络咱们
友情链接
www.888.com网开展前史
关于QQ管家误报www.888.com网的
制造协助
ie6下png站标制造的
怎么查找自己需求的资料?
注册www.888.com图片网的优点
怎么运用www.888.combanner
QQ邮箱怎么运用本站生成
非IE浏览器怎么保存图片
广告条制造根底篇协助信息
根底知识
Banner在线制造有什
关于Aleo Flash
logo简略介绍,一些关
制造东西Flash Ba
主页Banner制造好帮
banner是什么意思?
banner常见尺度,有
本站布告
新功能:部分图片制造模板
www.888.combanner在线制造
banner制造网暗码安
主张注册会员运用广告规划
本站暂未供给手艺制造ba
欢迎淘宝客运用淘宝ban
规划教程
通明站标制造教程,怎么制
合适菜鸟的初级banne
怎么用DreamWeav
flash的as关于一个
老教材Fireworks
banner规划教程中的
怎么制造吸引人的bann
网站banner横幅规划

老教材Fireworks制造GIF动画广告BANNER


标签:Fireworks gif BANNER 

本末节中咱们看看怎样运用Fireworks MX 2004规划一张GIF动画Banner,以一个宣扬天柱山的Banner为例,首要了解Fireworks中帧面板、动画、元件等东西的运用方法。文章结尾供给.png文件供咱们下载参阅。

  完结作用如图:



Fireworks制造GIF动画广告BANNER(多图)


  (1) 新建一个巨细为468×60的文件,设置其画布色彩为通明,并导入一幅轿车的位图图画,得到图1所示的图画。



Fireworks制造GIF动画广告BANNER(多图)
图1 新建文件并导入图画


  

  (2) 选中这幅轿车图画,单击【修正】菜单,挑选【元件】|【转化为元件】,这时候会跳出元件特点对话框,将这个图形文件命名为"轿车图 1",如图2所示。

Fireworks制造GIF动画广告BANNER(多图)
图2 将图画转化为图形元件


  (3) 单击【确认】,这时候位图图画就现已转化为了图形元件了,如图3所示。选中这个图形元件,单击【修正】菜单,挑选【动画】|【挑选动画】,跳出动画对话框,在其间设置帧数为10,移 动到380,如图4所示。

Fireworks制造GIF动画广告BANNER(多图)
图3 位图转化为图形元件
Fireworks制造GIF动画广告BANNER(多图)(2)
 图4 设置动画特点
 
Fireworks制造GIF动画广告BANNER(多图)(2)
 图5 弹出对话框


  (4) 单击【确认】,这时候跳出图5所示的对话框,问询是否增加新帧,挑选【确认】,这时候在帧面板中就现已增加了新帧,得到图6所示的动画元件图画。

Fireworks制造GIF动画广告BANNER(多图)(2)
图6 动画元件图画


  (5) 默许的帧延时的时刻太短,能够将前面9帧帧延时设为10,第10帧的帧延时设为35来操控轿车运动的作用。为了将第10帧的图画一直能够显现在这个GIF动画上,所以有必要将第10帧的图画作用仿制到后边的一切帧中去。规划这幅动画共有30帧,所以后边的20帧中都需求有这个第10帧中的轿车图画。这儿要调用库中的图形元件来完成一切帧中都有榜首幅轿车图的作用。翻开帧面板,新建一帧,设置其帧延时为10。单击帧面板的洋葱皮东西,在弹出菜单中挑选【之前和之后】,这样在修正第11帧时就能够看到第10帧的轿车图画了。单击【窗口】,挑选【库】,翻开了库面板。发现库面板中有一个动画元件和开端保存的名为"轿车图形 1"的图形元件,如图7所示。

Fireworks制造GIF动画广告BANNER(多图)(2)
图7 库面板

(6) 从库面板中拖动图形元件到画布之中,使其和第10帧的轿车图形彻底对齐。得到第11帧的图画,如图8所示。

Fireworks制造GIF动画广告BANNER(多图)(3)


  (7) 选中第11帧,在帧面板中单击 按钮,在弹出菜单中挑选【重制帧】,在弹出对话框中设置帧的数量为9,如图9所示。

Fireworks制造GIF动画广告BANNER(多图)(3)
图9 仿制第11帧


  (8) 选中第11帧,导入别的一幅轿车图画,如图10所示。

Fireworks制造GIF动画广告BANNER(多图)(3)
图10 导入别的一幅轿车图画


  (9) 相同单击【修正】菜单,挑选【元件】|【转化为元件】,在元件特点对话框,将这个图形文件命名为"轿车图 2",如图11所示。

Fireworks制造GIF动画广告BANNER(多图)(3)
图11 将图画转化为图形元件


 


  (10)单击【确认】,这时候位图图画就现已转化为了图形元件了。选中这个图形元件,单击【修正】菜单,挑选【动画】|【挑选动画】,跳出动画对话框,在其间设置帧数为10,移 动到290,得到图13所示的图画。

Fireworks制造GIF动画广告BANNER(多图)(4)
图12 第二个动画元件


  (11)设置第20帧的图画帧延时为35,11帧到19帧帧延时为10。然后新建一帧并设置帧延时为10,从库面板中拖动"轿车图1"和"轿车图2"到画布之上,使其和第20帧中图画彻底对齐,如图14所示。

Fireworks制造GIF动画广告BANNER(多图)(4)
图13 第21帧图画


  (12)挑选第21帧,和第7步相同,将其重制9次。在21帧中导入第三幅轿车图,只将车的前半部分放在画布之中,如同车子是逐步开进来的相同。接下来和前面相同,将它转化为图形元件,并设置动画作用,设置其帧数为10,移 动为100即可,如图15所示。

Fireworks制造GIF动画广告BANNER(多图)(4)
图14 导入第三幅轿车图并设置动画


  (13)将"轿车图 3"元件拖到第30帧中并与动画元件对齐。接着为图画增加两个小圆形和一个圆角矩形,并在矩形中增加"我也要去天柱山"几个字来增强作用,如图16所示。

Fireworks制造GIF动画广告BANNER(多图)(4)
图15 第30帧图画


  (14)将第30帧帧延时设为200即可,让它的显现时刻长一些。最终保存这个文件并将其导出为一个GIF文件,这样在个人网页中就能够运用这个GIF图片了。

Fireworks制造GIF动画广告BANNER(多图)(4)
 
 
 
png文件下载 :banner.rar
相关信息

如果您对本信息有什么主张,请【直接留言给咱们】