现在位置:中国IDC吧>网页设计>Fireworks教程> 文章内容

Fireworks轻松绘制banner广告

收藏发布 来源:互联网 作者:中国IDC吧 更新日期:2008-10-07 点击:


图19 复制帧对话框

  

(17)选择“OK”回到画布,出现第11帧的图像,这时后我们发现画布变为背景图了,如图20所示。


图20 第11帧图像

  (18)此时在层面板中选中Layer 2,将绿色的Symbol 3拖到画布中,在属性面板中设置与前面相同的XY坐标。点击“Modify”菜单,选择“Animation”>>“Settings... ”,在弹出的对话框设置动画同样是10帧,这时同样会弹出图25所示的提示对话框。选择“OK”这样新的帧就被添加到了帧面板之上了,如图21所示。


图21 新帧被添加到了帧面板之上

  (19)接着选择Layer 3,将红色的Symbol 2拖到画布中,在属性面板中设置与前面相同的XY坐标。点击“Modify”菜单,选择“Animation”>>“Settings... ”,设置其不透明度由100到0,帧数为10,如图22所示,使得红色逐渐淡去,绿色显示出来。


图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.com/”这个文本,并将其转换为符号,设置动画属性如图26所示。选择“OK”回到画布中,如图27所示。其中绿色点为动画起始位置,红色点为终止位置。然后在帧面板中选中第5帧,双击后面的数字,将帧速设为200。


图26 设置动画符号属性


图27 文本转换为动画符号后的图像

  (24)下面来实现一个“动感模糊”效果。选中第6帧,这时我们发现所做的前5帧动画看不到了。点击工具箱上的矩形工具绘制一个矩形,将矩形填充设为Folds填充,如图28所示。


图28 将矩形填充设为折叠填充

  (25)在折叠填充浮动框中设置第一个颜色块为白色,第二个颜色块为黑色,如图29所示,最终得到图30所示的图像效果。


图29 设置折叠填充属性


图30 设置填充属性后的填充效果

 

 (26)使用鼠标调整折叠填充的控制柄,得到图31所示的图像效果。


图31 调整控制柄后的图像效果

  (27)选中这个矩形,点击属性面板上的按钮,在弹出菜单中选择“Eye Candy 4000LE”>>“Motion Trail”,设置Motion Trail属性如图32所示。

(图32 Motion Trail设置 图片较大,请拉动滚动条观看)

  (28)再一次使用Motion Trail特效,不过将方向设为180度,其他的设置和上面一样,得到图33所示的图像效果。


图33 两次使用Motion Trail特效后的效果

  (29)然后打开库面板,将“天极软件网”字样的符号拖到场景中,右击鼠标选择“Symbol”>>“Break Apart”,断开和库的联系,然后选中文字,点击属性面板上的按钮,在弹出菜单中选择“Blur”>>“Gaussian Blur”对其进行高斯模糊,模糊度设置为2.0就可以了,然后将处理好的矩形放到模糊文字的上面,适当调节透明度,这样两个文字过渡时候的动感模糊效果就实现了,如图34所示效果。


图34 动态模糊效果

  (30)选中第7帧,输入文字“真诚为您服务”,转化为动画符号,也设置5帧的动画,设置不同的动画属性,如图47所示。得到图35所示的图像。


图35 设置动画属性


图36 设置动画属性后的图像

(31)选中第12帧,输入文字“设计在线”,复制一下,然后在14帧粘贴,然后在16帧也粘贴,并将该帧帧速改为100,这样文字就有闪烁的效果了,如图37所示。



上一页 1 23 下一页
[点击复制本页地址发送给 QQ/MSN 好友] [ 发布内容][ 举报][ 关闭窗口][ 返回顶部]
收藏此页到网摘/书签:
所有评论

评论列表

用户名: 新注册) 密码: 匿名评论