当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks4滚盖图技巧高级篇

FireWorks
Fireworks MX 2004特效字系列教程:水粉文字特效制作
铬金图形效果制作
Fireworks MX 2004移除照片红眼
Fireworks制作破壳而出的美女
Fireworks MX 2004制作巧克力按钮
虚线的制作
圆角三角形的制作
动画小时钟
金属效果
圆形文字的环绕制作
自动颜色变换
Loading动画的制作
彩色线条的填充
用MASK做动画
卫星转动效果
空间环绕
使用热区和切割(Hotspots and Slices)(上)
使用热区和切割(Hotspots and Slices)
Fireworks4.0的新特性
Fireworks中邮票效果的制作

FireWorks 中的 Fireworks4滚盖图技巧高级篇


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 22 ::
收藏到网摘: n/a

 

本节学习重点:掌握使用Fireworks4制作高级滚盖图的技巧。掌握Firewroks4与Dreamweaver4结合使用的方法。

1、打开fw,新建文件。大小为200*60像素,背景色采用透明(Transparent)。分辨率保持默认大小。

2、制作按钮并输出相应Html文件。请看具体步骤:

2、1 选取工具箱的矩形绘制工具,在编辑区绘制一个矩形,矩形的Stroke(描边)选项设为None(不要有描边);Fill(填充)选项中填充类型选择Linear(线性填充),填充颜色的调配顺序为“#000066--#FFFFFF--#8787CF”,其余的选项保持默认,(当然,你可以选择相应的材质进行填充)填充效果请看图01所示:


图 01

2、2 默认情况下,线性填充的方向是按照填充颜色从左向右的方向进行填充,现在,我们要改变一下它的填充方向,选中该矩形,点取工具箱的油漆桶工具,然后在矩形上方由上向下拖动油漆桶,这样,矩形的填充色就会变成由上向下的填充形式。如图02所示:


图 02

2、3 选中该矩形,打开Info(信息)面板,将矩形的高度设为和画布的高度相同:60像素,宽度可以根据需要,自行设定。如图03:


图 03

2、4 采用同样的方法,在矩形的两侧各添加两个修饰性的小矩形,高度比中间的矩形稍低,填充方式和颜色同中间矩形保持一致。效果如图04所示:


2、5 好了,按钮的主体已经做好了,现在我们就要把它转化为按钮型的Symbol。使用快捷键“Ctrl+A”选中所有的矩形对象,接着将这几个矩形对象组合到一起(快捷键是“Ctrl+G”),然后执行菜单命令Insert--〉Convert to Symbole(快捷键是功能键F8),在随后弹出的对话框中,将Symbol的Type(类型)选为“Button(按钮)”,可以给这个Symbol起个名称,也可以保持其默认名称“Symbol1”。

2、6 将组合对象转化为Symbol後,双击该Symbol便可以进入其编辑区。对于按钮的各个状态的方式、意义这里我们不做多讲,请参考其他的文章。你可以按照自己的需要对按钮的各个状态进行各种美化工作。不过现在请你先看完后面的步骤后,回头再来美化。呵呵。这里我们添加了文字“动态按钮”。如图05:


图 05

2、7 好了,按钮制作完成,我们要将其输出保存了,在输出之前,执行菜单命令Modify--Trim Canvas,使得按钮恰好占满整个画布。然后打开File菜单,选择Export命令,在随后弹出的输出设置框内,将输出的文件命名为button.htm,记得将Put Images in Subfolder前面的复选框选中,这样便于我们对输出文件的图片文件的保存。现在可以点击Save(保存)按钮,但是,且慢,这里有一个和我们即将要制作的滚盖按钮的动画关系密切的要点:点选输出设定框上的“Options(选项)”按钮。如图06所示:


图 06

2、8 在随后弹出的设定框中,选择Document Specific选项卡,如图07所示。需要我们注意的是File Names(文件名称)这一部分的相关设定,它是用来设定输出图片或者按钮的相关图片的文件名称的,也就是说,一般我们输出的按钮图片的文件名称默认格式为"输出html文件名称+切片(不要忘了,只要一转化为按钮格式,就会在layer面板的web共享层上自动出现一个切片区,切片区的大小也就是按钮的active areas区域大小)的行数_列数+帧数(只有图片占据了一帧以上的帧数,否

评论 (0) All

登陆 还没注册?