下载文档原格式
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文档
然后点击左上角的“文件”，在下拉菜单中选中“导入”
然后选择要改变像素的那张图片，点击“打开”，导入该图片
接着咱们用鼠标点击选中这张图片
然后点击左上角的“文件”，在下拉菜单中选择“文件预览”
为了保存的图片不完全失真，我们在保存的设置，选择较高品质的jpeg
我们在预览窗口可以看到，品质为80的时候图像的大小为59kb 若是还觉得大，可以再把品质降低
我把品质调到70，发现图像也没什么明显变化
调节好后就可以点击“导出”了
然后要选择一个位置选择“保存”。
解读Fireworks裁切出圆角矩形图片
解读Fireworks 裁切出圆角矩形图片
相信做网站的朋友肯定知道Fireworks，它是一款图像处理软件，虽然没有Photoshop功能那么强大，但足以满足网页设计的需要。
好了，进入今天的主题，在网页中经常看到圆角矩形的图片，很好看，那是怎么做出来的呢?所以今天就教大家用Fireworks 8裁切出圆角矩形图片的方法。
1、用Fireworks 8打开需要进行裁切圆角矩形的图片
2、点击左边工具栏中“矩形”工具右下角的小箭头，选择“圆角矩形”，相关截图如下所示：
3、在图片中画一个圆角矩形(此时会在矩形上出现四个黄色的.点，这是用来调整圆角大小的)，将圆角矩形调整到你所要裁切的大小，并将此圆角矩形移动到你所要裁切画面的上方，相关截图如下所示：
4、在圆角矩形上点击鼠标右键，选择“将路径转换为选取框”，相关截图如下所示：
5、此时会弹出一个对话框，选择“消除锯齿”后确定，相关截图如下所示：
6、此时会看到你所要裁切的图片已经被选取了，相关截图如下所示：
7、点击“选择”菜单中的“反选”，相关截图如下所示：
8、按下“Del”键后，你所要裁切的圆角矩形图片就裁好了，相关截图如下所示：。
方法一：利用魔术棒、套索工具抠图这方法比较简单，就和出拳、踢腿一样，会不会功夫动起手都能使两下。
用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。
怎么在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被尘封的潜能吧!。
fireworks教程Fireworks是一款由Adobe公司开发的图形编辑软件，主要用于创建和编辑Web图像，特别适用于设计师和开发人员在制作网站时进行图像处理和优化。
本教程将介绍Fireworks 的基本功能和使用方法，帮助读者快速上手并提升其设计能力。
简介Fireworks是一款在Adobe Creative Suite软件套件中独立存在的软件，最早被设计用于处理和优化Web图像。
它的特点是集成了矢量图形编辑器和位图编辑器的功能，能够同时处理SVG、PNG、GIF、JPEG等多种图像格式。
Fireworks的设计理念是帮助用户快速创建和编辑Web图像，提供丰富的工具和特效，支持切片和优化，以及生成HTML和CSS代码。
下载和安装Fireworks可以通过Adobe官方网站下载安装程序。
安装过程与大多数软件相似，跟随提示完成即可。
安装后，启动软件并进入主界面。
界面概览Fireworks的主界面分为几个主要区域：1.菜单栏：包含各种工具和功能的菜单。
2.工具栏：包含常用工具的按钮，用于选择和应用工具。
3.画布：用于显示和编辑图像的区域。
4.图层面板：显示和管理图像的各个图层。
5.属性面板：用于调整和修改工具和图层的属性。
基本操作创建新文档要创建新的Fireworks文档，请执行以下操作：1.单击菜单栏中的“文件”>“新建”。
2.在弹出的对话框中，设置文档的尺寸、分辨率和背景颜色等选项。
3.单击“确定”创建新文档。
绘制基本图形Fireworks提供了多种绘图工具，可以帮助用户创建各种基本图形。
以下是创建基本图形的一般步骤：1.选择合适的绘图工具，例如矩形工具或椭圆工具。
2.在画布上单击并拖动，绘制出所需大小的图形。
3.在属性面板中设置图形的颜色、边框大小和样式等属性。
编辑图像Fireworks提供了丰富的编辑工具和功能，可以对图像进行调整和修改。
以下是一些常用的图像编辑操作：1.裁剪图像：选择裁剪工具，拖动鼠标选择要保留的区域，点击“裁剪”按钮完成裁剪操作。
FireWorks
一、简介
FW是一个矢量图及位图制作处理软件，尤其在GIF动画表现突出、方便、快捷。
也可以使用FW进行切割网页并与DW软件结合使用。
二、打开及导出图片
1、打开要处理的图片，复制。
2、新建---并粘贴，调整尺寸及位置，保存：*.png半成品文件。
留用
3、Ctrl+Shift+X导出预览。
可以调整图片质量。
三、制作LOGO
1、LOGO尺寸：180(160)*100(80,60)
2、新建文档---定义宽、高、分辨率，背景：透明（只有GIF格式支持，导出时需调整Alpha
透明）
3、使用图形工具及文本工具。
矢量---矩形、椭圆（按住Alt可以画出正方形及正圆）
4、使用属性栏---油漆桶工具调整图文特效。
四、图形及文字特效
方法1
属性栏---油漆桶：颜色渐变、纹理、图案、透明度等。
方法2
属性栏---边缘：边线、粗细、纹理、透明等。
方法3
资源-样式面板（Shift+F11）:图形及文字特效。
方法4
属性栏---滤镜
五、其他工具及功能
选择、位图（修改JPG图像）、矢量（针对图形或文字）、WEB（切割、切片）
1、修改文字：选择文字---“文本”---转换为路径（Ctrl+Shift+P）---取消组合（打散）
（Ctrl+Shift+G）,组合（Ctrl+G）
2、留言板背景
1）选择图片或图形，制作好留言板的大体样式。
必须是打散的路径。
2）画圆或设置文字路径，全选---“修改”---组合路径---打孔。
__________年级_______班______周星期_______ 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（缩放工具）将其缩小到适当的大小。
