差值条形:以差值混合模式叠加的两层条形
差值条形在一排 12 根条形上叠加第二个图层:图层类型同样是条形,图层翻转设为垂直,让它的条形从顶部垂下,混合模式为差值,图层不透明度为满值。直立的条形与垂下的孪生条形相遇时,相同的颜色相减成黑色,在画面中部切出一条暗带,并把每根条形分成蓝色、蓝绿、青色和紫色的独立色块。条形轮廓为波浪,因此开启动画后,高度会沿着整排条形起伏,黑色暗带也随之不断移动。
调出你自己的版本
试试更柔和的混合
混合模式决定两个图层如何结合。滤色把它们叠成发光的重叠区域,正片叠底只保留两层共有的颜色,叠加或柔光则提高对比度,又不会出现差值那样的黑色镂空。
更换第二个图层
把图层类型改为放射线或波浪,差值会在条形上切出新的形状。图层翻转设为双向时,副本会上下颠倒并左右镜像;把图层不透明度降到 50,效果会减半。
常见问题
差值混合对渐变有什么作用?
它把一个图层的颜色按通道从另一个图层中减去,并取绝对值。相同的颜色变成黑色,暗部会让另一个图层原样透出,对比鲜明的颜色则产生新的色调。它很适合带故障艺术感的海报式图形,镂空本身就是看点。
使用方法
选择起点
从柔软网格、日食光芒或 Riso 半色调等 28 种风格中任选其一开始,或者选择一种渐变类型,并搭配 24 套调色板之一。
调节渐变
调整缩放、扭曲、旋涡和柔和度,添加颗粒、玻璃面板或玻璃砖、圆点、网格或线条叠加层、混合的第二图层,或半色调、像素排序等处理效果,还可以开启动画并单独设置速度。
预览并使用
在落地页、卡片、移动端和注册页布局中查看渐变,然后登录免费的 UX Pilot 账号,即可将其用于画布或导出。