在照片上叠加渐变

在照片上方叠加彩色渐变,角度、颜色和不透明度均可调节——非常适合制作文字清晰可读的横幅,或风格统一的社交媒体图片。

示例:
拖放文件,或点击浏览(最大 30 MB)

工作原理

本工具会绘制一条两种颜色之间的线性渐变,按所选角度排布,并以指定的不透明度叠加到您的照片上。与纯色填充不同,渐变既能保留可见的纹理、统一图片的色调,又能让部分区域变暗(或变亮),提高之后添加文字的可读性。

如何做出网页横幅上常见的「底部压暗」效果?

把角度设为 90°(垂直渐变),起始色选顶部视觉上接近黑色的透明色,结束色选底部的黑色,不透明度设为 50% 至 80%:图片底部会变暗,便于放置清晰的白色文字,顶部则更接近原始照片。

渐变是替换照片的颜色,还是叠加在上面?

渐变以所选的透明度叠加在原始照片之上:不透明度为 100% 时几乎会完全遮住图片,而在 20% 至 40% 时只会轻微给现有色彩着色,不会将其抹去。

100% 本地处理:渐变通过 Canvas 直接在您的浏览器中绘制,您的照片不会被发送到任何服务器。