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 格式复制。

五线谱纸生成器

制作空白五线谱纸，可设置每页五线谱数量、谱线间距、纸张尺寸、页边距及可选的 G 或 F 参考标记。预览后下载 PDF 或 SVG。

PNG 转 SVG 矢量化工具

在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。

乐高风格马赛克制作器

将照片转换成每边 16、32 或 48 格的方形马赛克。预览近似颜色、统计 1×1 平板颗粒，并下载带编号的拼搭指南。

半色调生成器

将照片转换为可调节的 AM 式半色调，可选单色、取样色和 CMYK 风格模式，并下载 PNG 或矢量网点 SVG。

报纸制作工具

使用你自己的标题和文章制作报纸风格的头版，然后复制、下载纯文本，或打开浏览器打印对话框。

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