firework操作教程

1、Fireworks教程（一）制作虚线操作步骤：1启动Fireworks，新建一个文件，文件宽和高都设为200象素，也可以是任意大小，背景为白色。2单击“工具”面板“矢量”部分的“线条”工具，并且按住键盘上的“Shift”键，在编辑区任意绘制一条直线。矢fill3在“工具”面板的“选择”部分中选择“指针”工具，选中这条直线。4单击“属性检查器”中的“描边种类”下拉框。5选中“笔触选项”。无铅笔基本喷枪毛笔炭笔蜡笔毛毡笔尖油画效果水彩随机非自然笔融选项飞/rd1象素苦1边緣：|ojJ6o选择“铅笔”。7.选择“彩色铅笔”。高级I8o在纹理中设置纹理为“0%”。雁3I需色铅笔3笔尖:JJ1十纹理:D

2、NAd0%同居中于路径d厂在笙竝上方埴充a|M高级.9。单击“高级”按钮。10.在“间距”项输入“200%”，注意这里是手工输入，这个步骤是产生虚线效果的关键。在网页设计中，也常采用“300”这个值。其实到这一步，虚线已经做好了。11. 在“形状”选项卡，如果不选中“正方形”，并且“大小”大于8，刷子尖端就显示为圆形。制作细虚线时需要选中“正方形”。刷子尖端也被称作笔触。12。“大小”是用来设定刷子尖端的大小。网页制作中常选择“大小”为1来制作细虚线。13。“方向”设置刷子尖端宽度。正圆或者正方形，选择“100”或者“0”。14。“角度”只对正方形有影响。15。为了方便以后使用这种自定义的虚线

3、笔触，需要把这些步骤保存为命令。选中“历史记录”面板中的描边。16。点击将“步骤保存为命令”。17.在“保存命令”对话框中，输入名称。实例中输入“虚线”。18。当需要应用虚线的时候，选择“命令”菜单下的“虚线”即可。命令©滤镜窗口管理保存的命等管理扩展功能通）.运行脚本®.WeL创意数据驰动的圉形向导文档调整所选对象犬小重置警告对话框面板布局设置new脚本虚线Fireworks教程（二）制作环绕文字1.新建宽和高都是300像素的文件，背景设为白色。2.点选"工具”面板中的“文本”工具，在工作区输入文本“，字体选择“ArialBlack”，字号为20像素大小，颜色为

4、黑色。路径宽：i3r高：|130'K:|?2'丫：|1083. 点选“工具”面板“矢量”部分的“椭圆”工具。4. 按住“Shift”键，在工作区画一个圆。5. 在“属性”检查器中输入新的宽度（w）或高度（h）值，这里都是130。6. 单击"填充颜色框"图标。7. 在颜色弹出窗口中选择“透明按钮”。8. 选中“描边”工具。9. 在“描边种类”中选择“铅笔”“一像素柔化”。象素柔化3边绦:mi纹理：丽_3rM11打开菜单栏的“文本”菜单，单击“附加到路径”。文本命令©滤镜（X）窗口址:字体®卜大小卜样式卜对齐®卜编辑器电）附加到賂径

5、他氏订+弘1班+Y从路径脱离遵方向功倒转方向迅转换为賂径（£）Ctrl+Shi£t+P检查拼写g）Shift+F7拼写设置12. 环绕文字就做好了。13. 如果想旋转文字，选择“工具”面板中的“缩放工具”。匚裁倾斜工具丘7扭曲工具(Q)14. 出现圆形箭头，就可以旋转文字。15.如果希望文本沿路径的内侧排列，选择“文本”菜单中的“倒转方向”。文本（D命令©滤镜窗口址字®（z）犬小（1）样式（X对齐（A编辑器（E）.附加到路径（1）Ctrl+Shi£t+Y从路径脫离Q）方向連倒转方向迅）转换为路径（£）Ctrl+SKift+F检查拼写E

