UD5工具箱
使用前准备
在开始使用浮雕效果生成器之前，请确保满足以下条件：
- 浏览器要求 — 推荐使用 Chrome 90+、Firefox 88+、Safari 14+ 或 Edge 90+ 等现代浏览器，以确保Canvas API和WebAssembly功能正常运行
- 图片文件 — 准备一张需要处理的图片，支持 JPG、PNG、WebP 格式，建议图片尺寸不超过 4000×4000 像素以获得最佳处理速度
- 网络连接 — 首次使用时需要加载页面资源，之后所有处理均在本地完成，无需持续联网
详细操作步骤
步骤一：上传图片
打开浮雕效果生成器页面后，您会看到一个醒目的图片上传区域。上传图片有三种方式：
- 点击上传 — 点击上传区域，弹出文件选择对话框，从本地文件夹中选择需要处理的图片文件
- 拖拽上传 — 将图片文件从文件夹中直接拖拽到上传区域，松开鼠标即可完成上传
- 粘贴上传 — 如果图片已经在剪贴板中（如截图），可以直接按 Ctrl+V（Mac用户按 Cmd+V）粘贴到页面中
上传成功后，页面会立即显示图片预览，同时右侧的参数控制面板会自动激活。
步骤二：选择光照方向
在参数控制面板中，找到"光照方向"选择区域。这里有8个方向按钮，每个按钮上标有对应的方位名称和角度。点击不同的方向按钮，右侧预览区域会实时更新浮雕效果。
选择光照方向时的建议：
- 东/东南方向 — 最常用的方向，适合大多数场景，产生自然的从右上方照射的光照效果
- 北/东北方向 — 适合模拟顶部光照，常用于制作按钮、卡片等UI元素的浮雕效果
- 西/西南方向 — 适合制作从左侧照射的光照效果，常用于特定设计需求
- 南/西北方向 — 较少使用的方向，适合特殊艺术效果
步骤三：调节浮雕参数
光照方向确定后，通过以下两个滑块进一步微调浮雕效果：
强度调节 — 将鼠标悬停在强度滑块上，按住鼠标左键左右拖动。向右拖动增加强度（浮雕效果更明显），向左拖动降低强度（效果更柔和）。建议从中间值开始，逐步微调到满意的效果。
亮度偏移 — 向右拖动使整体变亮（凸起效果），向左拖动使整体变暗（凹陷效果），保持在中间位置则使用默认中性灰基准。
步骤四：使用快速预设（可选）
如果您不想手动调节参数，可以直接点击"快速预设"区域的5个预设按钮。每个预设会自动设置一组参数组合，一键生成对应的浮雕风格：
- 点击"经典浮雕" — 获得均衡、自然的浮雕效果
- 点击"金属质感" — 获得高对比度的金属表面效果
- 点击"石刻效果" — 获得粗犷的石材雕刻质感
- 点击"柔和浮雕" — 获得低调、柔和的浮雕纹理
- 点击"深浮雕" — 获得强烈的凹凸对比效果
使用预设后，仍然可以在此基础上进一步微调参数。
步骤五：高级选项（可选）
展开"高级选项"区域，您还可以使用以下功能：
灰度预处理 — 开启后，图片会先转为灰度图再进行浮雕处理，生成经典的单色浮雕效果。适合制作仿金属或石雕风格的作品。
反转凹凸 — 开启后，浮雕的凹凸方向会反转，原来的凸起变为凹陷，凹陷变为凸起。适合制作凹陷雕刻效果。
步骤六：下载结果
对浮雕效果满意后，点击页面底部的"下载"按钮。工具会自动将处理后的图片以PNG格式保存到您的下载文件夹中。下载的文件名会自动添加"_emboss"后缀，方便您区分原图和处理后的图片。
进阶技巧
技巧一：批量处理策略
如果需要为多张图片添加相同的浮雕效果，建议先在一张测试图片上调好参数，记录下参数值（光照方向、强度、亮度偏移），然后对其他图片使用相同的参数。虽然工具暂不支持批量上传，但记住参数组合可以大幅提高处理效率。
技巧二：分层效果叠加
对于需要更复杂浮雕效果的设计师，可以尝试：先生成一个方向的浮雕效果并保存，然后在Photoshop或其他图像编辑器中与另一个方向的浮雕效果进行叠加混合。通过"正片叠底"或"柔光"等混合模式，可以创造出比单一方向更丰富的立体层次。
故障排除
问题一：上传图片后没有显示预览
可能原因：图片文件过大（超过20MB）导致浏览器内存不足。解决方案：使用图片压缩工具将图片缩小到合理尺寸后再上传，建议最大边不超过4000像素。
问题二：浮雕效果不明显
可能原因：原图细节较少或对比度较低。解决方案：先尝试增加强度参数到最大值；如果仍然不明显，说明原图确实缺少足够的边缘信息，建议使用细节更丰富的图片。
问题三：下载的图片尺寸变小了
可能原因：原图尺寸过大，浏览器自动进行了缩放处理。解决方案：建议上传最大边不超过1800像素的图片，以确保输出分辨率与输入一致。
问题四：页面响应缓慢
可能原因：浏览器标签页过多或设备性能不足。解决方案：关闭不必要的浏览器标签页，释放内存资源；确保浏览器版本为最新版以获得最佳性能。