Vb教程 Vb.net教程 Vfp教程 C/C++教程 Vc/Vc++教程 Delphi教程 Java教程 Powerbuilder
  杀毒频道 | 短信频道 | 网络电视 | 论文中心 | 学上网 | 学软件 | 网页特效 | 电脑基础 | 论坛  
  NCRE | 软考 | CET | 职称英语 | 司法考试 | 报关员 | 公务员 | CATTI | CPA考试  
  Html教程 | Css教程 | Xml教程 | Asp教程 | Asp.net | Php教程 | Jsp教程 | Linux教程 | QQ技巧  
Photoshop Illustrator ImageReady Maya教程 3D Max教程 Lightscape Coredraw教程 Authorware Autocad教程 Freehand教程
Access教程 Mysql教程 Sql server Oracle教程 Word教程 Excel教程 Powerpoint Frontpage Asp.net源码 Php源代码
Flash教程 Fireworks Dreamweaver C#教程 outlook教程 系统安装 vbscript教程 Javascript Jsp源代码 Asp源代码
您的位置:首页 >> Fireworks教程 >> 正文

Fireworks制作变色banner(二)

文章来源:互联网

8.现在该由紫变回蓝色去了,不用我说,你也该会了吧。同上,在帧面板中选中20帧,再添加一帧,选中层3,将蓝色符号拖到画布中,设置透明由0到100,选中图层2,拖入紫色符号,透明度不变,帧数也是10帧。(其实这一步可以在第7步中一次搞定,因为紫色符号一直没有变化,所以,第7步中直接让它20帧就可以了!为了说明思路,这里我们分开来做)。

9.现在,大功告成了,点击播放按钮浏览一下吧,是不是速度太快了,没关系,按住Shift键,选中所有的帧,双击,将帧速调整为10,现在速度可以了吧!

10.变色是实现了,可没有文字的Banner是没有用的。加文字动画可以根据自己的需要设置,这里我罗嗦一下例子中的几个文字动画效果,大家也可以进一步熟悉动画制作的一些技巧。

接上面步骤,选中第1帧,然后选中图层3,填加图层4,这一层应该在最上面。选择文字工具,在这一层输入制作动画的文字,如例中输入“风云设计眼”,然后按快捷键F8,将其转化为动画符号,因为我要它保持静止状态5帧,所以在设置动画时和前面不变色的图片符号一样,只输入帧数就可以了,其他的设置不变。如图

如果要达到自己想要的效果,可以自行设置,这个不会影响我们设置的颜色渐变动画,可以根据需要自己调整。然后输入网址(就是下面移动的小字)同样按F8转化为动画符号,在弹出的设置窗口中做如下设置:如图

调整动画控制柄,如下图,绿色点为动画起始位置,将它移到图片外面,红色点为终止位置,将它移到文字的下放,然后在帧面板中选中第5帧,双击后面的数字,将帧速设为200。

选中第6帧,这时我们所做的前5帧动画看不到了,看看层面板,始终保持在第4层,我们来实现例中的那个“动感模糊”,好多网友不知道用Fireworks怎么很好的实现!

11.绘制和要模糊的文字差不多大小的一个矩形,然后选择填充下面的Fill Options...,如图对矩形进行Folds填充

成为如下图的效果!

(模拟条形码,详细教程见:http://)然后羽化,在Properties面板里选择Effects,选择Motion Trail...滤镜,进行两次“动感”一次角度为0,如下图,一次为180。

完成的效果如图:

然后打开库面板,将“风云设计眼”字样的符号拖到场景中,右键->Symbol->Break Apart,断开和库的联系,然后选中文字,在Properties面板选择Effects,对其进行高斯模糊,模糊度设置为2.0就可以了,然后将处理好的矩形放到模糊文字的上面,适当调节透明度,这样两个文字过渡时候的动感模糊效果就实现了,如图中效果:

12.选中第7帧,输入文字“点燃灵感”,转化为动画符号,也设置5帧的动画,设置和前面“风云设计眼”完全一样,只是下面的文字变化方向不同而已,大家可以打开原文件看看就明白了!

13.选中第12帧,输入文字“Fireworks爱好者的家园”,复制一下,隔一帧,也就是在14帧粘贴,然后在16帧也粘贴,并将该帧帧速改为100。这样文字就有闪烁的效果了~!选择第17帧,将文字复制一个,选中,再用Motion Trail...滤镜,给文字加上运动的尾巴,角度为0,相信大家已经理解了吧。然后按F8将其转化为动画符号,设置为3帧,运动方向为180度,设置如下图。(帧数少了,文字飞出的速度就越快。还有,运动的长度可以根据需要自己调整,无须拘泥与教程。)

好了,到此一个漂亮的BANNER已经做好了!最后的工作就是导出了,选择菜单File->Export Preview,在弹出的对话框内,记得选GIF动画( Gif Animation)就可以了!完了之后如果对速度等等感觉不满意,可以调节帧速,达到想要的效果。当然用FW实现这种变色banner的方法不止一种,好的方法等你去思考呢!有好方法不要忘了和大家一起分享哦!

[返回]

编程语言 web开发 数据库 网络技术 操作系统 服务器 网页设计 图形设计 办公软件 常用软件 学电脑

Copyright© www.bianceng.cn Powered by 编程入门网 All Rights Reserved.
关于本站 | 版权声明 | 联系我们 | 友情链接 |
编程入门网 版权所有