Fireworks_8的图像制作.ppt

第4章 Fireworks 8.0图像制作 第4章 Fireworks 8.0图像制作 教学内容 4.1 Fireworks8.0简介 4.2 矢量编辑 4.3 文本编辑 4.4 特效和样式 4.5 GIF动画制作 4.6 位图处理 4.7 图像切片 4.1 Fireworks 8.0简介 4.1.1 Fireworks 8.0简介 1.简介：Fireworks 8.0是一个功能非常强大的绘制和处理图片的软件。它主要针对网页图形设计和制作的，使用它创建和编辑网页图形，可以对其进行动画处理、添加高级交互功能以及优化图像等。 4.1.1 Fireworks 8.0简介 2. Fireworks常用的文件类型 PNG：即可移植网络图形，是 Fireworks 的本身文件格式。 GIF：是一种很流行的网页图形格式，可用于卡通、徽标、包含透明区域的图形以及动画。 JPEG：专门为照片或增强色图像开发的图像格式。 4.1.1 Fireworks 8.0简介 3.新功能 ：在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。对 ActionScript 和 CSS（层叠样式表）格式的新增支持使 Fireworks 能够更有效地与 Dreamweaver 和 Flash 一起工作。 详见Fireworks 8.0帮助文档。 4.1.2 Fireworks 8.0工作环境 标题栏 菜单栏 文档窗口 工具栏 “工具”面板 “属性”面板 其它浮动面板 “工具”面板 位于屏幕的左侧，包括选择、位图、矢量、web、颜色和视图等工具组。如在“选择”工具中，通过“缩放”工具、“倾斜”工具和“扭曲”工具来编辑所选对象，使其变形和扭曲， 工具面板（续） 工具条上包括各种选择、创建、编辑图像的工具,有的工具按钮的右下角有一个小三角，说明这个工具包含有几种不同的形式，按住这个工具按钮不放就能显示其他的形式。 属性面板 属性面板显示当前选区的属性、当前工具选项或文档属性。默认情况下，属性面板停放在工作区的底部。 属性面板的基本操作 通过右击属性面板的标题栏，弹出菜单， 可以将属性面板以半高方式打开，只显示两行属性，也可以全高方式打开，显示四行属性。 同样可以通过单击“属性”二字 或字左侧的小三角 将属性检查器完全折叠。 浮动面板 1.工具栏的组成和基本操作 通过窗口菜单，调出“主要”工具栏和“修改”工具栏 “主要”工具栏 新建按钮 打开按钮（打开图片文件） 保存按钮（扩展名为.png） 导入按钮（将外部的图片导入Fireworks ） 导出按钮（导出其他格式的文件，如gif、jpg等） 新建按钮 单击该按钮可新建一个png格式的图像文件。png是Fireworks本身的文件格式。 当画布尺寸大于图像尺寸时，可以选择“修改”－“画布”-“符合画布”，去掉周围没有使用的空间。 新建按钮（续） 新建文档对话框 打开按钮 在 Fireworks 中，通过“打开按钮”可以很容易地打开和编辑矢量和位图图形。 若要打开文件而不覆盖前一版本，请选择“打开为‘未命名’”，然后用其它名称保存该文件。 打开按钮（续） 打开按钮功能等于“文件”菜单下的“打开”命令。 若要打开已有的Fireworks文档时： 保存按钮 功能：保存文档 若要以gif、jpg、png、tif等格式保存文档，则可以选择“导出”按钮。 举例 在fireworks 8.0中画一个房子，由三角形和长方形组成；保存文件名为“房子.png”,要求导出文件名为“房子. gif”。 在fireworks 8.0中导入一张明星图片，图片宽度为400像素，保存件名为“明星.png”,要求导出文件名为“明星.jpeg”。 2.文件视图 文件视图选项卡 显示比例和动画控制按钮 4.2 矢量编辑 计算机图形可以分为两种：矢量图和位图。 4.2.1 绘制矢量对象 使用工具面板上的基本形状工具可以轻松地绘制直线、矩形、圆等基本图形。基本形状工具位于工具面板的“矢量”栏上。 1.绘制直线、矩形和椭圆 （1）从“工具”面板中选择“直线”工具、“矩形”工具或“椭圆”工具。 （2）在“属性”面板中设置笔触和填充属性。 （3）在画布上拖动以绘制形状。 2. 绘制圆角矩形 （1）从“矩形”工具弹出菜单中，选择“圆角矩形”工具。 （2）拖动画布以绘制矩形。 3.绘制多边形和星形 选择 菜单项后，鼠标光标变成“+”，在画布上拖拽便画出多边形。 绘制多边形和星形（续） 选中 ，在属性面板中将多边形选项调节到 选项，拖拽鼠标，即可绘制各种星形。 绘制