《网页设计与制作》课程教学资源（PPT课件讲稿）第4章 图像 Fireworks处理软件

第4章图像处理软件 Fireworks 《网页设计与制作》

第4章 图像处理软件Fireworks 《网页设计与制作》

41 Fireworks MX简介 4.2 Fireworks mX文档的基本操作 ●4.3矢量图和位图 ●44选择和编辑对象 ●45颜色和填充 4.6使用文本 ●47特殊效果 ●48GF动画 ●49图像的切片与导出 网页设计与制作

网页设计与制作 2 ⚫ 4.1 Fireworks MX简介 ⚫ 4.2 Fireworks MX文档的基本操作 ⚫ 4.3 矢量图和位图 ⚫ 4.4 选择和编辑对象 ⚫ 4.5 颜色和填充 ⚫ 4.6 使用文本 ⚫ 4.7 特殊效果 ⚫ 4.8 GIF动画 ⚫ 4.9 图像的切片与导出

4.1 Fireworks MX简 Fireworks mX是 Macromedia公司推出的最 新专业化的Web图像处理软件,它在原有版本的 基础上功能更为增强,用户界面更为友好, 使用 Fireworks,您可以在一个专业化的 环境中创建和编辑网页图形、对其进行动画处理、 添加高级交互功能以及优化图像。在 Fireworks 中,可以在单个应用程序中创建和编辑位图和矢 量两种图形。一切都可以随时进行编辑。除此之 外,工作流可以实现自动化,从而满足耗费时间 的更新和更改要求 网页设计与制作

网页设计与制作 3 4.1 Fireworks MX简介 Fireworks MX是Macromedia 公司推出的最 新专业化的Web图像处理软件，它在原有版本的 基础上功能更为增强，用户界面更为友好。 使用 Fireworks，您可以在一个专业化的 环境中创建和编辑网页图形、对其进行动画处理、 添加高级交互功能以及优化图像。在 Fireworks 中，可以在单个应用程序中创建和编辑位图和矢 量两种图形。一切都可以随时进行编辑。除此之 外，工作流可以实现自动化，从而满足耗费时间 的更新和更改要求

Fireworks mx的功能特点 ●良好的的用户界面 无模式位图和矢量编辑 ●切片表布局控件 实例级按钮元件编辑 快速导出 ●开放的工作流程特性 网页设计与制作

网页设计与制作 4 Fireworks MX的功能特点 ⚫ 良好的的用户界面 ⚫ 无模式位图和矢量编辑 ⚫ 切片表布局控件 ⚫ 实例级按钮元件编辑 ⚫ 快速导出 ⚫ 开放的工作流程特性

Fireworks mx工作界面 ②■acro■ edia Fireworks■-未命名-1.png 文件)编辑)视图C选择()修改0)文本〔)命令C)滤镜〔)窗口)帮助0 工具 ⑤未命名-1PE62第 优化 选择 原始预览|2幅4幅 层 图00丘 日」网页层 位图■ 日「层1 资源 和历史记录 答案 学习 Macromedia fireworks mx 新功能 矢量 自述文件 教程 旦A 更新面板 单击更新以连接到 macromedia. com并获 取最新的内容。 网页 更新 烫色14M14150x50062% v屈性 文档 画布:□上画布大小,」」图像大小 未命名-1 视图 AI接近网页128 同口

网页设计与制作 5 Fireworks MX工作界面

4.2 Fireworks mx文档的基本操作 ●新建与导入文档 文档的保存 浏览文档 设置文档属性 网页设计与制作

网页设计与制作 6 4.2 Fireworks MX文档的基本操作 ⚫ 新建与导入文档 ⚫ 文档的保存 ⚫ 浏览文档 ⚫ 设置文档属性

新建与导入文档 “文件”菜单下的“新建” ●通过剪贴板创建文档 ●打开或导入文档 网页设计与制作

网页设计与制作 7 新建与导入文档 ⚫ “文件”菜单下的“新建” ⚫ 通过剪贴板创建文档 ⚫ 打开或导入文档

浏览文档 Lke,jpE·50%《图)_口区 原始|预览2幅14幅 J 4 200 4D141510x340 使用标尺、网格线、引导线等

浏览文档 使用标尺、网格线、引导线等

设置文档属性 ●图像大小 选择“修改/画布/图象大小” ●画布大小 选择“修改/画布/画布大小 ●画布颜色 选择“修改偭画布/画布颜色 旋转 选择“修改偭画布/旋转.….” 网页设计与制作

网页设计与制作 9 设置文档属性 ⚫ 图像大小 –选择“修改/画布/图象大小” ⚫ 画布大小 –选择“修改/画布/画布大小” ⚫ 画布颜色 –选择“修改/画布/画布颜色…” ⚫ 旋转 –选择“修改/画布/旋转……

4.3矢量图和位图 ●矢量图和位图的概念 ●创建位图对象 ●绘制矢量对象 网页设计与制作

网页设计与制作 10 4.3 矢量图和位图 ⚫ 矢量图和位图的概念 ⚫ 创建位图对象 ⚫ 绘制矢量对象