6、）.Shift+F7拼写设置（u）.Fireworks教程（三）改变图片大小1打开一个图片。此图片大小为宽2950，高2094。目的是要把这个图片变成宽400的图片。2.打开“修改”菜单，单击“画布”里的“图象大小”。3.在宽度中输入400。4.选择“文件”菜单中的“导出”，给文件命名，保存即可。文件®编辑观图选择新建®打开（&）.打开摄近的文件（T）重新构連表（U）.扫描（A）关闭©Ctrl+NCtrl+0Ctrl+W保存另存为f呆存副本（X）.还原建）Ctrl+SCtrl+Shi£t+S导扎Ctrl+R导出Ctrl+Si£t+R导出

7、预览®.更新HTML（!）Ctrl+S£t+X导出向导批处理.在浏览器中预览址页面设置.打印迥HTML设置（1）.Ctrl+P退出Ctrl+QFireworks教程（四）羽化图片1.打开一个图片。2.点击“工具”面板“位图”部分的“选取框”工具。也可以选择“椭圆选取框”工具。3.选择部分图象。4.在属性检查器中，“边缘”项中选择“羽化”厂；“选取框”工具样式：|正常T边球：实边F°d*、*|JJ|J1nnji."宽：|387X:|4高：|265丫：14-5调整羽化大小。6.打开“选择”菜单，单击“反选”。选择修改址）文本命令©濟选择全部取消选择

8、=整体选择迢）部分选定QJ）Ctrl+ACtrl+DCtrl+RightCtrl+Left选择相似颜色a）反选迪Ctrl+Shift+Ik羽化a).扩展选取框Q）.收缩选取框（£）.边框选取框（£）.使选取框平滑（£）.保存位團所选（A）恢复位閣所选迅）7.反选过的图片:8. 按键盘上的Delete键删除。9. 羽化后的图片：fireworks教程（五）缺角矩形的制作1.新建一个宽为150象素，高为100像素的文件，背景色任意。2.选中工具面板中的矩形工具，在编辑区画一个矩形。3.选择工具面板矢量部分的“刀子工具”，并且按住Shift键，把矩形右上角的边框进行切割

9、。迓对I冈原始预览収幅4幅；的点选“工具”面板中的“部分选定”工具。200x1006选择顶点。7.按键盘上的DEL键删除。痢未命名T.pngIM筒径規回事原贻|预览幅4幅如1吗II*200x1008.继续把左角变成缺角。选择“工具”面板矢量部分的“钢笔”工具。矢量冈笔”工具(F)9在左下角的两个边框等距离各单击一下。10使用“部分”选定工具选择左下角的顶点。11.按键盘上的DEL，删除左下角顶点后如图。fireworks教程（六）制作两头半圆的矩形1.在“工具”面板的“矢量”部分中选择“圆角矩形”工具。2在属性检查器中，单击矩形圆度旁边的滑块，拖动滑块到100。3在工作区画一个两头半圆的矩形。

10、fireworks教程（七）制作渐变按钮1.使用矩形工具在工作区画一个矩形。2.在“工具”面板“位图”部分中的“油漆桶”工具上单击并按住鼠标按钮。从出现的弹出菜单中选择“渐变”工具。3.单击属性检查器中的“填充颜色”框。选择“线性”填充。4打开“编辑渐变”弹出窗口，在色阶下面单击添加一个色样。实例中添加的色样在中间。5单击色样，分别设置几个色样的颜色。&预览:6在矩形上，由上向下拖动，一个渐变按钮就做好了fireworks教程（八）制作圆角三角形1选择“多边形”工具。2在“属性”检查器中，在“边”文本框中输入3。3按住Shift键，在画布上从上到下拖动，画出一个正三角形|n|x|原贻I

