Fireworks图形处理.pptVIP

Web图像制作与处理 Friework 学习目标 了解Fireworks工作环境； 掌握Web图像制作方法； 熟练掌握描边、填充和效果、文本与图像、修改路径的方法和切片等，并能运用FW软件制作简单的交互性网页元素和动画。 重点是基本图像处理，难点是修改路径和Web图像与动画的综合制作能力 1 Fireworks 工作环境 Fireworks 与多种产品集成在一起，包括 Macromedia 的其它产品（如 Dreamweaver、Flash）和其它用户喜欢的图形应用程序及 HTML 编辑器，从而提供了一个真正集成的 Web 解决方案 1 Fireworks 工作环境 Fireworks 工作界面 1．工具箱 选择 位图 矢量 Web 颜色 视图 1 Fireworks 工作环境 2．属性面板 3．浮动面板组 4．文档窗口 1 Fireworks 工作环境 1．矢量图像和位图图像 矢量图像：，使用称为“矢量”的线条和曲线（包括了颜色和位置信息）来描述图像。矢量图像中记录的是图像中每个位置的坐标以及这些坐标之间的相互关系，这种关系也叫路径 位图图像 ：图像由网格中每个像素的位置和颜色决定，每个点被指定一种颜色 2．矢量模式和位图模式 编辑矢量对象的模式称为矢量模式 编辑位图对象的模式称为位图模式 1 Fireworks 工作环境 首选参数设置 2 Fireworks 基本操作 画布设置 2 Fireworks 基本操作 更改画布属性 1．更改画布尺寸 2．更改画布颜色 3．旋转画布 创建文档 1．新建文档 2．打开和导入文档 2 Fireworks 基本操作 浏览和查看视图 1．控制Fireworks视图模式 2．移动和缩放 3．控制文档的显示模式 4．操作的撤销和恢复 5．文档的保存和导出 6．文档的关闭 2 Fireworks 基本操作 文档布局工具(从视图菜单选取) 1．标尺 2．网格 3．辅助线 3 位图图像处理 选取位图区域(先选取后操作是个通用规则) 1．选取规则的像素区域 注意配合shift（可以选取正方形或者圆） 选取后可以拖动选取框 2．选取不规则的像素区域(套索工具) 3．以颜色为基础选取工具（魔术棒） 4. 调整选区（选择－） （1）复合选区（通过shift和alt键来增加和减少选区） （2）扩展和收缩选区边界 （3）平滑选取框 3 位图图像处理 位图的绘制、编辑与修饰（素材2.jpg） 1．绘制图像 2．复制选取区（使用ALT实现快速复制） 3．图像变形（缩放、倾斜和扭曲工具） 4．位图的修饰 5. 使用颜色图章、颜色替换工具 4 矢量对象绘制与编辑 绘制矢量图形 1．绘制规则几何图形 （1）绘制简单的几何图形（注意图层） （2）绘制圆角矩形 （3）绘制多边形 （4）使用形状图库绘制矢量图形 2．绘制不规则图形 “钢笔”工具 依次单击，在终点处双击 可以绘制不封闭曲线 依次单击，起始点和终止点重合处单击 可以绘制闭合曲线 单击后拖动绘制的是曲线，不拖动绘制的是直线 可以使用部分选取工具调整部分点（角点） 4 矢量对象绘制与编辑 编辑矢量图像 1．选取对象 （1）“指针”工具 （2）“选择后方对象”工具 （3）“部分选定”工具（矢量编辑独有） 当周围的点变成实心的时候，可以拖动编辑了 2．调整对象 （1）缩放对象 （2）移动、旋转及翻转对象 （3）倾斜、扭曲及数值变形对象 （4）节点编辑 （5）组合图形（如：选中两个重叠矩形，修改－组合路径－联合） 4 矢量对象绘制与编辑 3．组织对象 （1）对齐对象（修改－对齐－） （2）对象的堆叠顺序（修改－排列－；直接拖动层） （3）显示和隐藏对象（层操作） （4）复制、剪切、粘贴和删除对象 4. 矢量图转成位图：右键后选择”平面化所选” 笔触和填充 1．笔触设置 笔尖大小 ；描边类型 ；边缘柔化 ；纹理 4 矢量对象绘制与编辑 2．填充效果设置 （1）基本色填充 （2）网页抖动填充 （3）渐变填充 （4）图案填充 5 文本设计 文本基础 1．直接输入文本 2．导入文本 3．复制、剪切和粘贴文本 4．编辑文本对象 文本附加到路径 5．文本设计 文本转化为路径 5 层、图像合成与蒙版 1．层的使用 （1）层的创建与编辑 （2）层的管理 2．图像合成技术 （1）设置不透明度 （2）设置混合模式 3．蒙版技术 （1）创建蒙版 （2）编辑蒙版 7 使用滤镜和特效 滤镜的使用 1．调整颜色 亮度/饱和度 反转 曲线 色相/饱和度 色阶 2．勾边与转化为Alpha 3．新增杂点 7 使用滤镜和特效 4．模糊 模糊 进一步模糊 运动模糊 高斯模糊 放射状模糊 缩放模糊 5．锐化 锐化 进一步