• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks不抠图实现标识反白特效实例教程

Fireworks不抠图实现标识反白特效实例教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Fireworks不抠图实现标识反白特效实例教程,其中包含fireworks实例教程,fireworks实例,fireworks补间实例,fireworks动画实例,fireworks等知识点,遇到此问题的同学们可以参考下

我们在做网站的时候常需要处理客户的企业标识。如果你的网站另有色彩背景,就需要将客户提供的标识反白处理,如果客户仅仅提供一个白底的 jpg 图片文件时该怎么办呢?

  通常我们会想到抠图去底来解决,然而根据一个压缩过的点阵图,logo 本身的颜色已经不够纯净了,更有些细节很难用抠图来表现。最明显的例子是商标一角常有的注册标记 ® 。如果使用单纯的扣图技法, ® 字会显得很不自然。

  跟据以往的一些工作经验,我在Fireworks环境下发掘了一个简单实用的企业标识反白法与大家分享,可以免除抠图的烦恼。

  下面让我们来看实例。首先设置个复杂点的彩色背景,如下图:

  

  借用一张阿迪达斯(adidas)的标志到场景内作为实例。

  

  在属性面板调出实时特效滤镜,调整色彩,色相 / 饱和度。把图片变成黑白灰阶。

  

  调整图层模式到“屏幕”。

  

  继续我们的实时特效滤镜,加上色彩填充,随便选什么颜色,透明度选100%,混合模式改成反相。

  

  这时我们可以看到效果已经出来了。但是 logo 有点半透明,这是因为 logo 本身色彩的明度不够暗。

  如果 logo 本身是纯黑色,我们的工作就可以到此为止了。但现在的情况还需要改善一下。

  

  继续实时特效滤镜,添加亮度 / 对比度,把对比度调成64。

  这个对比度的值不是固定的,以原标识的色彩明度为准调整,调整过度的话会令细节产生锯齿。

  在这个实例中64是最适合的对比度设置。

  

  一个完美的反白标识已经做完了。

      下面我们来看看其他标识反白的效果。

  原图:

  

  效果图:

  

  原图:

  

  效果图:

  

  对于双色的标识反白也可以做。

  原图:

  

  效果图:

  

  原图:

  

  效果图:

  

  这种方法适用于图案颜色单纯,明度够暗的标识。

  多色的标识就比较难伺候,尤其标识中有明度够亮的元素时,反白的效果会令明度亮的元素产生透明效果。

  像这个还尚可接受。

  原图:

  

  效果图:

  

  这个透明部分就明显了。

  原图:

  

  效果图:

  

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Fireworks实例教程:教你用Fireworks画图标的完整方法(图文)
  • Fireworks设计打造晶莹剔透的翅膀实例教程
  • Fireworks简单设计制作残破边缘图片实例教程
  • 用Fireworks软件为图片制作窗格效果实例教程
  • Fireworks设计绘制有意境的清新翠绿的竹子实例教程
  • FireWorks设计制作动画Logo实例教程
  • Fireworks不抠图实现标识反白特效实例教程
  • Fireworks设计制作红色老旧砖墙特效实例教程
  • Fireworks设计绘制超炫的五彩发光斜线条背景实例教程
  • Fireworks设计绘制五彩炫光效果的图片实例教程

相关文章

  • 2017-05-24Firework填充手柄在哪里? Firework显示填充手柄的教程
  • 2017-05-24Fireworks不抠图实现企业标识反白效果
  • 2017-05-24教你用Fireworks制作红墙砖头效果 并在上面涂鸦
  • 2017-05-24fireworks8将长方形变成正方形图片
  • 2017-05-24Fireworks 不同的切角效果
  • 2017-05-24Fireworks 制作超级光线水晶球
  • 2017-05-24Fireworks 8 打造逼真有质感的小玉石挂件
  • 2017-05-24Fireworks教程:制作粉色恋人闪字
  • 2017-05-24Fireworks教程:简单制作网页新闻播报框
  • 2017-05-24Fireworks制作黑色质感的立体水晶字体教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Fireworks教程:绘制夏天清凉折扇
    • Fireworks利用滤镜工具轻松制作可爱Gif动画实例教程
    • Fireworks 组合路径功能小解
    • Fireworks钢笔绘制飘逸的红彩带
    • Fireworks制作超酷个性签名
    • fireworks入门教程:用fireworks进行图标刻画设计细节
    • FireWorks设计制作动画Logo实例教程
    • Fireworks基础教程:保存和导入样式
    • Fireworks怎么修改字体?FW修改字体方法
    • Fireworks快捷键小结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有