Softonic

图像阴影叠加器

步 1 / 4 投影

扁平化产品截图会以柔和的阴影效果从页面中浮现；若未添加阴影，则该画面显得像是粘贴进去的。此工具可创建可自定义的阴影效果，并提供模糊半径、偏移量、扩散范围及颜色等独立控制参数，最终生成已内置阴影效果的PNG文件，适用于营销页面、博客页眉及文档内容。

如何添加阴影效果

  1. 1

    上传图片

    与已具备透明度的PNG文件或需要添加边框的产品截图配合使用效果最佳。

  2. 2

    设置阴影参数

    模糊半径、X/Y偏移量、不透明度、颜色。

  3. 3

    选择画布

    适应图像及阴影，或固定尺寸并带有填充。

  4. 4

    导出

    PNG格式输出可保留柔和的阴影边缘； JPG 则会显示可见背景。

感觉恰到好处的阴影设置

优质的落影通常比人们直觉中认为的更为柔和、不那么浑浊。

预设样式

样式 模糊效果 Y轴偏移量 不透明度 扩展范围
精细提升（UI卡片） 12像素 2像素 8% 0
材料高度 2 8 像素 2 像素 15% 0
材料高度 8 24 像素 12 像素 20% 0
社交媒体帖子 40 像素 20 像素 25% 0
浮动英雄图像 80 像素 40 像素 30% 0
长阴影（扁平设计） 0 像素 40 像素 30% 0

阴影颜色

黑色易于处理，但常显得生硬；而将图像主色调调至暗度较低的版本则能呈现更自然的整体效果。 纯黑色（不透明度为25%）通常优于不透明度为70%的黑色。 暖色调图像下方呈现暖色调阴影，冷色调图像下方呈现冷色调阴影。

光所在的位置

若图像具备内在光照特征（如带有高光区域的标志），请将阴影方向与该光照方向保持一致。普通照片截图通常在采用自上而下光源时效果最佳（阴影位置向下偏移2–20像素）。

PNG 与 JPG 输出对比

  • PNG：阴影边缘会干净地渐变至透明，非常适合将图像放置在任何背景上。
  • JPG ：阴影会平铺在选定的背景色上。适用于已确定最终背景位置的情况。

避免堆叠效应

阴影效果、粗边框、圆角以及颜色渐变组合在一起会显得过于复杂；不妨选择其中一两种元素，简单的边框搭配阴影通常就足够了。

常见问题

几乎总是透明度过高。将其降至20%-30%，并增大模糊半径。日光下的真实阴影是弥散的；而清晰的深色阴影则容易被误认为舞台灯光。

该工具仅生成外部阴影效果。如需创建嵌入式阴影（例如文本压入表面），请使用专用的斜面/浮雕滤镜。

默认情况下为“是”，画布会扩展以包含阴影范围。如果您希望阴影在边缘处裁剪（适用于拼接或连续背景），可将画布锁定为原始尺寸。

是的。使用带透明度值的PNG图像时，阴影会出现在不透明区域周围，而非整个矩形区域内；而具有复杂轮廓的产品剪裁图则能呈现自然且与形状完美契合的阴影效果。

相关工具

材质设计颜色选择器

浏览Material Design色板，单击即可将任意色号（50至A700）以HEX、RGB或 HSL 格式复制。

ARW 转 JPG 转换器

将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom，即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。

三折页制作工具

在浏览器中私密编写六面三折页，预览正反两面，选择配色，并通过浏览器打印对话框完成打印。

色盲模拟器

模拟不同色盲类型（红色盲、绿色盲、蓝黄色盲及全色盲）患者对图像的视觉感知效果。

GIF转PNG帧

将动画GIF分割为按顺序编号的独立PNG帧，适用于精灵图、动画编辑和视频处理流程。

旗帜制作器

在浏览器中使用六种布局、颜色、文字和符号设计简洁的自定义 3:2 旗帜。可下载 SVG 或 PNG，或打开浏览器打印对话框。

此工具还提供其他语言版本