做公众号封面、工具配图、网页Banner、产品介绍图时,经常会遇到一个很现实的问题:图片本身能用,但风格不够统一。
有时候想要一张偏赛博蓝紫的科技图,有时候想要复古胶片质感,有时候又希望图片变成黑白高对比、像素风、老照片风,方便和文章主题、页面设计或者视觉海报搭配。
如果每次都打开专业修图软件,步骤就有点重了。调亮度、调对比度、加滤镜、加噪点、做暗角、再导出,动作不复杂,但很容易打断创作节奏。
所以我做了一个新的小工具:
图片特效调色板
它的定位很简单:
上传一张图片,然后像调色一样快速生成不同风格的视觉效果。
打开页面后,用户可以直接上传JPG、PNG、WEBP图片。上传完成后,页面会自动进入图片处理界面,左侧是图片预览区,右侧是参数调节面板。所有效果都在浏览器本地实时处理,不需要复杂操作,也不需要上传到后台排队等待。
工具支持基础调色参数,包括亮度、对比度、饱和度、色相、灰度、反相、老照片和模糊。比如一张普通照片,可以快速调成更明亮通透的风格;也可以降低饱和度、增加对比度,变成更适合报告或封面的黑白效果;还可以加入老照片参数,做出偏复古的档案感。
除了基础调色,我还加入了几类更有设计感的特效。
第一是混合叠色。用户可以选择一种颜色覆盖在图片上,再通过不同的混合模式叠加到原图中,例如overlay、screen、multiply、soft-light等。这个功能很适合把图片统一成某种主色调,比如蓝紫科技风、暖黄色复古风、冷灰高级感等。
第二是纹理特效。工具支持像素化、噪点、扫描线和暗角。像素化可以做出游戏画面或者低清屏幕的感觉;噪点适合做胶片、复古、海报质感;扫描线可以营造监控屏、数据屏、科技界面的氛围;暗角则可以让画面中心更突出,整体更有封面感。
为了让使用门槛更低,我还做了几个一键预设,包括清新、赛博、复古、胶片、黑白和像素。用户不需要一开始就理解每个参数,只要点一下预设,就能看到完全不同的效果,然后再根据自己的需要微调。
这个工具还有一个比较实用的设计:分屏对比。
处理图片时,很多人最怕调着调着就不知道原图是什么样了。所以页面中间设置了一个可以拖动的对比滑块,左边显示原图,右边显示特效后的图片。拖动滑块,就能很直观地比较处理前后的变化。
和地图工具不同,图片处理没有地图瓦片跨域截图的问题,因此这个工具可以直接导出结果图。目前支持导出PNG和JPG,处理后的滤镜、叠色、噪点、像素化、暗角等效果都会一起保存下来。
我觉得这个工具比较适合几类场景:
做公众号封面时,可以快速统一图片风格;做网页Banner时,可以把普通图片处理得更有设计感;做产品介绍图时,可以快速生成不同视觉方向;做AI图片后期时,也可以作为一个轻量级调色工具,批量尝试不同气质。
简单来说,图片特效调色板不是专业修图软件的替代品,而是一个更轻、更快、更适合日常创作的小工具。
它解决的不是复杂修图问题,而是一个很常见的需求:
当你手里已经有一张图片,想让它更适合发布、更适合排版、更适合某种视觉主题时,可以快速试出一个方向。
很多时候,一张图只差一点点调色和质感,就能从“能用”变成“好用”。
这就是我做这个工具的原因。