11、预览2幅4幅匹如11!Gr200X2004打开菜单：修改改变路径伸缩路径。5方向选择“外部”，宽度为15,也可以是其它数值，角选择圆弧，如下图。6.做好的圆角三角形。fireworks教程（九）制作抽线图1.打开一幅图像。2.选择“矩形”工具。3. 点击属性检查器上的填充类别下拉框。边球:纹理:|实心二|4. 单击“填充选项”。动抖心页案无实网閤射状形形放性射圆形锥状状纹浪纹畫线放椭矩圆星条波波缎折|实心5. 在如下图中，设置“填充类别”为实心，也可以试试其它项。纹理为水平线4。纹理总量为100%,6. 使用矩形工具在图像上拖动，覆盖图像，抽线图就做好了。只要不为0就可以。选择透明项。在纹理总

12、量中不为0,就可以选中透明项。Fireworks教程（十）荧光按钮1.新建一个文件，大小任意，背景为透明。2.在透明画布上，使用圆角矩形工具画一个两头半圆的按钮，颜色为黑色。制作方法见制作两头半圆的矩形一文。3选中当前图层，单击层面板右上角的弹出菜单按钮，在弹出的菜单中选择复制图层命令，复制当前选定图层，在弹出对话框中选择“在顶端”，将复制的图层命名为“效果层”。4.在层面板中，选中刚才命名的效果层，把效果层中的按钮变成白色。用缩放工具对其进行缩放操作，缩放后的效果：5.对缩放后的图形应用透明渐变效果。在属性面板中选择“线性”渐变。怨口|3边緣：|消除锯齿工厂£纹理：dna6.点击油

13、漆桶旁边的颜色块，弹出渐变颜色设置面板7o设置左边的颜色块颜色为白色，右边透明块的不透明为0。8在效果层上从上到下拖动应用白色到透明的渐变。9.最终效果如下图。Fireworks教程（十一）Mac按钮1. 新建一个文件，背景色自定。使用圆角矩形工具，在编辑区绘制一个圆角矩形，矩形宽120象素，高40象素，矩形圆度为50。2. 选中这个圆角矩形，在属性面板上，描边设为无，填充方式为线性，填充颜色设置为灰色到白色。选取油漆桶工具，从上向下拖动。3. 打开层面板，选中当前图层，拖到“新建复制层”按钮上，复制一个新层。|100创三|4.锁定层1o日&网页层特1日69&层2戶层1r1距形

14、5.选中层2，将填充方式变为实心，填充颜色为白色。在菜单栏，选择修改，变形，数值变形，将宽高都设置为90。6.使用“刀子工具”，在圆角矩形的上部四分之一处，横向切割。7.使用“指针”工具，点选下半部分，按键盘上的DEL键，删除。如果无法选中，先在编辑区其它部分点击一下。8.选中切割后的图形，打开效果面板，选择模糊，高斯模糊，数值为2.7。9。点击层1前的锁图标，给层1解锁，选中层1下的图层，调整效果选项，选择“斜角和浮雕”，“发光”命令，将颜色设置为灰色，具体设置如下图。11.按CTRL+A,选中所有对象，在菜单栏上，选择“修改”，“组合”，Mac按钮就做好了。内斜角”，设置如下图。Firew

15、orks教程（十二）立体按钮1. 新建一个文件，使用矩形工具在画布上绘制一个矩形，宽90，高20，填充颜色为656565。2. 单击属性检查器中的“添加效果”按钮，然后从“效果”弹出菜单中选择“斜角和浮雕”/“内斜角”。无选项苴它斜角和浮離模糊调整额色锐化阴影和光晕内斜角凸起浮雕凹入浮雕外斜角Eye匚日My4000LE卜Alien5kJnSplatLE效果：為3. 在弹出的对话框中设置如下图。14.做好的效果。1.新建一个文件，设置如下图。Fireworks教程（H卜三）制作虚线背景图片2.导出文件，在dreamweaver中，就可以把这个图像作为单元格的当前图像把这个图像作为单元格的背景，就

