网页制作及应用教学课件（刘永华 潘明寒） 3Fireworks.ppt

《网页制作及应用教学课件（刘永华 潘明寒） 3Fireworks.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章FireworksMX制作网页图形学习目标使用各种面板。熟悉矢量工具，能制作和编辑矢量图形。熟悉位图工具，能制作和编辑位图图形。能制作按钮，创建简单动画。1第3章FireworksMX制作网页图形教学内容3.1FireworksMX基础3.2FireworksMX基本操作3.3位图操作3.4矢量图操作3.5文本操作3.6按钮制作3.7创建GIF动画本章小结返回总目录23.1FireworksMX基础FireworksMX由Macromedia公司推出，是目前最优秀的Web图像制作软件，它将矢量图和位图编辑工具相结合，并赋予图像动态特性。可将文档另存为JPEG、GIF或其他格式的文件以便在

2、网页中使用。还能导出与Photoshop等软件类型匹配的文档。返回目录33.1FireworksMX基础—工作窗口主要由标题栏、菜单栏、工具栏、工具箱、工作区、属性面板、面板组和状态栏等部分组成。其中菜单栏包含创建与编辑图片的全部命令，工具栏包含菜单中常用命令的按钮，状态栏显示当前文档的主要信息。工作区：位于工具箱右边，在工作区中显示和编辑图像。属性面板：当选中工具箱中的某个选项时，可以在属性面板上进行相应属性设置。面板组：位于工作区右边，面板是非常重要的辅助作图工具，按各自功能分组，每组有若干个面板。FireworksMX工作窗口返回目录43.1FireworksMX基础—常用面板简介1．混

3、合器面板：用于创建笔尖颜色和填充颜色。创建颜色可以单击颜色按钮，在弹出的调色板选择某个颜色方框，或在R、G、B框中输入相应红、绿、蓝的数值，还可以在面板底部的选色盘中单击所需颜色。单击“混色器”面板的按钮，可更改的颜色模式。2．样本面板：显示当前调色板，单击面板中的色样可以快速设置图像颜色。“样本”面板与“混合器”面板在同一个面板组。3．帧面板：主要用于制作动画效果。单击“帧”面板右上角的按钮，从弹出的菜单中对帧进行操作。返回目录53.1FireworksMX基础—常用面板简介4．历史纪录面板：用来记录用户对图像所作的改动。用户的每一步操作都记录在该面板中，以便用户恢复图像或恢复到某一指定操作

4、。按钮是一个撤销标记，拖动该标记可以撤销或恢复最近的操作。利用“历史纪录”面板还可以创建批处理命令。方法为：按下Shift键在该面板中选定多个历史动作→单击该面板右下角的“将步骤保存为”按钮→在对话框的“名称”文本框中输入命令名→单击“确定”按钮。这个名称就会出现在“命令”菜单的底部，单击它可执行一系列动作。5．行为面板：用于管理行为。行为决定热点和切片对鼠标移动所做出的响应。6．信息面板：提供所选对象的尺寸和画布指针的精确坐标。返回目录63.1FireworksMX基础—常用面板简介7．样式面板：提供了许多可直接用于图形或者文本的图案样式。选定图形或文本后单击“样式”面板中的样式图标，就可以

5、自动应用选择的样式。8．URL面板：用于添加、删除对象的URL地址。当鼠标指向图像文件中指定了URL地址的热点区域时，该地址会出现在面板的当前URL列表中。9．库面板：包含图形文件、按钮文件和动画文件。打开“库”面板将元件从“库”面板拖到文档中，便生成了该元件的一个实例，修改元件便相当于修改了该元件的全部实例。10．优化面板：用于管理控制对象大小和文件类型的设置，以及处理要导出的文件或切片的调色板。返回目录73.2FireworksMX基本操作—画布基本操作1．创建画布单击“文件→新建”命令，出现如图所示的“新建文档”对话框，再该对话框中对画布大小和画布颜色进行设置。2．改变画布尺寸单击“修改

6、→画布→画布大小”命令，会出现“画布大小”对话框，在“宽度”和“高度”文本框中输入新的数值就可以重新指定画布的大小，重新指定大小后画布会相应扩展或缩小。“锚新建文档对话框定”给出了扩展或缩小新画布时的参考方向，默认以中心为参考。返回目录83.2FireworksMX基本操作—画布基本操作3．更改画布属性（1）裁剪画布当画布大小比画布上的对象大时，可以通过修剪画布来调整画布的大小，使其刚好适合对象所占据的空间大小。具体操作为“修改→画布→修剪画布”，就可以将多余的画布裁剪掉，使剩余画布与画布内对象的大小一致。如果对象的内容有一部分处于画布的可视范围之外，通过“修剪画布”命令会将这部分内容裁剪掉；

7、要想调整画布使其容纳所有的图像对象，可以通过“修改→画布→符合画布”命令。（2）旋转画布如果需要将整个画布连同上面的所有对象旋转特定的角度，则可以选择“修改→画布→旋转180度/旋转90度（顺时针）/旋转90度（逆时针）”来达到目的。返回目录93.2FireworksMX基本操作—辅助工具的使用1．网格网格是一种设计工具，在画布上显示为由横线和竖线构成的网状体系，只在工作环境中可见，图像输出时不可