使用 Imagemagick 创建带阴影的 MacOS 风格屏幕截图

Create MacOS style screenshots with dropshadow using Imagemagick

如何使用 imagemagick 将投影添加到任何图像，以创建与 MacOS 上的屏幕截图添加到屏幕截图相同的效果，当屏幕捕获阴影为真时？

我在展示之前和之后，以阐明我想要的效果。

我已经尝试识别目标图片中阴影的形状

我认为这很相似，但您可以尝试使用参数：

convert screenshot.png \( +clone -background black -shadow 50x50+30+30 \) +swap -background white -layers merge +repage result.png

这里我把阴影颜色改成品红色，然后移动它，把它放在黄色背景层上，这样你就可以看到效果了：

convert screenshot.png \( +clone -background magenta -shadow 200x50+30+30 \) +swap -background yellow  -layers merge +repage result.png

以下似乎有效。我做了两次 -- 一次是为了更明确地显示阴影，然后一次是为了显示所需的完成输出。

# adds the shadow
convert source.png \( +clone -background black -shadow 100x40+0+16 \) \
+swap -background none -layers merge +repage output.png

# adds the additional space like MacOSX
convert output.png -bordercolor none -border 32 target.png

注意事项：

  1. 顶部的padding应该少20px，底部的padding应该多20px；这个解决方案在这方面并不完美。

  2. OSX 屏幕显示在图像周围绘制了一个白色边框，包括圆角。我无法复制它。

  3. osx 屏幕截图中的阴影看起来更模糊，但我不知道如何测量蓝色并校准解决方案。

突出显示阴影以显示形状和模糊