用Fireworks教你怎么用抠图.doc

备 课 纸 __________年级_______班______周 星期_______ P. PAGE 25 课题 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就变成了两个部分。 分别处理剩下的灰度图转黑白反相位图与原图进行遮罩。 完成如下，只是多了分解标识这一个步骤。 其实这里还有一个更