如何使用OpenCV编程实现Photoshop Bevel斜角效果

是否可以通过Bump Map实现Bevel效果？ #

完全可以。Photoshop自带的Bevel/Emboss（斜角/浮雕）效果，底层实现逻辑就是基于高度类凹凸贴图（Bump Map的核心形态）结合定向光照计算完成的，和常规3D渲染里Bump Map的用法完全一致，不存在技术路径上的障碍。

OpenCV实现所需Bump Map的生成与效果落地方法 #

整个实现分两个核心环节：先生成对应参数的高度型Bump Map，再基于Bump Map做光照计算得到最终斜角效果。

1. 生成匹配斜角参数的Bump Map #

你首先需要拿到待加效果图层的Alpha蒙版：单通道图，白色为图层内容区域，黑色为透明背景区域。后续所有Bump Map生成都基于这个蒙版处理：

• 斜角范围计算：调用OpenCV的distanceTransform距离变换函数，计算蒙版上每个前景（图层内容）像素到最近边缘的距离，得到单通道距离图。如果要做外斜角，就把蒙版黑白反转后再做距离变换即可。
• 匹配*Size（斜角尺寸）*参数：将距离图中所有大于设定Size值（单位为像素）的数值统一截断为Size，相当于定义斜角斜坡的宽度——只有离边缘距离小于Size的区域会生成斜坡，离边缘更远的区域高度保持一致，不会出现斜角。
• 匹配*Depth（斜角深度）*参数：将截断后的距离图做线性归一化，把数值范围映射到0~Depth对应的区间，Depth值越大，斜坡的高低差越大，最终光照出来的斜角明暗对比越强。

补充：PS里斜角的轮廓自定义功能，本质是对归一化后的距离值做曲线映射，默认线性斜角不需要额外调整，如果要做圆角、阶梯类特殊斜角，加一步LUT查表映射即可。

2. 基于Bump Map计算斜角效果 #

拿到高度Bump Map后，用最基础的漫反射光照模型就能算出和PS一致的斜角效果，不需要复杂的渲染逻辑：

• 用Sobel算子对高度图求X、Y两个方向的梯度，得到每个像素位置的表面倾斜度
• 设定光源方向（PS默认光源为左上角45度俯视角），将每个像素的梯度转换为表面法向量，和光源方向做点积得到明暗系数
• 用明暗系数调整原图的亮暗，亮部提亮、暗部压暗，和原图层混合后就得到最终的斜角效果

最小可运行参考代码 #

import cv2
import numpy as np

# 读取带透明通道的待处理图层
layer = cv2.imread("target_layer.png", cv2.IMREAD_UNCHANGED)
bgr_channel = layer[:, :, :3]
alpha_mask = layer[:, :, 3] / 255.0  # 蒙版归一化到0-1区间

# 斜角核心可调参数
bevel_size = 12    # 斜角尺寸，单位：像素
bevel_depth = 0.7  # 斜角深度，取值范围0-1

# 生成内斜角对应的高度Bump Map
dist_map = cv2.distanceTransform(alpha_mask.astype(np.uint8), cv2.DIST_L2, 3)
dist_map[dist_map > bevel_size] = bevel_size
height_bump = dist_map / bevel_size * bevel_depth

# 计算梯度与法向量
dx = cv2.Sobel(height_bump, cv2.CV_32F, 1, 0, ksize=3)
dy = cv2.Sobel(height_bump, cv2.CV_32F, 0, 1, ksize=3)
z_component = np.ones_like(dx)
normal_vec = np.dstack((-dx, -dy, z_component))
normal_vec = normal_vec / np.linalg.norm(normal_vec, axis=2, keepdims=True)

# 配置左上角45度光源
light_vec = np.array([-1, -1, 1], dtype=np.float32)
light_vec = light_vec / np.linalg.norm(light_vec)

# 计算明暗遮罩
shade_mask = np.clip((normal_vec * light_vec).sum(axis=2), 0, 1)
shade_mask = np.dstack([shade_mask] * 3)

# 混合得到最终结果
result = np.clip(bgr_channel * (0.4 + shade_mask * 0.9), 0, 255).astype(np.uint8)
result = np.dstack((result, layer[:, :, 3]))
cv2.imwrite("bevel_output.png", result)

如果需要实现凹陷效果，只要把高度Bump Map取反即可；需要外斜角就反转Alpha蒙版后再做距离变换，其余逻辑不用改动。

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