用Fireworks教你怎么用抠图.doc

备 课 纸 _年级_班_周 星期_ P. 43课题Fireworks基础应用:标识不抠图反白法课时4教学目的掌握滤镜、反相等效果的概念及基本操作方法重点观察图片能准确明确其处理的原理及操作方法难点根据客户描述的需要，利用滤镜工具实现图片效果教具多媒体课型讲授作业利用滤镜的各种效果，制作不少于10张不同效果的图片教后附记教 学 过 程课时分配教学方法教学内容做网站的时候常需要处理客户的企业标识。如果你的网站另有色彩背景，需要将客户提供的标识反白处理，而客户仅仅提供一个白底的 jpg 图片文件时该怎么办呢？通常我们会想到扣图去底来解决，然而根据一个压缩过的点阵图，logo 本身的颜色已经不够纯净了，更有些细节很难用扣图来表现，最明显的例子是商标一角常有的注册标记 。如果使用单纯的扣图技法， 字会显得很不自然。据以往的一些工作经验，在Fireworks环境下，发掘了一个简单实用的企业标识反白法与大家分享，免除抠图的烦恼。让我们来看实例。首先我们来设置个复杂点的彩色背景，如下图：借用一张阿迪达斯（adidas）的标志到场景内作为实例。在属性面板调出实时特效滤镜，调整色彩，色相 / 饱和度。把图片变成黑白灰阶。调整图层模式到屏幕。继续我们的实时特效滤镜，加上色彩填充，随便选什么颜色，透明度选100%，混合模式改成反相。这时我们可以看到效果已经出来了。但是 logo 有点半透明，这是因为 logo 本身色彩的明度不够暗。如果 logo 本身是纯黑色，我们的工作就可以到此为止了。现在的情况还需要改善下。继续实时特效滤镜，添加亮度 / 对比度，把对比度调成64。这个对比度的值不是固定的，以原标识的色彩明度为准调整，调整过度的话会令细节产生锯齿。在这个实例中64是最适合的对比度设置。一个完美的反白标识已经做完了。PNG源文件参考：其他标识应用效果原图：效果图：原图：效果图：对于双色的标识反白也可以做。原图：效果图：原图：效果图：这种方法适用于图案颜色单纯，明度够暗的标识。多色的标识就比较难伺候，尤其标识中有明度够亮的元素时，反白的效果会令明度亮的元素产生透明效果。像这个还尚可接受。原图：效果图：这个透明部分就明显了。原图：效果图：soskitty 的另一种方法：1、转换为Alpha2、填充白色3、如果想要不透明的Logo，把原来半透明的Logo原位复制几个就行了，如果遇到透明差别比较厉害的图，可以考虑选择通道4、如果经常用到，可以考虑定义成样式参考PNG图：课题Fireworks基础应用:标识不抠图提取法课时4教学目的掌握滤镜、反相等效果的概念及基本操作方法重点观察图片能准确明确其处理的原理及操作方法难点工具客户描述的需要，利用滤镜工具实现图片效果教具多媒体课型讲授作业根据客户描述的需要，利用滤镜工具实现图片效果教后附记教 学 过 程课时分配教学方法教学内容“标识不扣图反白法”反响不错。很多朋友觉得的确好用，也有朋友说若能保持原图的色彩就更完美了。其实不是做不到，只怕想不到，换个思路完全可以实现的。照样，首先我们来设置个复杂点的彩色背景，如下图：借用一张阿迪达斯（adidas）的标志到场景内作为实例。快捷键Ctrl+Shift+D原位复制一个。当然也可以从菜单 编辑 克隆来执行。选中刚创建的克隆图片，在属性面板调出实时特效滤镜，调整色彩，色相 / 饱和度。把图片变成黑白灰阶。加一层实时特效滤镜，调整色彩，反相。再加一层实时特效滤镜，调整亮度 / 对比度。这里的数值不是固定的，按实际情况调整，以图片尽量黑白鲜明，细节尽可能保留（留意注册商标的 字），文字不出现锯齿为准。为防止之后的遮罩转移图层效果到被遮罩图层，这里先转黑白反相的图层为位图。菜单 编辑 转为位图，或快捷键Ctrl+Alt+Shift+Z。与原始图片组合成遮罩，菜单 编辑 遮罩 组成遮罩。完美的标识扣图已经完成了。只要是色彩饱和度基本一致，亮度统一的企业标识都可以应用这一方法。我们来看以下的示例：如果同一标识色彩亮度不同时该怎么办呢？我们可以把标识解体处里。这里以CNN的logo为例。快捷键Ctrl+Shift+D原位复制一个，转灰阶待用。使用套索选取工具扣出色彩亮度统一的部分。CNN的logo就变成了两个部分。分别处理剩下的灰度图转黑白反相位图与原图进行遮罩。完成如下，只是多了分解标识这一个步骤。其实这里还有一个更省力的方法。我想大家都注意到CNN下面的广告文字和注册商标的 字其实都是黑色的。所以从源图扣下来后，直接把图层模式改为Multiply正片叠底就可以了。同样，这种方法只适用于图案颜色较单纯，色彩饱和度及亮度基本统一的白底标识。如果是色彩丰富，边界模糊或颜色过淡的图案，还是用套索选取工具、钢笔路径以及橡皮擦组合来抠图去底比较实在。最后，附上PNG源文件给大家参考：课题FireWorks使用色阶抠头发教程课时4教学目的重点难点教具多媒体课型讲授作业教后附记教 学 过 程课时分配教学方法教学内容本教程适用于背景较单调者。以下是原图：1、将原图所在层命名为“原图”，按CTRL+Shift+D复制层，命名为“副本”：2、选择“副本”层，用方角套索工具勾出人物边缘及头发内沿（提示：在勾出主体外围后，按住ALT勾出辫子与后脑勺之间部分）：3、保持上一步的蚂蚁线，按Ctrl+C、Ctrl+V复制出人物轮廓，将新层命名为“轮廓”：4、选择“副本”层，添加效果(effect)-颜色(adjust color)-色阶(levels)，点选“选择高亮色(select highlight color)”，并选择人物头发附近较深的背景色：5、确定后“副本”层效果如图，背景完全为白色：6、再给“副本”图片添加效果-其他(other)-转换为Alpha(convert to alpha)，如下图：7、隐藏“原图”层，然后添加背景图片至“副本”层之下，最终效果如图：课题Fireworks精细绘Menu条课时4教学目的重点难点教具多媒体课型讲授作业教后附记教 学 过 程课时分配教学方法教学内容效果如图（PNG源文件，反键保存。）1、选择矢量工具中的圆角矩形工具，绘制一个170px60px的矩形；2、使用垂直线性填充；3、给矩形添加外部投影效果，得到如下效果；4、再给矩形添加内部投影，得到如下效果；5、添加文字，选择字体Verdana。9px大小并添加外部投影，得到如下效果；6、添加分割线。效果如图；7、摆放好文字并调整间距；8、如果想给Menu添加高光，则继续步骤，在最上方图层添加一个实心填充白色的椭圆，效果如图；9、选择最开始的圆角矩形，复制一个，点选白色椭圆，反键-编辑-粘贴为蒙板。并在属性栏选择；10、最终效果。课题Fireworks制作水泡效果课时4教学目的重点难点教具多媒体课型讲授作业教后附记教 学 过 程课时分配教学方法教学内容目的：本节主要学习使用一透明渐变色选项。要点：通过本节的学习，要掌握下列工具和菜单命令的使用方法：1 Ellipse Tool（圆形绘制工具）；2 Subselection Tool（超级选择工具）；3 Scale Tool（缩放工具）；4 Modify（修改）/Group（组合群组）；5 Pen Tool (钢笔工具)。操作步骤：（1）启动Fireworks MX，新建一个文件。长和高分别为300x300像素，背景色为绿色#009933。（2）单击工具箱中的Ellipse Tool（圆形绘制工具），按住Shift键在编辑区绘制一个圆形。如图8_2图8.2 在编辑区绘制圆形（3）选中绘制好的圆，单击左面工具栏 按钮，点击Fill Option按钮，出现如图8.3_1填充选择面板，选择Radial填充效果，给图形填充黑白渐变，效果如图8.3_2图8.3_1填充选择面板图8.3_2 进行渐变填充后的效果（4）单击Edit按钮，来调节渐变色和透明度。首先点击最上面左边白色的滑块，将透明度调整为0，接着将左面渐变颜色栏设为画布背景色，此处为绿色，如图8.4_1 图8.4_1进行透明渐变调整完成后的效果：图8.4_2进行渐变调整后的效果（5）完成后点击pointor tool工具(黑色的箭头)图形中出现了控制柄，向左托动控制柄，如图效果：图6.5 托动控制柄产生渐变效果（6）再次使用椭圆工具，绘制一个椭圆，使用钢笔工具调节节点，制作高光效果，如下图图6.6 制作高光效果（7）设置高光的羽化度为4，再复制一个调节成较小的光点，如下图：图6.7_1制作完成高光提示，在制作小光点的时候，可以用Subselection Tool（超级选择工具）选中上下两个节点，然