为你的“局部”截图或纯边框图片加上 macOS 风格的阴影
不管你喜不喜欢,macOS 截取完整应用程序窗口的快捷键(⇧- ⌘- 5)默认会在保存的图片周围加上一层淡淡的阴影。当你把截图或图片放进文档时,这能让画面更有视觉吸引力。convert 这个程序是 ImageMagick 工具包的一部分,提供了一个好用的命令行功能,可以为你的任何图片加上同样的阴影效果(例如用 .⇧- ⌘- 4 截取的局部截图)
安装完成后,你可以用以下命令行命令为图片加上阴影:
convert "Screen Shot 2021-07-07 at 09.47.13.png" \( +clone -background black -shadow 80x20+0+15 \) +swap -background transparent -layers merge +repage "Screen Shot 2021-07-07 at 09.47.13.png"
运行后会把这张图:

变成这张:

小技巧:你可以在 BASH 或 ZSH 环境中创建一个伪函数,例如在你的 ~/.bashrc 文件里加入这一行:
shadow () { convert "$@" \( +clone -background black -shadow 80x20+0+15 \) +swap -background transparent -layers merge +repage "$@"; }
然后(第一次使用时)source 你的 ~/.bashrc 文件使其生效:
source ~/.bashrc
现在,你只要在命令行输入以下命令,就能为任何图片文件加上阴影:
shadow "Screen Shot 2021-07-07 at 09.47.13.png"
(记得如果文件名包含空格,要在文件名前后加上双引号)
用阴影强化 PNG 图片
为 PNG 图片加上阴影可以大幅提升它的视觉吸引力,让它在任何背景上都更加突出。这种阴影效果能营造出深度感,让图片看起来更立体。对设计师和内容创作者来说,在项目中运用带阴影的 png 图片能提升整体美感,让设计更吸睛、更专业。
如何用 CSS 加上阴影
对想通过 CSS 为 PNG 图片加上阴影的网页开发者来说,box-shadow 属性是个非常灵活的工具。下面是一个简单的示例:
css img { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); }
这段代码会为图片加上淡淡的阴影效果,使用不透明度 50% 的黑色阴影。你可以调整数值来达到想要的阴影投影范围与强度。
阴影 PNG 图片的创意用法
带阴影的 png 图片不只是为了美观,在设计上也能发挥实际作用。例如,阴影可以把观看者的注意力引导到特定元素上、营造层次感,或为扁平化设计增添质感。无论你是在设计网站、创作数字艺术,还是准备演示文稿,阴影都是创作工具箱里的一件利器。
借助 ImageMagick 或 CSS 这类工具,你可以轻松为 PNG 图片应用阴影效果,强化它们的视觉冲击力,确保能抓住观看者的目光。
完成。