16、可以做出虚线效果。Fireworks教程（十四）去背景图1.打开要去背景的图片，使用魔术棒工具，选择图片中的背景。2.在属性面板中设置容差，边缘可以选择羽化。3.删除选中的背景，反复进行这个过程，最后的图片如下Fireworks教程（十五）圆角矩形框1.在工具面板上选择圆角矩形工具，在画布上绘制一个圆角矩形。2.在属性检查器中设置如下。1.新建一个文档，画布颜色为黑色。/厂T3fioo%彳边緣：|实边p厂T边緣：-|50_二数果：+J-1纹理：冋丸P厂T纹理：|dna二卩二厂透明矩形圆度：|35二3做出的圆角矩形框。Fireworks教程（十六）制作阴影线2.选中“线条”工具，按住SHIFT键

17、，画一条直线，颜色为黑色。3按Ctrl+Shift+D键，克隆这条线，点击键盘上的向下键一下，然后把这条线的颜色变为白色。最终的效果如下图。Fireworks教程（十七）制作圆角图片使用圆角矩形作为蒙版，可以轻松的把图片变成圆角形状。1.打开一个图片。2使用圆角矩形工具在画布上画一个圆角矩形，在属性检查器上，输入它的大小，大小和上图的大小一样。选中上图就可以知道它的大小。3调整圆角矩形的填充颜色为白色。把圆角矩形和实例中的“花”图片完全重合。4.在层面板中，选中这两个图片，如果只有这两个图片，可以按CTRL+A全选。选择菜单中的“蒙版”/“组合为蒙版”。隐藏全部（出條改（密文本命等©

18、滤镜宙口（鯉帮助（也动画元件弹出菜单（臼姦版尴卜画布©选择性JPEGR显乔全部（或平面化所选（日向下合并（囚平面化层（笛Ctrl+Alt+5hift+ZCtrl+E排列迦对齐尴组合路径（3改变路径（E）粘贴为菱版（臼显示所选（或隐藏所选禁用姦版删除裁版组合为慕版（国组合Ctrl+G取消组合Ctrl+5hift+GAlpha透明。5.如果要输出有透明背景的图片，必须选择GIF或者PNG格式，PNG对照片级图片支持更好。这里选择GIF,设置：|EI+3|接近网页掾合适失真：|0色版：t颜色：128Q重建排序依据：|无TF171S飞6.做好的圆角图片。Fireworks教程（十八）文字蒙盖

19、图像文本蒙版是一种矢量蒙版，只需将文本用作蒙版对象即可。要取得成功的效果，文字的颜色需要改成白色，并且选择的字体尽量粗，实例中使用的是“汉仪超粗黑繁”。1.打开一副图像。3.把文字的颜色改成白色，如果增加效果，产生的效果也要改成白色，实例中给文字增加白色投影。4.同时选中文字和图片，使用菜单命令中的"修改”/"蒙版”/"组合为蒙版”命令o|修改（五文本命等©滤镜觀口帮助®画布（©卜动画元件卜弹出菜单（日卜姦版勉卜选择性JPEG(J)平面化所选（日Ctrl+Alt+5hift+Z向下合并Ctrl+E|平面化层（刃排列凶卜对齐卜组合路径卜

20、T改变路径（臼组合Ctrl+G取消组合Ctrl+5hift+G|粘贴为菱版（臼组合肯姦版（显示所选（或隠藏所选5.创建的效果如图。显乔全部（或隠藏全部（出禁用菱版删除姦版（以Fireworks教程（十九）使用“橡皮图章”工具修复图像“橡皮图章”工具克隆位图图象的部分区域，可以将其压印到图象中的其它区域。当要修复有划痕的照片或去除图象上的灰尘时，克隆象素很有用。可以复制照片的某一象素区域，然后用克隆的区域替代有划痕或灰尘的点。1.打开一个有划痕的图像。痢山丘.tiF®100<W>-!x|原贻I预览I2幅I4幅ITIFF氏挡躺11G300X300100%T2.选择“橡皮图章”

