用Fireworks教你怎么用抠图
Fireworks各工具箱的工具使用
Fireworks各工具箱的工具使用Fireworks是网页图形图像制作专业工具,网页中出现的任何图形、图像,Fireworks都能处理。
熟悉Fireworks中工具箱中各工具的使用很重要。
下面店铺给大家整理了更多关于Fireworks各工具箱的工具使用的方法，希望大家喜欢。
Fireworks中工具箱中各工具的使用Fireworks工具箱是在图片设计中最常使用的工具；各个工具的使用技巧：1：矢量的选定工具：箭头选定工具和被遮图片的选定工具割图选定工具(选定后双击割除)。
2：图形次选定工具：对对象的组成部分进行选定。
3：编辑选定工具：套索及魔术棒的使用。
4：徒手放大镜工具：徒手是用来移动操作界面的工具而放大镜是用来放大对象的工具。
5：铅笔及钢笔工具的不同：铅笔是通过鼠标的拖拽来完成绘制线而钢笔是通过逐段的饿点击来完成的。
6：矩形及椭圆圆形的绘制工具：用来绘制圆形及多边形。
7：文本框的录入：点击字符A工具进行文本的输入。
你可以调整字体的相关属性。
8：画刷和路径重组工具：绘制纹理图形调整纹理面板。
9：形体的变换工具：等比例变化工具：旋转/放缩变形，边角及形体内部像素不变。
倾斜工具：以某边为轴的倾斜变形。
扭曲工具：拉伸的边角扭曲变形。
自由格式：显示边处理。
10：;路径修改工具：先选种路径后，在进行操作，路径涂饰，修改路径纹理效果。
11：取色笔及油漆桶的使用：取色笔是用来拾取样色，以共填充/纹理使用油漆桶用于填充色。
12：小刀/笔擦：小刀用于切割路径的，工作于矢量的编辑模式笔擦是用来涂改的，工作与图形的编辑模式下。
13：图章：用于复制局部的。
怎么利用fireworks改变图片的像素
怎么利用fireworks改变图片的像素
做网页总是避不开图片的，每一个网页几乎都是有图片的。
这时我们就要注意一个问题，看的话图片当然是像素越高越好。
但是对于做网页的人来说，像素越高就意味着图片越大，这样网页加载的时间就越长，我们就不得不考虑在不影响用户体验的情况下。
缩小图片的像素，以减少图片的大小，那么下面小编就教你怎么利用fireworks改变图片的像素。
fireworks改变图片的像素的步骤：
首先打开fireworks软件。
同时新建一个fireworks文档
然后点击左上角的“文件”，在下拉菜单中选中“导入”
然后选择要改变像素的那张图片，点击“打开”，导入该图片
接着咱们用鼠标点击选中这张图片
然后点击左上角的“文件”，在下拉菜单中选择“文件预览”
为了保存的图片不完全失真，我们在保存的设置，选择较高品质的jpeg
我们在预览窗口可以看到，品质为80的时候图像的大小为59kb 若是还觉得大，可以再把品质降低
我把品质调到70，发现图像也没什么明显变化
调节好后就可以点击“导出”了
然后要选择一个位置选择“保存”。
Fireworks 全套教学课件
北京工商大学 计算机与信息工程学院
毛典辉 maodianhui@
一、Fireworks的工作环境
启动Fireworks Fireworks的人机交互界面
Fireworks的启动
FireWorks的工作环境
Fireworks的工作模式
矢量绘图模式 位图编辑模式
利用画笔预设工具还可以定义自己感兴趣 的画笔形状（执行[编辑]->[自定义画笔 预设]）；
可以设置画笔的颜色、笔触、散布、透明、 纹理等项目。
三、铅笔工具
绘制没有笔锋的图形使用的画笔。
四、擦除工具
橡皮擦用来将图像的某些区域涂抹成背景 或透明色。
使用橡皮擦
擦除图像的多余部分，可通过设置透明度 来达到部分擦除的效果。
使用[曲线]命令——与色阶命令类似，但 使用的控制变量更多；
使用[自动色阶]命令——由计算机将图像 像素的最亮与最暗定义为白色和黑色，按 比例自动分配中间像素的值。
通道使——用选择[色调整阶的]颜命色；令
输入色调——调整暗、中 间和高光的值，对应下面 的三个滑块；
输出色阶——限定处理后 图像的亮度范围；
持续移动鼠标，在边缘的顶点处单击
[魔术棒]工具
根据预想边缘颜色的近似度来选取选区
鼠标单击选取颜色，通过调整容差、消除锯 齿等参数来选取。
使用[全选]命令
选择图像中的全部像素
使用[反选]命令
选择选区之外的区域
使用[选取相似]命令
选取与选区颜色相类似的区域
4、选区的编辑
选区的移动 选区的删除、合并、减少、重叠运算 选区的反转 选区范围的调整
创建Fireworks文档的基本操作
创建Fireworks文件（PNG格式图片） 绘图画布的设置 图像大小的调整 简单绘图与添加文字 操作的撤销与恢复 历史纪录面板的作用
解读Fireworks裁切出圆角矩形图片
解读Fireworks裁切出圆角矩形图片
解读Fireworks 裁切出圆角矩形图片
相信做网站的朋友肯定知道Fireworks，它是一款图像处理软件，虽然没有Photoshop功能那么强大，但足以满足网页设计的需要。
好了，进入今天的主题，在网页中经常看到圆角矩形的图片，很好看，那是怎么做出来的呢?所以今天就教大家用Fireworks 8裁切出圆角矩形图片的方法。
1、用Fireworks 8打开需要进行裁切圆角矩形的图片
2、点击左边工具栏中“矩形”工具右下角的小箭头，选择“圆角矩形”，相关截图如下所示：
3、在图片中画一个圆角矩形(此时会在矩形上出现四个黄色的.点，这是用来调整圆角大小的)，将圆角矩形调整到你所要裁切的大小，并将此圆角矩形移动到你所要裁切画面的上方，相关截图如下所示：
4、在圆角矩形上点击鼠标右键，选择“将路径转换为选取框”，相关截图如下所示：
5、此时会弹出一个对话框，选择“消除锯齿”后确定，相关截图如下所示：
6、此时会看到你所要裁切的图片已经被选取了，相关截图如下所示：
7、点击“选择”菜单中的“反选”，相关截图如下所示：
8、按下“Del”键后，你所要裁切的圆角矩形图片就裁好了，相关截图如下所示：。
Fireworks的基本操作
导出预览
图像的各项优化参数设置好后，就可 以进行图像的导出工作了。在 Fireworks中，单击【文件】菜单中的 【图像预览】命令，打开【图像预览】 窗口。这个窗口分为两部分，左侧是 参数设置部分，右侧是输出预览部分。
【图像预览】参数设置部分有三个选 项卡：【选项】（设置优化输出的文 件格式与参数）、【文件】、【动画】 （设置输出动画的相应参数）。
通过数码相机或扫描仪导入图像
Fireworks支持数码相机和扫描仪导入图像。 通过数码相机导入图像时，把数码相机连接到电
脑，单击【文件】菜单上的【扫描】子菜单下的 【Twain输入】命令，最后在弹出的对话框中选择 相机以及要导入的图片，按照说明应用进行设置。 使用扫描仪导入图像时，把扫描仪连接到电脑， 单击【文件】菜单上的【扫描】子菜单下的 【Twain输入】命令，最后在弹出对话框中按照说 明设置相关选项。
保存所有打开的文档
在Fireworks中，可以把所有打开的文档批量保 存。单击【文件】菜单中的【保存所有】命令， 打开的所有文档会依次保存，弹出保存对话框 为未命名的文档指定文件名，对于已经更改的 文档，文件选项卡中的文件名前面会显示星号。
把现有PNG文件另存为其它格式
在Fireworks中，可以把现有的 文件保存为一个新的PNG文件， 也可以选择不同的文件格式来 保存这个文件。
Il funzionamento di base di Firework文件
通过【文件】菜单下 【打开最近的文件】命 令，可以快速打开最近 关闭的文件。
如果要对最近关闭的文 件进行编辑，单击【文 件】菜单中的【打开最 近的文件】子菜单，然 后从子菜单中选择打开 的文件即可。
把PNG文件导入到FIREWORKS文档层
firework抠图
方法一：利用魔术棒、套索工具抠图这方法比较简单，就和出拳、踢腿一样，会不会功夫动起手都能使两下。
用Fireworks作东东的朋友应该比较熟悉，处理一些简单的抠图时大家都会用到它们。
1.魔术棒的应用：简要步骤：(1)选魔术棒工具；(2)点击空白区域；(3)反选；(4)羽化；(5)后期处理；方法二：利用钢笔工具抠图：利用钢笔工具勾轮廓线，然后“将路径转化为选取框”是FW和PS在进行抠图时比较常用的一种方法，而钢笔工具使用，则是最基础的东西，就像功夫里的马步一样,属于必修课。
简要步骤：1.选钢笔工具，设置线条的颜色，填充方式为透明；2.勾轮廓线，并进行细微调整；3.选取命令“修改--将路径转换为选取框”，边缘通常设置为“消除锯齿”；利用钢笔工具勾轮廓，然后转选取的抠图方法操作比较简单，效果也不错，但是转选取框后需要再修改的时候还得重新勾。
当然，转选取框之前可以备一份备用，但是毕竟麻烦一些，于是“聪明”的Fireworker学会了“蒙”。
方法三：利用蒙版抠图：利用蒙版抠图不仅可以随时修改，而且不破坏原图，基本原理和夜行衣差不多，黑的部分看不见，白的地方能看到,灰的地方若隐若现。
简要步骤：1.利用钢笔工具勾轮廓线；2.将轮廓线设置为透明，将填充设置为白色；3.选择白色的图形和底图，选择命令“修改--蒙版--组合为蒙版”；4.细致调节及后期处理。
5.这个“钢笔+蒙版”的抠图方法可以应付绝大部分棱角分明的对手，但是当面对阴柔多变的女性角色，特别是有着一头飘逸发丝的对手时，就有点力不从心了。
方法四：利用通道抠图：通道抠图一直是PS的绝学之一，FW在这方面要逊色很多，但正如所谓“人有多大胆，地有多大产”,只要咱们鼓足干劲，就一定能够实现Fireworks利用通道抠图，而其精髓就是“以彼之道，还施彼身”。
详细步骤：(1)复制原图；(2)利用色阶滤镜保留一个对比度较高的通道；a.选择色阶路径；b.选择要去掉的通道；c.将输出色阶的最高值设置为0；上图中选择使用绿色通道（此图该通道对比度较高），因此将红色、蓝色通道的输出色阶最高值设置为0。
Fireworks教程
在“品质”文本框中，键入 75，或使用“品质”滑块。
选择“锐化颜色边缘”选项。
单击“导出” ……
中国人民大学 王蓉 29
教程：处理照片 预览和导出图像
在出现的“导出”对话框中，浏览到硬盘上的如下文件夹：
local_sites/cafe_townsend/images/
选择“导出”弹出菜单中的“帧到文件”。
“工具”面板 “属性”检查器
各种面板 中国人民大学 王蓉 3
Fireworks简介 “工具”面板
“工具”面板被编排为六个类别：
推荐网上视频教程:
选择 位图 矢量 Web 颜色 视图
中国人民大学 王蓉 4
Fireworks简介 从某个工具组中选择一种工具 “工具”面板中工具右下角的小三角表示它是某个工具组的一部分。 例如，“矩形”工具属于基本形状工具组，该工具组还包括“圆角矩形”、“椭圆”和“多边形” 基本工具，以及分隔线下面显示的所有“智能形状”工具。
中国人民大学 王蓉 22
教程：处理照片 创作图像—创建和命名帧
帧是 Fireworks 的一项功能，通常用于创建动画和变换图像。在本例中，将使用帧容纳各个照片，然后将 它们一次导出到单独的文件中。
1 确保在 Fireworks 中打开了ImageSource.png 文件。 2 选择“窗口”>“帧”，以打开“帧”面板。 3 单击面板右上角的上下文菜单， 然后选择“添加帧”。
结束该过程。
中国人民大学 王蓉 18
教程：处理照片 批量处理大型图像文件 当查看 camera_files 文件夹中的文件时，可以看到 Fireworks 已将原始图像文件放入名为 Original Files 的文件夹中，而且缩放操作已显著地减小了文件的大小。
最新整理怎么在Fireworks中使用通道抠图
怎么在F i r e w o r k s中使用通道抠图以前F i r e w o r k s一直因为没有通道功能，为不少惯用p h o t o s h o p抠图的用户诟病，经过对P h o t o s h o p和F i r e w o r k s的对比研究。
小编还是找到了，那么下面小编就来教你怎么在F i r e w o r k s中使用通道抠图。
F i r e w o r k s中使用通道抠图的步骤：将需要处理的图片复制一份，并画两个与图片大小相同的黑色矩形，将4张图对齐，并在层面板里按下图关系排列：将第1层的混合模式改成饱和度，第2层的混合模式改成红、绿、蓝中任意一种，此时所显示的效果即和P h o t o s h o p中的R G B对应通道完全相同，和P h o t o s h o p 一样，要选择一个比较理想的通道。
我选了绿(G)通道，效果如图所示：同时选择1、2、3层，按C t r l+S h i f t+A l t+Z(修改-平面化所选)，三个图层变成了一个位图，下面调节色阶、曲线等(滤镜-调整颜色)，目的是使图片黑白分明，不明白的去找P h o t o s h o p通道抠图和蒙版抠图的教程。
对于这张图，我先做了一个反转，又用自动色阶和亮度、对比度调整，所以C t r l+S h i f t+A l t+Z再次将这张图平面化，这步非常重要。
再用画笔修饰一下图片，把不需要透明的地方涂白，例如眼睛和翅膀的灰色部分。
效果如图：现在只剩下两个图层了，将黑白的图层粘贴成彩色图层的蒙版。
方法是选中黑白图层，然后C t r l+X剪切，选择彩色图层，点图层面版下面的添加蒙版按钮，C t r l+V 粘贴进去。
大功告成了，把背景设置成透明看看效果，以后看见用P h o t o s h o p抠头发的教程，你也会用F i r e w o r k s做了吧?有了通道这杆利器，大家一起努力移植P S通道应用的教程，开发F W被尘封的潜能吧!。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
__________年级_______班______周星期_______ P. 1__________年级_______班______周星期_______ P. 2借用一张阿迪达斯（adidas）的标志到场景内作为实例。
在属性面板调出实时特效滤镜，调整色彩，色相/ 饱和度。
把图片变成黑白灰阶。
__________年级_______班______周星期_______ P. 3调整图层模式到屏幕。
继续我们的实时特效滤镜，加上色彩填充，随便选什么颜色，透明度选100%，混合模式改成反相。
__________年级_______班______周星期_______ P. 4这时我们可以看到效果已经出来了。
但是logo 有点半透明，这是因为logo 本身色彩的明度不够暗。
如果logo 本身是纯黑色，我们的工作就可以到此为止了。
现在的情况还需要改善下。
__________年级_______班______周星期_______ P. 5继续实时特效滤镜，添加亮度/ 对比度，把对比度调成64。
这个对比度的值不是固定的，以原标识的色彩明度为准调整，调整过度的话会令细节产生锯齿。
在这个实例中64是最适合的对比度设置。
__________年级_______班______周星期_______ P. 6一个完美的反白标识已经做完了。
PNG源文件参考：其他标识应用效果原图：__________年级_______班______周星期_______ P.7 效果图：原图：__________年级_______班______周星期_______ P.8 效果图：对于双色的标识反白也可以做。
原图：效果图：__________年级_______班______周星期_______ P.9 原图：效果图：__________年级_______班______周星期_______ P.10这种方法适用于图案颜色单纯，明度够暗的标识。
多色的标识就比较难伺候，尤其标识中有明度够亮的元素时，反白的效果会令明度亮的元素产生透明效果。
像这个还尚可接受。
原图：效果图：__________年级_______班______周星期_______ P.11这个透明部分就明显了。
原图：效果图：__________年级_______班______周星期_______ P.12soskitty的另一种方法：1、转换为Alpha2、填充白色3、如果想要不透明的Logo，把原来半透明的Logo原位复制几个就行了，如果遇到透明差别比较厉害的图，可以考虑选择通道4、如果经常用到，可以考虑定义成样式参考PNG图：__________年级_______班______周星期_______ P.13__________年级_______班______周星期_______ P.14课题Fireworks基础应用:标识不抠图提取法课时 4教学目的掌握滤镜、反相等效果的概念及基本操作方法重点观察图片能准确明确其处理的原理及操作方法难点工具客户描述的需要，利用滤镜工具实现图片效果教具多媒体课型讲授作业根据客户描述的需要，利用滤镜工具实现图片效果教后附记教学过程课时分配教学方法教学内容“标识不扣图反白法”反响不错。
很多朋友觉得的确好用，也有朋友说若能保持原图的色彩就更完美了。
其实不是做不到，只怕想不到，换个思路完全可以实现的。
照样，首先我们来设置个复杂点的彩色背景，如下图：__________年级_______班______周星期_______ P.15 借用一张阿迪达斯（adidas）的标志到场景内作为实例。
快捷键Ctrl+Shift+D原位复制一个。
当然也可以从菜单> 编辑> 克隆来执行。
选中刚创建的克隆图片，在属性面板调出实时特效滤镜，调整色彩，色相/ 饱和度。
把图片变成黑白灰阶。
__________年级_______班______周星期_______ P.16加一层实时特效滤镜，调整色彩，反相。
再加一层实时特效滤镜，调整亮度/ 对比度。
这里的数值不是固定的，按实际情况调整，以图片尽量黑白鲜明，细节尽可能保留（留意注册商标的®字），文字不出现锯齿为准。
__________年级_______班______周星期_______ P.17为防止之后的遮罩转移图层效果到被遮罩图层，这里先转黑白反相的图层为位图。
菜单> 编辑> 转为位图，或快捷键Ctrl+Alt+Shift+Z。
__________年级_______班______周星期_______ P.18与原始图片组合成遮罩，菜单> 编辑> 遮罩> 组成遮罩。
完美的标识扣图已经完成了。
只要是色彩饱和度基本一致，亮度统一的企业标识都可以应用这一方法。
我们来看以下的示例：__________年级_______班______周星期_______ P.19__________年级_______班______周星期_______ P.20如果同一标识色彩亮度不同时该怎么办呢？我们可以把标识解体处里。
这里以CNN的logo为例。
__________年级_______班______周星期_______ P.21 快捷键Ctrl+Shift+D原位复制一个，转灰阶待用。
使用套索选取工具扣出色彩亮度统一的部分。
__________年级_______班______周星期_______ P.22 CNN的logo就变成了两个部分。
分别处理剩下的灰度图转黑白反相位图与原图进行遮罩。
__________年级_______班______周星期_______ P.23 完成如下，只是多了分解标识这一个步骤。
其实这里还有一个更省力的方法。
我想大家都注意到CNN下面的广告文字和注册商标的®字其实都是黑色的。
所以从源图扣下来后，直接把图层模式改为Multiply正片叠底就可以了。
__________年级_______班______周星期_______ P.24同样，这种方法只适用于图案颜色较单纯，色彩饱和度及亮度基本统一的白底标识。
如果是色彩丰富，边界模糊或颜色过淡的图案，还是用套索选取工具、钢笔路径以及橡皮擦组合来抠图去底比较实在。
最后，附上PNG源文件给大家参考：__________年级_______班______周星期_______ P.25 课题FireWorks使用色阶抠头发教程课时 4教学目的重点难点教具多媒体课型讲授作业教后附记教学过程课时分配教学内容教学方法本教程适用于背景较单调者。
以下是原图：__________年级_______班______周星期_______ P.261、将原图所在层命名为“原图”，按CTRL+Shift+D复制层，命名为“副本”：2、选择“副本”层，用方角套索工具勾出人物边缘及头发内沿（提示：在勾出主体外围后，按住ALT勾出辫子与后脑勺之间部分）：3、保持上一步的蚂蚁线，按Ctrl+C、Ctrl+V复制出人物轮廓，将新层命名为“轮廓”：__________年级_______班______周星期_______ P.274、选择“副本”层，添加效果(effect)->颜色(adjust color)->色阶(levels)，点选“选择高亮色(select highlight color)”，并选择人物头发附近较深的背景色：__________年级_______班______周星期_______ P.285、确定后“副本”层效果如图，背景完全为白色：6、再给“副本”图片添加效果->其他(other)->转换为Alpha(convert toalpha)，如下图：7、隐藏“原图”层，然后添加背景图片至“副本”层之下，最终效果如图：__________年级_______班______周星期_______ P.29__________年级_______班______周星期_______ P.30 课题Fireworks精细绘Menu条课时 4教学目的重点难点教具多媒体课型讲授作业教后附记教学过程课时分配教学内容教学方法效果如图（PNG源文件，反键保存。
）1、选择矢量工具中的圆角矩形工具，绘制一个170px×60px的矩形；__________年级_______班______周星期_______ P.312、使用垂直线性填充；3、给矩形添加外部投影效果，得到如下效果；__________年级_______班______周星期_______ P.324、再给矩形添加内部投影，得到如下效果；5、添加文字，选择字体Verdana。
9px大小并添加外部投影，得到如下效果；6、添加分割线。
效果如图；7、摆放好文字并调整间距；__________年级_______班______周星期_______ P.338、如果想给Menu添加高光，则继续步骤，在最上方图层添加一个实心填充白色的椭圆，效果如图；9、选择最开始的圆角矩形，复制一个，点选白色椭圆，反键->编辑->粘贴为蒙板。
并在属性栏选择；10、最终效果。
__________年级_______班______周星期_______ P.34 课题Fireworks制作水泡效果课时 4教学目的重点难点教具多媒体课型讲授作业教后附记教学过程课时分配教学内容教学方法目的：本节主要学习使用一透明渐变色选项。
__________年级_______班______周星期_______ P.35__________年级_______班______周星期_______ P.36图8.2 在编辑区绘制圆形（3）选中绘制好的圆，单击左面工具栏按钮，点击Fill Option…按钮，出现如图8.3_1填充选择面板，选择Radial填充效果，给图形填充黑白渐变，效果如图8.3_2图8.3_1填充选择面板__________年级_______班______周星期_______ P.37图8.3_2 进行渐变填充后的效果（4）单击Edit…按钮，来调节渐变色和透明度。
首先点击最上面左边白色的滑块，将透明度调整为0，接着将左面渐变颜色栏设为画布背景色，此处为绿色，如图8.4_1__________年级_______班______周星期_______ P.38图8.4_1进行透明渐变调整完成后的效果：图8.4_2进行渐变调整后的效果__________年级_______班______周星期_______ P.39 （5）完成后点击pointor tool工具(黑色的箭头)图形中出现了控制柄，向左托动控制柄，如图效果：图6.5 托动控制柄产生渐变效果（6）再次使用椭圆工具，绘制一个椭圆，使用钢笔工具调节节点，制作高光效果，如下图__________年级_______班______周星期_______ P.40图6.6 制作高光效果（7）设置高光的羽化度为4，再复制一个调节成较小的光点，如下图：__________年级_______班______周星期_______ P.41图6.7_1制作完成高光提示，在制作小光点的时候，可以用Subselection Tool（超级选择工具）选中上下两个节点，然后按键盘的Delete键删除，使用ScaleTool（缩放工具）将其缩小到适当的大小。