微信小程序爆火-老教材Fireworks制作GIF动画广告

2021-04-25 03:54 jianzhan
--------

微信小程序爆火

-------




(1) 新建一个尺寸为468×60的文档,设定其画布色调为全透明,并导入一幅轿车的位图图象,得到图1所示的图象。




图1 新建文档并导入图象


(2) 选中这幅轿车图象,点击【改动】菜单,挑选【元件】|【变换为元件】,这时候候会跳出来元件特性对话框,将这个图型文档取名为"轿车图 1",如图2所示。


图2 将图象变换为图型元件


(3) 点击【明确】,这时候候位图图象就早已变换以便图型元件了,如图3所示。选中这个图型元件,点击【改动】菜单,挑选【动漫】|【挑选动漫】,跳出来动漫对话框,在在其中设定帧数为10,移 动到380,如图4所示。


图3 位图变换为图型元件
图4 设定动漫特性
 

 图5 弹出对话框


(4) 点击【明确】,这时候候跳出来图5所示的对话框,了解是不是加上新帧,挑选【明确】,这时候候在帧面板中就早已加上了新帧,得到图6所示的动漫元件图象。


图6 动漫元件图象


(5) 默认设置的帧延时的時间太短,能够将前面9帧帧延时设为10,第10帧的帧延时设为35来操纵轿车健身运动的实际效果。以便将第10帧的图象自始至终可以显示信息在这个GIF动漫上,因此必须将第10帧的图象实际效果拷贝到后边的全部帧中去。设计方案这幅动漫共有30帧,因此后边的20帧中都需要有这个第10帧中的轿车图象。这里要启用库中的图型元件来完成全部帧中都有第一幅轿车图的实际效果。开启帧面板,新建一帧,设定其帧延时为10。点击帧面板的洋葱皮专用工具,在弹出菜单选中择【之前和以后】,这样在编写第11帧时就可以够看到第10帧的轿车图象了。点击【对话框】,挑选【库】,开启了库面板。发现库面板中有一个动漫元件和刚开始储存的名为"轿车图型 1"的图型元件,如图7所示。


图7 库面板

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



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


图9 拷贝第11帧


(8) 选中第11帧,导入此外一幅轿车图象,如图10所示。


图10 导入此外一幅轿车图象


(9) 一样点击【改动】菜单,挑选【元件】|【变换为元件】,在元件特性对话框,将这个图型文档取名为"轿车图 2",如图11所示。


图11 将图象变换为图型元件


 


(10)点击【明确】,这时候候位图图象就早已变换以便图型元件了。选中这个图型元件,点击【改动】菜单,挑选【动漫】|【挑选动漫】,跳出来动漫对话框,在在其中设定帧数为10,移 动到290,得到图13所示的图象。


图12 第二个动漫元件


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


图13 第21帧图象


(12)挑选第21帧,和第7步一样,将其重制9次。在21帧中导入第三幅轿车图,只将车的前半一部分放在画布当中,仿佛车子是慢慢开进来的一样。接下来和前面一样,将它转换为图型元件,并设定动漫实际效果,设定其帧数为10,移 动为100便可,如图15所示。


图14 导入第三幅轿车图并设定动漫


(13)将"轿车图 3"元件拖到第30帧中并与动漫元件对齐。接着为图象加上两个小圆形和一个圆角矩形框,并在矩形框中加上"我也要去天柱山"几个字来提高实际效果,如图16所示。


图15 第30帧图象


(14)将第30帧帧延时设为200便可,让它的显示信息時间长一些。最终储存这个文档并将其导出来为一个GIF文档,这样在本人网页页面中便可以应用这个GIF照片了。

      png文档免费下载 :banner.rar
---------

微信小程序爆火

------------