21、工具，单击近似区域将其指定为源。-!x|原贻I预览I2幅I4幅ITIFF氏挡躺3苗制®sffl逋禅対mllm蔽0SSMS痢山丘.tiF®100<W>11G300X300100%T4.还需要把划痕其它部分修改过来。按住Alt键，单击另一个象素区域，将其指定为源,把蓝色圆圈形状放在需要修改的部分，单击。重复这个过程，最后修复的图片如下图。-!x|原贻I预览I2幅I4幅ITIFF氏挡躺痢山丘.tiF®100<W>11G300X300100%TFireworks教程（给文字描边是常见的图像处理功能。ArialElackA1. 在画布上，使用输入文字

22、，实例中字体选择。2. 单击指针工具，然后选中画布上的文字，属性检查器中的描边颜色框就会出现。二JRB“丨UI1%创團帚劉手|冒互|/叼|平滑消除锯齿3任自动字距调整3. 单击描边颜色框，在出现的对话框中单击“笔触选项”。二十）给文字描边4.在出现的对话框中，根据需要设置。5.描边后的文字。Fireworks教程（二十一）圆角一象素描边的图片圆角一象素描边的图片是网上常见的图片处理效果，在Fireworks中主要使用“贴入内部”命令完成这个过程。1.打开要描边的图像，记住图像的大小。实例中宽300高213。2.使用“指针工具”选择图片使用CTRL+X快捷键剪切这个图片。画布上就为空。3使用圆角

23、矩形工具，在画布上画一个圆角矩形，设置如下，宽高和需要描边的图片一样，X和Y值都为0填充为无，描边宽度为1,描边种类为1象素柔化，也可以选择“柔化圆形”。1njxf原娼|预览収幅|吗幅|血忌恒档驴4执行“编辑”/“贴入内部”命令。腫”MsW-虧.乙元rj旷鼻厂Hl1象素柔化dIfc1边嫖:叩肖除需齿m迸錄:厂J宽;申血駅：oM5-跚m聽;BNA)0J高诽HT-jcTIHf明矩就圆度：32-二|经过设置的圆角矩形。g5F172JPG1。0毗(矩3B严1电f).00k'21J100%T:编辑（或观閣（巧选择（乡倏改（也文本h撤消修改矩形（山連复修改矩形（或A>-F/As-.-titr

24、l+ZCtrl+Y查接和替换（日C'trl+F聖切£tti郴靈制Gtrl+C复制路径轮廓怕复制HTM!.代码®,.亡trl+Alt+C粘贴（酉ctH+yBackspace粘贴为菱版（吨贴入內部匚trl+Shift+V粘贴厘性（直Gtrl-rAlt+5hift+V罟尹i；r-a宜7”重翹etrl+Alt+D.克隆险曲着抖上,血t/壬必;址；Ctrl+5hif.t+D矗羁嶄询血41回修舅文档（3嘩数选择（巳Gtrl+U匾捷键感”，.TNJrLri-i.-1-5完成的圆角一象素描边的图片。30.0i21310朋TFireworks教程实现这个效果主要使用了空位图蒙版。1打

25、开图像。iSFieOJPG©1001%*原嬉'预览幅幅：蒙版”按钮。这样就创建了一个空蒙版。（二十二）使用蒙版减淡图片局部颜色1帧1创圃口|.侖Il-V3使用“选取框”工具，在画布上选择一定大小的区域。SF160JP&f（位El轅版严二1QJN原舞颍览|住輻|吗幅=(_打®|樂丿姦1*1卜©|0.0X'.I1Q0%-5使用“油漆桶”工具在选定区域单击，填充后的效果如图。Fireworks教程（二十三）创建简单变换图象简单变换图象就是直接把第一帧上的图像替换为它下面第二帧的图象。在创建这个效果前，最好准备两张相同大小的图片。1.使用“指针”工

