实验九 Fireworks图像处理
Firework图像处理
属性面板的基本操作
❖ 通过右击属性面板的标题栏，弹出菜单，
❖ 可以将属性面板以半高方式打开，只显示两行属 性，也可以全高方式打开，显示四行属性。
❖ 同样可以通过单击“属性”二字
或字左
侧的小三角 将属性检查器完全折叠。
2020/3/4
面板抓取器
浮动面板
标题按钮
标题栏
选项菜单
提示：在网页三剑客中的浮动面板的操作方法基本一致。
2020/3/4
新建按钮
❖ 单击该按钮可新建一个png格式的图像文件。 png是Fireworks本身的文件格式。
❖ 当画布尺寸大于图像尺寸时，可以选择“修改” －>“画布”->“符合画布”，去掉周围没有使用 的空间。
2020/3/4
新建按钮（续）
新建文档对话框
1. 以象素、英寸或厘米为单位输入画布宽度和高度。 2. 以象素、英寸或厘米为单位输入分辨率。 3. 在图中为画布选择白、透明或自定义颜色。选中“自定义”选
▪ 低亮度的红色具有冷静沉重的感觉，可以营造古典的氛围。
❖ 红色如果与亮度、饱和度较强的冷色（如蓝色、绿色）相配， 中间最好能有一些过渡性的颜色，如纯红与纯蓝相配时，中 间插入面积适中的白色，大红与大绿相配时，中间可以用棕 色或黑色间隔，如图所示。
2020/3/4
11:36
2020/3/4
11:36
2020/3/4
1.工具栏的组成和基本操作
❖ 通过窗口菜单，调出“主要”工具栏和“修改” 工具栏
2020/3/4
“主要”工具栏
❖ 新建按钮 ❖ 打开按钮（打开图片文件） ❖ 保存按钮（扩展名为.png） ❖导入按钮（将外部的图片导入Fireworks ） ❖ 导出按钮（导出其他格式的文件，如gif、jpg等）
Fireworks图像处理操作步骤(精)
Fireworks 图像处理操作步骤一、图像造型1、创建文档。
在Fireworks中新建一个文档,设置画布宽度为500像素,高度为350像素,分辨率为72像素/英寸,画布颜色为白色。
2、选取椭圆形位图。
选择“文件/导入”菜单项,在弹出的对话框中选择图像文件,打开,返回Fireworks画布,移鼠标至画布左上角单击,导入图像到画布中。
3、羽化选区边缘。
选择“选择/羽化”菜单项,对话框中设置半径为30像素为过渡宽度,确定。
4、清除选区外图像。
选择“选择/反选”菜单项,按Del键清除图像。
5、裁剪图像。
点击工具箱中裁剪工具,在图像中按鼠标左键拖动,框选出需要保留的图像部分,将出现画布裁剪框。
方框四周有8个黑色小方块,为裁剪控制点,拖动控制点能调整裁剪边线。
在裁剪框中双击,完成画布裁剪。
二、图像合成:将3张图片的部分画面合成一幅风景照。
1、打开图片文件。
在Fireworks中打开背景图片文件。
2、导入图片到合成文件中。
打开层面板,点击层面板下端“新建/重制层”按钮,将产生一个新的层。
双击该层名称,在弹出“层名称”对话框中输入“草地”作为该层名称。
按Ctrl+R,在弹出的“导入”对话框中选择有草地的图像文件,将其导入到画布中,此图像的位图层将放置在“草地”层文件夹中。
同样方法,建立“人物”层文件夹,将另一张含有人物的图像导入到该层文件夹中。
单击“人物”层左边“层显示/隐藏”图标,掩盖该层上的图像。
3、制作合成图像的草地。
点击草地图像,在位图工具箱中选择“选取框”工具,框选择图片中草地之外要清除的部分,按删除键清除多余图像。
按Ctrl+D释放选区,用指针选择工具移动图像与画布的左下角对齐。
右击该图片,选择快捷菜单中的“变形/缩放”菜单项,图像四周出现缩放控制框,调整图像大小,覆盖背景图右端,双击图片,退出缩放状态。
草地上边缘过于平直,使用橡皮擦工具修描上边缘,形成较为自然边界。
可在属性检查器中设置橡皮擦大小为30 像素,边缘为90像素。
Firework图像处理【精选】
色彩的前进与后退
如果等距离地观 察两种颜色，可 以给人不同的远 近感。暖色比冷 色更富有前进的 特性。两色之间， 亮度偏高的色彩 呈前进性，饱和 度偏高的色彩的 也呈前进性。
色彩的艳丽与素雅 如果是单色，饱和 度越高，则色彩越 艳丽。饱和度越低， 则色彩越素雅。除 了饱和度，亮度也 有一定的关系。不 论什么颜色，亮度 高时，即使饱和度 低也给人艳丽的感 觉
2019/9/23
Firework图像处理
1 图像基础及色彩应用 2 Fireworks 8.0图像制作
2019/9/23
一、图像基础及色彩应用
在进行网页设计之前，首先要掌握色彩的应用和图像基础。因此 本节内容是通过实例围绕这两个方面展开的。
• 认识色彩
1
• 色彩的作用
2
• 色彩的配色应用方案实例
2019/9/23
彩色
除黑、白、灰色外 的其它色彩都属于 彩色
1. 认识色彩
2019/9/23
18:44
1. 认识色彩
常用 色彩模式
HSB
任何一种彩色具备三 个特征：色相（H） ，纯度（S）和明度 (B)，把这三个要素 做成立体坐标，就构 成色立体，其中非彩 色只有明度属性。
RGB
RGB色彩模式是工业界 的一种颜色标准，表示 红色、绿色、蓝色，又 称为三原色光，英文为 R(Red)、G(Green) 、B(Blue)，它们相互 之间的叠加来得到各种 颜色。
低亮度的红色具有冷静沉重的感觉，可以营造古典的氛围。
红色如果与亮度、饱和度较强的冷色（如蓝色、绿色）相配， 中间最好能有一些过渡性的颜色，如纯红与纯蓝相配时，中 间插入面积适中的白色，大红与大绿相配时，中间可以用棕 色或黑色间隔，如图所示。
图像处理软件Fireworks MX0901
(2) 保存一个已经存在的文件。如果文件已经存在， 保存一个已经存在的文件。如果文件已经存在， 这时可以使用“保存”命令，保存修改后的文件， 这时可以使用“保存”命令，保存修改后的文件， 这时原文件将被新文件所覆盖。 这时原文件将被新文件所覆盖。如果对源文件进行 修改后，不想原文件被新文件覆盖， 修改后，不想原文件被新文件覆盖，这时可以用 或者是“ “另存为……”或者是“保存副本”命令，将修改后 另存为 或者是 保存副本”命令， 的新文件保存在另一个路径下， 的新文件保存在另一个路径下，或者是用另一个文 件名保存。 件名保存。
9.1.2 Fireworks MX 安装与启动
1. Fireworks MX的安装 CD将 Fireworks MX 安装盘插入计算机的 CD-ROM 驱 动器， 在 Windows 中 ， Fireworks MX 安装程序会自动 动器 ， 启动。运行此程序后， 启动 。 运行此程序后 ， 可以在计算机的指导和提示下完 成程序的安装。 成程序的安装。
2.文件的保存 保存后的Fireworks MX 文件 其默认的格式为 文件,其默认的格式为 其默认的格式为.PNG。 保存后的 。 保存一个新建的文件。打开“文件”菜单，选择“保存” (1) 保存一个新建的文件。打开“文件”菜单，选择“保存” 或者单击工具栏上的“保存”按钮，这时会弹出一个“另 或者单击工具栏上的“保存”按钮，这时会弹出一个“ 存为”对话框。 存为”对话框。在“保存在”下拉列表中选择要保存文件 保存在” 的位置， 的位置，在“文件名”文本框内输入该文件的文件名。单 文件名”文本框内输入该文件的文件名。 击“保存”按钮完成操作。 保存”按钮完成操作。
工具箱 属性面板 工作区
MX中文件的新建 中文件的新建、 9.1.4 Fireworks MX中文件的新建、保存与导出
使用Fireworks编辑网页图像
• GIF动画能够输出透明背景的图片，可以应用 于各种颜色背景的网页。
2、优化与导出动画
• 文件/导出向导 • 示例：制作字体遮罩动画（P384）
第十章 使用Fireworks编辑网页图像
一、 Fireworks工作环境 • Fireworks MX 2004的工作界面由4部分组成
：文件视图、功能面板、工具箱和属性面板。 1、工具栏 2、视图方式 1）原始视图 • 创建图形或对图像进行编辑操作 2）预览视图 • 可通过优化面板对图像进行优化操作 3）2幅视图 • 可以预览原图像与优化图像后的对比效果
第十章 使用Fireworks编辑网页图像
4）4幅视图 • 除了左上角的原图像外，可以单击选择任意一幅图
像，在优化面板中设置不同的优化参数，然后从中 选择一种显示效果好而文件大小又适宜网络传输的 优化方案。 3、面板组 二、绘制图形 1、绘图工具 2、选择对象和像素（P364） 三、编辑图像 • Fireworks可以进行两种图像模式的编辑操作，一 种是对基于路径的矢量对象（简称对象模式）的操 作，另一种是对基于像素的图形对象（简称图像模 式）的操作。
第十章 使用Fireworks编辑网页图像
1、修饰图像（P365） 2、填充图像 • 通过属性窗口进行填充修饰 3、应用样式 • 样式主要用于图形及文字对样式的直接套用。 • 窗口/样式
第十章 使用Fireworks编辑网页图像
4、创建热点区域 1）使用热点工具 • 矩形热点 • 椭圆形热点 • 多边形热点 2）热点区域的创建和编辑 • 通过属性面板修改热点区域的参数 5、应用切片 • 切片就是将图形分割成一个个的小区域，在
第十章 使用Fireworks编辑网页图像
第九章 Fireworks的绘图操作
改变路径
其实质是通过删除距离较近的节点，从而达到拉 直路径的目的。 执行此命令时，系统将打开【简化】对话框，用 户可利用该对话框设置简化数量。
第二节
文本对象与位图对象
一、文本对象创建与编辑 二、编辑位图对象
位图图像
位图是Web网页中必不可少的对象，矢量图形的 优势在于处理间架结构，便于修改和处理；而位图 图像的优势在于对图像细节的优化。 在Fireworks中所创建的图像最终要转换为GIF 或JPEG图像，而这些图像都是位图格式的图像。 虽然图像要比文字更具有表现力，但是在需要准 确地描述某个事物时，文字仍然是必不可少的东西。
编辑路径
改变节点类型是指曲线节点与拐角节点之间的相 互转换。具体操作如下： 如果将一个曲线节点转换为拐角节点，先利用 “部分选定”工具单击选择路径，然后选择钢笔工 具，单击曲线节点进行转换。 如果将一个拐角节点转换为曲线节点，应在选择 钢笔工具后，单击选择拐角节点并拖动。
编辑路径
如果希望仅弯曲选定节点一侧的线段，可在利用 “部分选定”工具选定该点后，按住【Alt】键单击 并拖动。
矢量路径工具
“矢量路径”工具被用来绘制自由变形路径。选 择该工具后，在文档窗口中单击并随意拖动即可进 行绘制。
矢量图形选取
1、使用指针工具 使用指针工具选取对象，只要在对象上面单击即 可。如果要同时选中多个相互分开的对象，需要在 按住【Shift】键的同时，逐个单击对象； 如果需要同时选中多个相距很近的对象，只要拖 拉鼠标，在画布上画出一个方框来，把所有要选取 的对象都框选进去即可。
使用路径操作命令变形路径
使用路径操作命令，可通过对多余路径或单个路 径执行运算来创建新路径。 利用路径操作还可删除影响路径的压力和速度信 息。 对于某些路径操作而言，选定路径的堆栈顺序定 义了如何执行操作。 1、组合路径 2、改变路径
第09章 Fireworks图像处理技术
9.2.1 位图编辑工具
9.2.2图像优化
图像优化是指在图像质量和图像存储大小之间寻求一种平 衡方案，寻找颜色、压缩和品质的最佳组合，在尽量不影 响图像质量的情况下，减小图像的存储大小，以缩短Web 页中相应图像的下载时间。因此，必须在最大限度地保持 图像品质的同时，选择压缩质量最高的文件格式。
9.3.2 文本编辑
3. 路径文本的编辑 （1）输入文本并绘制出所需要的路径。 （2）选择文本和路径。 （3）选择“文本/附加到路径”命令。 （4）利用属性面板等进行调整、设置。 将文本与路径分离 选择“文本/从路径分离”命令。 例9-2 编辑绘制路径文本。
9.3.2 文本编辑
操作过程
（1）选择“文本”工具输入一行文本，选择“椭圆”工具 绘制一个路径，并同时选择文本和路径。 （2）选择“文本/附加到路径”命令，将“路径文字的编辑 示例”文本附加到椭圆路径上。
9.1.4 画布管理
使用画布的属性面板或者使用菜单栏的“修改/画布”命令， 都能实现画布管理。 1．打开画布属性面板 2．修改画布颜色 3．修改画布大小 4．修改图像区域的大小 5．使画布与图像大小一致
9.2 位图图像的编辑处理
位图图像特点
位图图像由排列成网格的称为“像素”的点组成，网
格中每个像素的位置和颜色值决定了一个完整的位图图 像，位图具有丰富的色彩。 位图中单位面积内的像素越多，图像的分辨率越高， 图像表现得就越细致。 编辑位图图像时，修改的是像素。放大位图图像将使 这些像素在网格中重新分布，因此常会使图像的边缘呈 锯齿状。
9.3 矢量图像和文本的编辑处理
矢量图像是以路径定义形状的计算机图形，是由数学公式定 义的直线和曲线组成的，内容以色块和线条为主。如一条直 线的数据只需要记录两个端点的位置、直线的粗细和颜色等。 因此，矢量图所占据的空间比较小。 矢量图像的清晰度与分辨率无关，对矢量图进行放大、缩小、 旋转等操作时，图形对象的清晰程度不会改变。Fireworks CS3 提供了专门的矢量图像的绘制编辑工具，能够方便地 绘制编辑矢量图像。
fireworks教案课件第9章优化与导出图像
9.3 导出优化图像和动画
9.3.1 导出预览
1、选择【文件】/【图像预览】 命令，或是按下【Ctrl + Shift +X】组 合键，打开导出预览对话框，如图所 示。
2、单击【导出预览】的【文件】 选项卡，在缩放区域进行相应设置， 可以按照指定要求将图像缩放后导出。
3、在【导出预览】的【文件】 选项卡的导出区域进行相应设置，可 以按照指定要求将图像裁切后导出。
9.3.2 பைடு நூலகம்存优化图像和动画
1．导出优化图像 （1）单击【导出预览】对话框底部的【导出】按钮。打开【导出】对话 框。 （2）在【文件名】选项中输入保存文件的名称。 （3）在【导出】选项中选择要保存的文件类型，如【HTML和图像】或 【仅图像】等。 （4）如果图像中存在切片，则选择要保存的切片。选择【仅已选切片】 选项，只保存所选的切片。 （5）单击【导出】按钮，即可保存优化图像。
PNG（Portable Network Graphic）：Fireworks的默认存储格式。采用 无损压缩，同时支持真彩色、动画效果和透明背景，而且图像文件的大 小同JPEG差别不大，兼备了JPEG和GIF的绝大多数优点。
PNG的压缩算法避开了版权争议的问题，是一种能够“安全”使 用的图像。PNG图像的格式非常灵活。可以支持多种颜色数目，例如8 位色（256色）、16位色（65536色）或24位色（16777216色）等， 甚至还支持32位更高质量的颜色。PNG还有一个更重要的特性，就是 在不同的计算机平台上PNG文件可以显示得完全一致。目前只有较高 版本的浏览器，如Internet Explorer 4.0、Netscape Navigator 4.0及它 们的更高版本浏览器，才支持PNG格式的图像，但也不能支持所有的 PNG特性。例如，PNG中的a通道，目前尚无浏览器支持，但相信随着 计算机硬件水平的提高，PNG格式的图像将来会变为网络图像的标准， 得到更广泛的使用。
第9章 Fireworks的基本操作
第2 篇 第9 章
9.1 9பைடு நூலகம்2 9.3 9.4 9.5
Fireworks的基本操作 Fireworks的基本操作
Fireworks工作环境 工作环境的修改 使用标尺、网格和辅助线 使用“历史记录”面板 调整画布或图像
9.5.1 调整画布的大小及背景色 9.5.2 裁剪画布 9.5.3 旋转画布
9.6 对象的操作
9.5.2 修剪画布
• 裁剪画布方法 裁剪画布方法（3种方法效果不同）
– 修剪画布：“修改”|“画布”|“修剪画布” – 符合画布：“修改”|“画布”|“符合画布” – 使用工具箱中的裁剪工具
9.5.3 旋转画布
– 顺时针旋转180度： “修改”|“画布” | “旋转180度” – 顺时针旋转90度： “修改”|“画布” | “旋转90度顺时针” – 逆时针旋转90度： “修改”|“画布” | “旋转90度顺时针”
9.3 使用标尺、网格和辅助线 使用标尺、
• 执行“视图” | “标尺”命 令，在文档窗口的上方和 左侧显示水平标尺和垂直 标尺. • 用鼠标可以从标尺中拖出 绿色的水平辅助线或垂直 辅助线，用于标记文档的 重要部分或放置和对齐对 象。
• “视图”|“网格” 下的“显示网格”和“编辑网格” 命令
• 使用“选择后方对象”工具 使用“选择后方对象”
【例9-3】p142
– 如果一个对象被另一个对象遮挡，用该工具在堆叠的对象上 反复单击，直到选中所需对象。
9.6.2 编辑对象 • 编辑对象操作
– 复制、粘贴、剪切、删除对象 复制、粘贴、剪切、 • 同Windows系统通用剪贴板及删除操作。 – 重制 Duplicate） 重制（ • 2对象位置不同 – 克隆 Clone） 克隆（ • 2对象位置相同
Fireworks图形处理
10
2 Fireworks 基本操作
文档布局工具(从视图菜单选取 文档布局工具 从视图菜单选取) 从视图菜单选取 1．标尺 2．网格 3 3．辅助线
11
3 位图图像处理
选取位图区域(先选取后操作是个通用规则 选取位图区域 先选取后操作是个通用规则) 先选取后操作是个通用规则 1．选取规则的像素区域
18
5．文本设计 ．
文本转化为路径
19
5 层、图像合成与蒙版
1．层的使用
• （1）层的创建与编辑 • （2）层的管理
2．图像合成技术
• （1）设置不透明度 • （2）设置混合模式
3．蒙版技术
• （1）创建蒙版 • （2）编辑蒙版
20
7 使用滤镜和特效
滤镜的使用 1．调整颜色
• • • • • 亮度/饱和度 反转 曲线 色相/饱和度 色阶
28
8 动画制作与图像的交互性设计 2．热点
• 一个图像的不同区域也可以链接到不同的文档，这 就是热点链接（热点素材.jpg） • （1）创建热点 • （2）编辑热点
29
8 动画制作与图像的交互性设计 制作按钮、 制作按钮、导航栏和菜单 1．制作动态按钮（见实验701） 2．制作导航栏 3 3．制作弹出菜单
– 注意配合shift（可以选取正方形或者圆） – 选取后可以拖动选取框
2．选取不规则的像素区域(套索工具) 3．以颜色为基础选取工具（魔术棒） 4. 调整选区（选择－）
• （1）复合选区（通过shift和alt键来增加和减少选区） • （2）扩展和收缩选区边界 • （3）平滑选取框
12
3 位图图像处理
23
7 使用滤镜和特效
2．阴影和光晕
• 距离 • “去底色”复选框 • 偏移
fireworks cs5标准实例课件第9章 优化与导出图像(共17张PPT)
9.3.4 导出CSS层
1．选择菜单【文件】/【导出】命令，翻开【导出】对话框。 2．在【保存类型】下拉列表中，选择【CSS层和图像】。 3．在【导出】对话框底部选择要导出的范围。 假设要仅导出当前状态，选择【仅限当前状态】。 假设要仅导出当前页面(yè miàn)，选择【仅限当前页面(yè miàn)】。 假设要为图像选择文件夹，那么选择【将图像放入子文件夹】，并单击 【浏览】按钮，定位到相应的文件夹。 4．单击【选项】按钮设置【HTML】页面(yè miàn)属性。 5．在【常规】选项卡的【文档属性】区域，单击【浏览】按钮指定背景 图像并设置背景图像平铺。 无重复：仅显示一次图像。 重复：横向和纵向重复或平铺图像。 横向重复：横向平铺图像。 纵向重复：纵向平铺图像。 6．在页面(yè miàn)下拉列表中选择页面(yè miàn)在浏览器中的对齐方式。 7．单击【确定】按钮关闭【HTML设置】对话框，然后单击【保存】按钮。
注意：在导出到PDF时，即使 Fireworks 文档中的页面具有透明画布， 应用了透明特性的对象也会失去其透明特性。为防止出现这种情况，请在导 出到 PDF 之前将画布设置为非透明背景。
第十三页，共17页。
9.3.6 导出矢量(shǐliàng) 对象
将矢量对象导出为FreeHand和Illustrator支持的格式的具体操作(cāozuò) 如下所示：
第十四页，共17页。
9.3.6 导出矢量(shǐliàng)对 象
将Fireworks的PNG文档中的矢量对 象导出为Flash所支持的格式的操作如下：
1．执行【文件】/【另存为】命令。 2．在保存类型下拉列表中选择 【Adobe Flash SWF】选项。 3．单击【选项】按钮，翻开【导出 选项】对话框，如以以下图。 4．【对象】区域可以设置对路径对 象的转换选项。 5．在【文本(wénběn)】区域设置文 档中文本(wénběn)对象的转换选项。 6．在【JPEG品质】区域设置导出 的JPEG图像质量。 7．在【状态】区域设置状态的导出 方式。 8．在【状态比率】文本(wénběn)框 设置状态播放的频率，单位是状态/秒。 9．设置完毕，按下【确定】按钮。
Fireworks制作图像的方法
Fireworks制作图像的方法
是Adobe推出的一款网页作图软件，软件可以加速Web 设计与开发，是一款创建与优化Web 图像和快速构建网站与Web 界面原型的理想工具。
我们为大家收集整理了关于Fireworks制作图像，以方便大家参考。
（一）Fireworks制作立体倒影的方法
Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡MacromediaDreamweaver和MacromediaFlash共同构成的集成工作流程可以让您创建并优化图像？
（二）Fireworks制作残破纹理特效文字
文字也可以做类似的残缺特效处理。
打开新文件，打字，字号选大些，做成后的效果会更明显。
（三）Fireworks制作流线字的方法
有时候我们可能需要做一些圆形文字的环绕，其实这类文字实际上就是一种文字环绕路径的效果，不过只简单的通过Attach to Path功能是无法实现这种效果的。
（四）Fireworks制作炫光效果的方法
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画？。
Fireworks如何批量处理图片
Fireworks如何批量处理图片
Macromedia Fireworks自1998年出品以来,一直致力于帮助Web设计人员提高工作效率。
Fireworks怎么批量处理图片?下面店铺给大家整理了更多关于Fireworks批量处理图片的方法，希望大家喜欢。
Fireworks批量处理图片的方法步骤：
1、打开Fireworks软件，我这时FW8.0应该是比较老的版本了。
2、点击文件菜单下的批处理
3、它会提示我们添加图片进来，选择一个之后继续
4、接着我们点击导出按钮
5、这时的添加按钮是灰色的，就是不能用的，那么我们点击下方的编辑
6、选择图片的格式
7、还可以选择图片的质量，也就是品质，这个会影响图片的大小
8、我们找到下边的继续然后点击一下即可
9、保存文件选择好，点击批次就好，现在图片就可以批量处理了。
Fireworks位图制作和处理
位图制作和处理
1 打开或导入位图
2 矢量转换为位图（平面化所选）：为了追求一些特殊的图像处理效果，需要把矢量的形状平面化。
如：网格字等。
3 绘制位图对象：使用铅笔和刷子工具，可以快速的制造出手绘等效果。
4 编辑位图对象，先要设置编辑区域。
可以使用的工具是选取框工具、椭圆选取框工具、套索工具、多边形套索工具，魔术棒工具；按住Shift或者Alt键，操作选区工具可以产生增加选区或者减少选区的效果；菜单‘选择’可以对设置好的选区进行调整；矢量图也可以转换为选区，这在设置规则而复杂的选区时特别有效。
5 编辑位图：擦除、模糊、锐化、减淡、加深、涂抹、替换颜色等，注意属性的调整。
比较菜单‘滤镜’和属性面板上的滤镜的异同。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验九Fireworks图像处理
一、实验目的
1.掌握图像处理一般方法。
2.掌握掌握图像合成的操作步骤
实验一制作网页横幅
利用所给素材制作下面的网页横幅
1.新建一个图像文档，大小为770*100
2.打开素材图片1.jpg，使用矩形选取框选择一个770*100大小的图像区域，复制后，粘贴到新图像文档中。
3. 打开素材图片2.jpg,使用魔棒工具把校徽抠图，放在新图像中，调整大小和位置。
4.使用文字工具输入以下文字：
芜湖职业技术学院黑体
信息工程系方正狂草
Department of Information Engineering Century Gothic
调整大小及位置
5.使用圆角矩形工具在图像右上角画出填充为白色的圆角矩形，设置透明度为55%
在圆角矩形上输入文字“学院首页 | 加入收藏”
6.打开3.gif图片，在图片上绘制与图片相同大小的矩形，并设置矩形填充色为从黑到白渐变。
7.选中两个图层的画面，选择“修改”→“蒙版”→“组合为蒙版”，得到如下图像。
8.将此图像复制到新建文档中，调整图层顺序，让其出现在文字之后，并调整其位置，完成制作。
实验二、利用蒙版完成下面的效果图
1.打开素材4.jpg，使用圆角矩形工具，设置填充为白色，无边框，绘制若干个矩形铺满整个图片，如下图
2.选中所有白色矩形，“修改” “组合”。
3.ctrl+A，选中所有图层，组合为蒙版，如图
4.使用椭圆工具、直线工具和文字工具，添加必要地修饰，如下图：
实验三跳动的爱心
1. 打开5.jpg ，使用魔术棒工具去掉白色背景，使背景并成透明色，如下图
2. 打开6.jpg，同样使用魔术棒工具选取白色背景后反选，将选中的“心形”复制到5.jpg的“层1”中，如图
3. 对层1中的心形克隆2次，现在层1中有3个心形图层，选中中间的一个，对其进行【修改】→【变形】→【数值变形】→缩放至95%
4. 选中层1中的3个心形图层。
然后切换到“帧”面板，选择面板右下角“分散到帧”按钮，将3个心形图层分别放在3帧中
5. 回到“层”面板，双击“背景”图层，在打开的对话框中，选中“共享交叠帧”复选框。
然后调试动画效果，可以看到一颗跳动的心。
6. 将文件另存为“实验三.png”
7. 将动画导出为gif格式。
选择【文件】 【图像预览】，在对话框中完成以下三步即可。
三、实验步骤与要求
1．按实验内容要求制作图像，并保存为.png格式。
2．将做好的png图片保存在“test9”文件夹中上传至FTP服务器对应学号文件夹中。