WordPress 5.8图像编辑工具新增双色调滤镜支持

最近,诸如即将推出的基于区块的小工具系统、模板编辑器、与主题相关的区块等功能已经成为人们关注的焦点。但是,WordPress 5.8附带的以用户为中心的最佳工具之一是用于图像和封面区块的双色调过滤器。

在这个意义上,术语“双色调”意味着将两种颜色组合为一个过滤器。然后,将其叠加在图像或视频上。更具体地说,一种颜色用于阴影(暗元素),第二种颜色用于高光(浅色)。

当该功能于5月份首次登陆Gutenberg 10.6时,刚开始有点鸡肋。但随着不断地迭代更新,如今它是一种强大的媒体编辑工具,不需要用户深入到图像编辑程序中,只需单击一个按钮,他们就可以改变故事的气氛。

双色调可以是任何颜色,从简单的灰度到任意两种颜色的混合。阴影和高光甚至可以反转,具体取决于选择的阴影。

下面显示了小猫的原始图像和带有灰度滤镜的图像之间的区别:

kittens-orig kittens-gray

原始图像与灰度双色调版本

默认情况下,WordPress提供一组八种双色调颜色集。这包括灰度、深灰度和各种组合,制作一些有趣的过滤器。有些会比其他的更好,通常取决于上传的媒体文件。

kittens-yellow-purple

紫色和黄色双色调过滤器

与WordPress 5.8等待用户的许多其他功能一样,主题作者是那些需要深入研究为用户提供一系列现成选项的人。新的主题JSON文件配置允许开发人员定义一组与其主题相匹配的双色调。

定义自定义双色调过滤器就像将名称、slug和两种颜色插入到theme.json文件中一样简单。主题开发人员手册包括创建此类预设的示例

custom-duotones

来自主题的自定义“翡翠色阶”双色调过滤器

用户不仅限于WordPress或其主题提供的过滤器。双色调弹出框允许他们从任何颜色范围中选择自定义阴影和高光。

当图像具有高对比度时,双色调通常效果最佳,这意味着浅色和深色之间的范围很广。较暗的阴影和较亮的高光使滤镜更具视觉冲击力。

当与Cover区块一起使用时,用户可以向图像和视频背景添加过滤器。但是,他们也可以使用典型的叠加颜色或渐变选项。这为自定义媒体提供了极大的灵活性。

record-cover-duotone-overlay

封面区块上的双色调过滤器 + 渐变叠加

由于双色调功能在后台与内联SVG文件一起使用,这也意味着使用它不会永久更改图像或视频文件。用户仍然可以在网站的其他地方使用他们的原始媒体,而无需上传第二个副本。

双色调只是冰山一角。除了在图像上放置几种颜色之外,还有许多其他可能性。Bence Szabó写了一篇关于在CSS-Tricks上使用SVG过滤器模式的广泛教程。这可能是未来背景选择的途径——木纹,有人吗?也许并非所有可能性都适合核心 WordPress,但我很乐意看到插件作者尝试一些替代方案。

标签

评论交流

闪电博沟通群

扫码加入QQ交流群 695891297