26、具选中图片，选择“编辑”>“插入”>“切片”在图象或对象上方创建切片。2.单击“新建/复制帧”按钮在“帧”面板中创建一个新帧。:倚I审赖和历史记录祯17新建團制帧码：|曲|汆久3打开另一幅图片，使用“剪切”和“粘贴”命令把这幅图片粘贴到创建的新帧中。4在“帧”面板中选择“第1帧”，本例中因为切片重叠，所以可以选择任意一帧。将指针放在行为手柄上方，指针更改为手柄，将行为手柄拖到切片的左上边缘。5出现一条从切片中心延伸到左上角的蓝色行为线，同时打开“交换图象”对话框。在“交换图象自”弹出菜单中，选择要交换的图象所在的帧，这里选择帧2。6.简单变换图象做好了，主要起作用的是javascr

27、ipt代码，所以必须导出为html格式。选择“文件”/“导出预览”，在“保存类型”中选择“HTML和图像”。7.在Dreamweaver中，单击“FireworksHTML”按钮，选择之前导出的html文件即可。Fireworks教程（二十四）制作替换动画制作替换动画的原理：把一个GIF格式的图片变成切片，添加“交换图象行为”，选择一个GIF动画文件。1打开要作为切片的图象，实例中把一个JPG格式的图片改成GIF格式，背景透明。FGI明昏一2.在优化面板中选择GIF格式，Alpha透明。忧化遁；r二1+Lr-3选中图片，执行“编辑”/“手稿”/“切片”命令，把图片变成切片。原始I較览I弦輻沁輻

28、匹缪100x100羽4打开“行为”面板，给切片增加“交换图象”动作。5在“交换图象”对话框中，不要选择“预载图象”，点击图象文件右边的文件夹图标。简单變换图象（交换閣象恢复交换閤象L设置导航栏團象（也洛过导航栏按下导航栏恢复导航栏取消设置弹出菜单（臼r&3S.'Tl.-v设置状态拦文本5. 在“交换图象”对话框中，不要选择“预载图象”，点击图象文件右边的文件夹图标。当滑过当前勿片时，交撫以下丽选切片中萌一幅閤象迪;宜换图象显示呂r桢編号鄭:：i柠图鹤件觀|.麺载関象减w丽辕开时复原轟:射励厠睫a片甲百ffi苏蛊尿乘削獅帧動廊爻洋甲的閣象:6. 在打开对话框中，选择事先做好的GI

29、F动画文件。GIF动画文件尺寸应该和切片的尺寸一样。7. 到这里替换动画就做好了giSFDiOJPE1006原箱|预览|谩幅|吨幅f苏辭8. 在导出对话框中，保存类型选择“HTML和图象”。Fireworks教程（二十五）创建按钮和导航栏在Fireworks中，可以使用按钮编辑器快速创建一个按钮元件，从库面板中，克隆多个按钮元件，就可以制作成导航栏。创建带有样式的按钮使用“按钮按钮编辑器”创建按钮，为了美化按钮，可以应用样式面板中的样式，还可以应用“属性面板”上的各种效果1打开Fireworks，通过"文件”“新建"，新建一个文档。2.“编辑”>“插入”“新建按钮”。

30、编辑观蜀刃选挥修改勉文本命步©滤镜窗口（劎帮助®撤消插人元件世Ctrl+Z重复插入元件（或Ctrl+V1插入新建按钮固Ctrl+5hiFt+F8库Q新建元件Ctrl+F83在按钮编辑器中，选择“释放”状态，画一个宽69像素，高20像素，x,y坐标都为0的矩形。4.选中矩形，然后打开样式面板，点击并且应用一种样式；之后在属性面板上点击填充颜色块，实例中选择红色。输入清晰的按钮文字在网页图象中，如果使用较小的中文字体，例如12象素，可以使用“不消除锯齿”的宋体。使用更大的其它字体时，就需要消除锯齿了。A1在“按钮按钮编辑器”的释放状态下，使用工具面板上的“文本工具”，在按钮上输

