如何实现图像Linear progressive blur（线性渐进模糊）及查找相关资源

可用搜索关键词 #

你可以用以下关键词搜索对应的教程及模板：

• 中文搜索词：线性渐变模糊、方向渐变模糊、梯度渐进模糊、沿路径渐变模糊
• 英文搜索词：linear gradient blur、directional progressive blur、gradient blur with linear falloff

常见场景实现参考 #

Photoshop 实现 #

1. 打开目标图片后复制图层，避免修改原图
2. 给复制后的图层添加高斯模糊效果，数值调整为你需要的最大模糊程度
3. 给模糊图层添加图层蒙版，选择渐变工具，设置为从黑到白的线性渐变
4. 按照你需要的模糊过渡方向在蒙版上拉动渐变，即可实现线性渐进的模糊效果

前端 CSS 实现 #

结合模糊滤镜和线性渐变蒙版实现，核心代码示例如下：

.linear-blur {
  /* 设置最大模糊数值 */
  backdrop-filter: blur(20px);
  /* 线性渐变蒙版控制模糊的显示范围，可自行调整渐变方向、色标位置 */
  mask-image: linear-gradient(to right, #000 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 0%, transparent 100%);
}

Python OpenCV 代码实现 #

核心逻辑为分别生成原图和最大模糊程度的处理图，再构建线性权重矩阵，将两张图按权重比例融合，权重从模糊起始端到结束端线性递减即可实现对应效果。

剪辑软件（剪映、PR）实现 #

导入素材后给素材添加模糊效果，再给效果添加线性渐变遮罩，调整遮罩的过渡范围和方向，即可得到线性渐进模糊的效果。

内容的提问来源于stack exchange，提问作者CBCH