第11章+网页图像的制作与编辑基础.ppt

第11章 网页图像的制作与编辑基础 能够制作简单的网页图像，处理网页图像 本章目录 11.1 Fireworks 8简介 11.2 矢量图形的绘制与编辑 11.3 文本对象 11.4 位图对象 11.5 对象的效果 11.6 图层和蒙版 11.7 GIF 动画 11.8 网页图像的制作 11.9 网页图像的优化与导出 11.10综合实例 11.1 Fireworks 8简介 一、Fireworks 8的功能 二、Fireworks 8的工作界面 三、Fireworks 8的基本操作 二、Fireworks 8的工作界面 1.初始界面 2.新建文档对话框 画布大小:宽高 画面颜色 3.工作界面 标题栏 菜单栏 工具栏 工具面板 属性面板 文档窗口 面板组 初始界面 新建：单击右侧的“Fireworks文件” 编辑图像：单击左侧的“打开” 新建文档界面 工作界面 三、 Fireworks 8的基本操作 1.创建新文件 2.打开文件 3.保存和导出文件 4.关闭文件 1.创建新文件 1）打开“新建文档”对话框 方法1： 在“初始页面”中单击“新建”|“Fireworks文件” 方法2：单击“文件”|“新建” 方法3：Ctrl+N 2）设置画面的尺寸(像素、英寸、厘米）和颜色 分辨率的单位：像素/英寸、像素/厘米 3）单击“确定” 4）在文档窗口绘制编辑图像 2.打开文件 方法1：“开始页面”|“打开” 方法2：“文件”|“打开” 方法3：Ctrl+O 方法4：“文件”|“导入” 3.保存和导出文件 方法1： 单击“文件”|“保存”/“另存为” 在对话框中输入文件名 单击“保存”按钮 方法2：Ctrl+S/Ctrl+Shift+S 方法3： 执行“文件”|“图像预览”命令 选择图像格式 单击“导出” 输入文件名 在导出列表框中选择“仅图像” 单击“导出” 注意：默认格式为PNG格式，若要得到非PNG格式，必须执行“文件”|“图像预览” 4.关闭文件 方法1：执行“文件”|“关闭” 方法2：按CTRL+W 方法3：单击窗口右上角的关闭按钮 11.2 矢量图形的绘制与编辑 11.2.1 位图图像和矢量图形 11.2.2 矢量图形工具 11.2.3 矢量图形的绘制与编辑 11.2.1 位图图像和矢量图形 1.位图图像 定义：是由排列成网格的称为像素的点组成的图像 颜色和位置：由网格中每个像素的位置和颜色值决定 分辨率：位图图像与分辨率相关联，编辑后的图像将改变显示质量 编辑位图图像修改是像素 2.矢量图形 定义：是用直线或者曲线呈现的图形。 颜色：取决于轮廓曲线和轮廓封闭区域的颜色 形状：由轮廓的直线或曲线决定 分辨率：具有独立的分辨率，以各种各样的分辨率显示在输出设备上，而不改变图像的质量 编辑图形修改的是描述开关的线条和曲线的属性 11.2.2 矢量图形工具 1.选择工具 “指针工具”选择、移动对象或路径，方法是单击“指针工具”，在图像或路径上单击鼠标 “选择后方对象”：选择组合对象中被遮盖的对象，方法是在指针工具右侧的下拉菜单中单击该工具，在对象上单击 “部分选择工具”：选择组合对象中的一部分对象，方法是，选择该工具，在被选择对象上单击 2.形状和路径工具 1）直线工具 2）基本形状工具 3）钢笔工具 4）矢量路径工具 形状路径工具 直线工具：绘制直线、水平垂直和45度直线（shift+拖动） 基本形状工具：绘制14种基本图形 注意:通过对基本形状的操作可以变化出N种图形 钢笔工具：绘制线段与曲线路径 矢量路径工具：绘制自由形状的路径，在“钢笔”工具右侧的下拉菜单中选择 重绘路径工具：绘制或修改已有的路径，在“钢笔”工具右侧的下拉菜单中选择 自由变形工具：弯曲和变形矢量对象 更改区域形状：推拉曲折尖锐的路径 刀子工具：切割矢量对象 颜色、图形变形工具 3.颜色工具 笔触颜色工具：设置图形周围线条的颜色 填充颜色工具：设置图形中间的颜色 油漆桶工具：给封闭路径填充颜色 滴管工具：在采集对象上吸取样本颜色，在另一图形上进行填充 4.图形变形工具 缩放工具：对象的放大与缩小 倾斜工具：对象的倾斜与旋转 扭曲工具：变换图形的形状 11.2.3 矢量图形的绘制与编辑 绘制直线、矩形、多边形 注意：与快捷键的配合 Shift:正方形 Alt：中心对称图形 Shift+Alt：从中心点绘制正方形、正圆 绘制时空格键+拖动对象，调整基本形状的位置 2.绘制可以衍变的图形 3.图形效果设置 4.图形的变形 5.绘制自由变形路径 6.绘制曲线路径 7.用矢量工具编辑路径 8.用菜单命令编辑路径 图形制作练习 2.绘制可以衍变的图形 选择基本形状工具 绘制图形 拖动或单击图形上的黄色菱形按钮变形 设置图形填充、笔触 设置图形的效果