31、入文字，在属性面板上，选择宋体，12像素，不消除锯齿。输入文字后的按钮:-Inlx|释放|滑过|按下按下时滑过活动区域|扌旨示.蠹狼态:按辺的一般状盘使用“绘制"和“编辑”工具以创建按辺的弹起状盘要編辑捱接或行为，首先选择“活动医域”选项卡-导入按钮.I取消完成使“滑过”状态的按钮颜色相对“释放”状态变亮。1选中“滑过”状态，点击“复制弹起时的图形”。-|n|x|F41复制弹起时的图那1曙驗态:当您的光标滑过按钮时显示-使用“绘制”和“編辑"工具以创連按钮的滑过U亘瘗编辑捱接或行肯，首先选择“活动区域”选项卡.导入按钮取消|完成2.点击属性面板上的“+”，添加效果“调整颜色

32、”“色相/饱和度”。效果：园调整颜色卜锐化阴參和光晕EyeCandy4000EyeCandy4000LE*Texture*和Hidden*Alien5kJnSplatLEDigimar匚、ZjEyeCandy4.0兀;度/对比度.-，反相曲线自动色阶色相旎和度色阶颜色埴充3.在弹出的“色相/饱和度”对话框中，向右拖动亮度滑块。这时就增加了按钮的亮度。重复上面的过程，调整“按下”状态和"按下时滑过”状态的颜色。为按钮增加链接。1选中“活动区域”，在属性面板的“链接”项中，输入#作为链接，以后可以修改。一个按钮就做好了。创建导航栏1.创建按钮元件后，可以从库面板中，将该元件的一个实例拖到

33、工作区域中，重复这个过程，创建多个按钮。2.为了对齐各个按钮，需要先作出引导线。选中“视图”“标尺”。放大缩放比率Ctrl+=匚trl+-卜选区符合窗口犬小（勺文档符合窗口大小（巳Ctrl+Alt+OCtrl+O*完整显示（为Macintosh灰度系数©Ctrl+K隠藏所选（出显不全部色）Ctrl+LCtrl+5hift+L1*标尺(E)Ctrl+Alt+R网格引导线*切片引导线心*切片层叠（幻Ctrl+Alt+5hiFt+;隐藏边緣隐藏面板（臼F9F4状态栏（因3.从标尺上，拖出水平和垂直的引导线。jel.png100V4反复从库面板中，把按钮的实例拖到文档中，并且对齐到引导线。5

34、.选中不同的按钮实例，在属性面板上，修改文本和链接地址。6使用“文件”“导出”，保存类型“HTML和图像”，输出导航条。Fireworks教程（二十六）创建弹出菜单当web网站非常复杂的时候，可以利用Fireworks创建功能强大的弹出菜单，这样就可以快速访问需要的页面。按如下步骤添加弹出式菜单：简单变换图象交换图象恢复交换團象1选中某个切片或者热点，打开行为面板，点击“+”添加“设置弹出菜单”。设置导航栏圉象（哑滑过导航栏按下导航栏恢复导航栏设置弹出菜单（臼设置状态栏文本（D蚯2. 单击“内容”选项卡，双击每个单元格并输入或选择适当的信息。内容I外观I高级位置I+1-1Sjsl文本椎接目标A

35、SF编程asp.htmbl：±TikTn.terdevir.terdev.htmbl:dTikde:diriweaverit-e:iJTiweaver.htmbl:dTikfrorLtpagH£rontpage.htmbl：±Tikaspeditaspedit.htmbl:dTikFHF编程php.htmbl:dTik腫二<后退I继续I完成I3. 如果需要创建弹出子菜单，选中这个要作为子菜单的菜单项，单击“缩进菜单”。内容I外观I高级位置I文本椎接目标ASF编程asp.htm_bl：±TikInterdevir.terdev.htm_blaxikd

