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

FireWorks
用Fireworks“铸造”古钱币
对文字进行渐变填充
两种羽化方法
制作扇形效果
位图边缘加框
四分之一圆的制作
选择性的JPG压缩
按钮制作
同一色系的图片
用Fireworks设计自己的邮票
如何修改Fireworks弹出菜单的位置
创建动画(Animation)(上)
创建动画(Animation)
创建按钮(Buttons)和导航条(Navigation Bars)(上)
创建按钮(Buttons)和导航条(Navigation Bars)
Fireworks 绘制国画牡丹
Fireworks MX 模拟灯泡效果
FW MX和Flash MX的亲密合作
Fireworks教程:制作精致英文网页导航
Fireworks教程:制作滚动的足球动画

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 28 ::
收藏到网摘: 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

登陆 还没注册?