zoukankan      html  css  js  c++  java
  • 图层混合模式之正片叠底、滤色

    实例一、初识正片叠底的功能

    1、新建文件1,填充为土黄色。

    2、复制图片素材到文件一上。素材原图如下:

    3、分别设置图层1、图层2的混合模式为“正片叠底”,得到如下图效果。

    可以看出图层1和背景正片叠底混合后,黑色部分保留,图层2和背景正片叠底混合后,黑色部分保留,白色部分完全不保留。

    小结:

    正片叠底的特性是:

    1)、白色,对下层没有影响,好像是透明一样。

    2)、灰色,会使下层的颜色加深。

    3)、黑色,完全保留黑色。

    4)、总体是保留下层的颜色。

    经常利用的是:对于黑白颜色的图片,用这个方法是最合适的了。连抠图都可以省略了。

    实例二、认识滤色

    1、复制新的图片3到上述文件中,为图层3,图片3如下:

    2、按ctrl+I反相,使图层3成为中间黑色,四周白色。设置图层3的混合模式为“滤色”。效果如下图,

    可以看出四周的白色保留,中间的黑色消失,灰色部分减淡了下层颜色:

    小结:

    “滤色”的特性:

    1)、黑色,对下层没有影响,好像是透明一样。

    2)、灰色,会让下层的颜色变得浅一些。

    3)、白色,完全保留白色。

    4)、总体是保留下层的颜色。

    总结:正片叠加与滤色有相似之处,它们都是以下层的颜色为基础。而两者对下层的颜色作用是相反的。

    因此,对于以白色为底或是以黑色为底的图片,用正片叠底或者滤色可以直接让底色消失,这种方法很常用。

  • 相关阅读:
    GitHub的本地与远程
    linux PDF转换
    css文字样式与div
    CSS属性(pading margin)
    Q:table返回无数据点击排序无数据消失问题
    nginx 学习二(配置项)
    nginx学习一
    JS防抖节流
    通过node实现阿里云短信接口,并将手机号缓存,通过Redis过期时间限制频繁发短信
    web框架express学习三
  • 原文地址:https://www.cnblogs.com/staceydesign/p/3066500.html
Copyright © 2011-2022 走看看