36、e:diriweaverit-e:iJTiweaver.htmbl:dTikfrorLtpagH£rontpage.htmbl：±Tikaspeditaspedit.htmbl:inkFHF编程php.htmbl:dTik腫二<后退I继续I完成I4. 如果要在菜单列表中向上或向下移动菜单项，可以选中它向上或向下拖动。5. 设计弹出菜单的外观。可以选择“水平菜单”和“垂直菜单”两种布局方式。内容外观I高级I位置I单元格：量HTMLQ)C图象|水平菜单三|圧P编程PHP编程PHP编程取消|后退|继续|完成|6定位弹出菜单和子菜单。单击各图标，可以设置菜单位置和子菜单位置。

37、7.单击“完成”按钮，弹出菜单就做好了。如果以后要编辑弹出菜单，只要双击“行为面板”中相应的“显示弹出菜单”项目。Fireworks教程（二十七）制作动画本文介绍使用fireworks制作动画。在fireworks中，主要使用帧面板和层面板制作动画。下面分别以一个简单的多帧动画和一个淡入淡出动画来说明制作动画的过程和相关技术。制作简单的多帧动画：制作一个背景相同，文字变化的动画。如果是需要背景相同，就需要在层面板中，设置共享交叠层。常见网页的banner动画尺寸为468X60（完整banner）,88X31（Logo）,393X72（带纵向导航条的完整banner）。1.在fireworks中

38、，打开一幅图像，调整它的大小为468X60。这也是标准的banner大小。2.点击菜单命令“窗口”>“层”打开层面板，在背景层上双击，选中“共享交叠层”。|100副&网页层曰&背杲K骨层名荊1=11雨共享交叠帧3.点击菜单命令“窗口”>“帧”打开帧面板，并且点击“新建/复制帧”，产生帧2。4在层面板中，点击“新建/复制层”图标，新建一个层“层1”。点选帧2,再点选层1,在画布上输入文字。5点选帧2,再点选层1,在画布上输入文字，或者再插入一幅图像。在这个时候，一个两帧的动画已经做好了。双击帧1，在帧延时对话框中输入100，重复前面的过程，继续给帧2和帧3输8这个GJ

39、F动画做好了，现在需要输出，在输出之前，需要先把格式改为“GIF动画”。打开优化面板，选择“GIF动画”。如果需要输出背景透明的GIF动画，可以选择“索引色透明或“alpha透明失冥：|0二抖动：|0%叫排序依据：尻Z重建I列厚心I釦釦吕I9.使用“文件”“导出”命令，导出动画。创建了动画元件，才能设置动画中的帧数和动作类型（如缩放或旋转）。制作淡入/淡出动画：创建一个动画元件，设置元件的不透明度属性。1.打开fireworks,新建一个文档，选择"编辑""插入"“新建元件"。编辑（或视團（也选择修改（密文本（D命令©滤镜窗口（塑帮助

40、（出无法撤消Ctrl+Z无法重做Ctrl+Y1插入1新逹按钮（或.Ctrl+Shift+FS库Q卜查找和替换（日Ctrl+F新逹元件过kCtrl+F8+4-ILri1.1.2.在“元件属性”对话框中，输入新元件的名称。选择“动画”并单击“确定”。3.在“元件编辑器”中，创建一个新对象，实例中插入一幅图片。痢元件：Fl100吋-1-ri1,E：Illiij11111II1111E：Illi7,7.7,.SE：Illi抑：iIlli-4E：11-*1I?11!GI-468x60100%T牯阳包|LLb鬲4.关闭“元件编辑器”窗口，Fireworks将元件放入库中，并将一个副本放在文档的中间位置。5.选中画布中的元件实例，首先在属性面板中，设置不透明度从100至0,然后设置帧数为6