(2)然后我们导入一个要进行变色效果的位图文件,如图2所示。当然我们同样可以使用绘图工具绘制这个图像,这里是为了方便讲解选用外部图像的。
图2 导入位图
图4 对克隆对象实行变色效果后的图像
图6 动画设置对话框
图7 位图转换为动画符号的效果
(7)我们再在Banner的左边加些图片并做适当调整使Banner更加生动,如图8所示。
图8 在Banner左边添加图片
图9 命名并共享图层
图10 Library面板
图11 将符号拖到画布上
图13 提示是否自动添加帧的对话框
(12)选择OK这时候我们发现帧面板中出现了10个帧,如图14所示。
图14 帧面板中出现了新帧
(14)点击“OK”即可。我们这时候发现第一帧的层面板如图16所示。图像效果如图17所示,一种渐变效果已经形成了。
图16 第一帧层面板
图17 第一帧的效果
(15)下面我们就来制作第二个渐变效果了。也就是由红色变成绿色的了。在帧面板中选择第10帧,这时我们发现画布右边的图像是红色的,如图18所示。
图18 第10帧图像
图19 复制帧对话框
(17)选择“OK”回到画布,出现第11帧的图像,这时后我们发现画布变为背景图了,如图20所示。
图20 第11帧图像
(18)此时在层面板中选中Layer 2,将绿色的Symbol 3拖到画布中,在属性面板中设置与前面相同的XY坐标。点击“Modify”菜单,选择“Animati width=340>
图21 新帧被添加到了帧面板之上
(19)接着选择Layer 3,将红色的Symbol 2拖到画布中,在属性面板中设置与前面相同的XY坐标。点击“Modify”菜单,选择“Animati width=297>
图22 设置动画属性
(20)接着便是由绿色再变回紫色的了。同上,在帧面板中选中20帧,再添加一帧,选中Layer 3,将紫色符号拖到画布中,设置透明由0到100,选中Layer 2,拖入绿色符号,透明度不变,帧数也是10帧。点击播放按钮浏览,发现速度快了一些,按住Shift键选择帧面板上的所有帧,双击鼠标,设置帧延时为15/100 sec即可。下面来为Banner添加文字效果。
(21)在帧面板中选择第1帧,然后在层面板中选择Layer 3,接着新建一个Layer 4,选择工具箱上的文本工具为图像添加“天极软件网”文字,如图23所示。
图23 添加文本
(22)选中文本然后按F8键将文本转换为符号,在符号属性中为其命名为nuoli,选择转换为动画符号,如图24所示。由于要将文本保持静止状态5帧,所以在设置动画时和前面不变色的图片符号一样,只输入帧数就可以了,其他的设置不变,如图25。
图24 命名符号
图25设置动画属性
(23)同理添加诺利网的网址“http://soft.yesky/”这个文本,并将其转换为符号,设置动画属性如图26所示。选择“OK”回到画布中,如图27所示。其中绿色点为动画起始位置,红色点为终止位置。然后在帧面板中选中第5帧,双击后面的数字,将帧速设为200。
图26 设置动画符号属性
图27 文本转换为动画符号后的图像
图28 将矩形填充设为折叠填充
(25)在折叠填充浮动框中设置第一个颜色块为白色,第二个颜色块为黑色,如图29所示,最终得到图30所示的图像效果。
图29 设置折叠填充属性
图30 设置填充属性后的填充效果
(26)使用鼠标调整折叠填充的控制柄,得到图31所示的图像效果。
图31 调整控制柄后的图像效果
(27)选中这个矩形,点击属性面板上的按钮,在弹出菜单中选择“Eye Candy 4000LE”>>“Moti>
(图32 Moti width=538>
图33 两次使用Moti width=538>
图34 动态模糊效果
(30)选中第7帧,输入文字“真诚为您服务”,转化为动画符号,也设置5帧的动画,设置不同的动画属性,如图47所示。得到图35所示的图像。
图35 设置动画属性
图36 设置动画属性后的图像
(31)选中第12帧,输入文字“设计在线”,复制一下,然后在14帧粘贴,然后在16帧也粘贴,并将该帧帧速改为100,这样文字就有闪烁的效果了,如图37所示。
图37 Banner的第16帧图像
(32)选择第17帧,将文字复制一个,选中后再用Moti width=303>
图38 设置Moti width=297>
图39 设置动画属性
(33)选择“OK”回到工作区,得到第17帧图像如图40所示。然后选择第30帧,设置帧延时为200/100 sec width=538>
图40 第17帧图像
(34)回到图像第1帧,点击下面工作区状态栏的图标就可以预览图像效果了。适当进行调整然后就可以选择导出向导,在导出向导对话框中选择导出类型为GIF动画,如图41所示,这样就可以将图像导出为GIF动画了。
图41 将图像导出为GIF动画
小结:在上面的这个例子中,我们主要学会了渐变颜色动画的制作。在这个Banner的制作过程中,我们通过使用层面板、帧面板和库面板进一步熟悉Fireworks MX 2004中这些面板的使用方法。
在帧面板中我们学会了如何选择各帧编辑,如何复制帧、添加帧等,还学会了如何去设置帧的时间长短。
在层面板中我们了解了如何新建图层和设置共享图层等。
在库面板中我们熟悉如何将图像和文本转换为动画元件,通过动画属性对话框设置动画的大小、透明度等来控制动画效果以及怎么样将库文件放置到场景之中。
我们通过对不同符号对象的不同设置实现了不同的动画效果,这里读者可以在即尝试着设置动画属性对话框中的不同参数来设置动画图像的效果,包括Frame(帧数)、Move(运动的距离)、Direction(方向)、Scale to(尺寸大小)、Opacity(不透明度)、Rotate(旋转)等值,从而产生不同的效果。
另外,在这个Banner的制作过程中,我们有进一步熟悉了指针工具、文本工具、缩放工具、矩形工具等工具的使用方法和技巧。通过使用Motion Trail特效熟悉了它的使用,并通过它制作了文本的“动感模糊”效果。
欢迎您访问www.5ucms.org
上一篇:5ucms仿站,Fireworks网页切片应用详解 下一篇:5ucms培训,FW制作片头文字渐显渐隐动画 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms培训,Fireworks轻松绘制banner广告的关键词: |