争取用一篇文章让你实现截图加壳自由,告别对套壳截图软件的依赖。
根据以往我所寻找的,Mac 套壳截图软件里面并不完善,有些不尽人意,比如缺乏某种型号或设备的外壳,或分辨率不够,或没有透明背景。于是我恢复了以前 Mac 套壳截图的老方法,就是找到对应的壳,在 Pixelmator Pro 里面自己做。而我需要的,仅仅是一个壳。
Apple 官方设计资源下载
可以从这里下载 Apple 的部分设计资源:
Apple 设计资源https://developer.apple.com/cn/design/resources/
Mac 外壳使用方法
给内框添加参考线
在任意一款平面设计 App 中打开对应的外壳。然后放大图片,给内框边缘添加参考线。
从菜单栏中插入图层
在
平面设计软件中,你可以找到「插入图层」,然后选择准备加壳的截图,选择以后在软件内打开。
调整截图大小以适应外壳
调整截图大小,四边都吸附到参考线上。到这一步,大功告成。
导出图片为 PNG
在对应的设计软件中找到导出图片,然后选择格式为 .png 即可导出未经压缩的,高质量透明背景图片。
至此,一张完美的未压缩超高清套壳截图制作完成。
存储文件以备后用
记得保存好文件,然后每次需要截图加壳的时候就打开设计文件
,更换截图内容就行,方便快捷,不到一分钟搞定。
自动批量截图加壳
如果你需要大量的截图需要加壳,单张手动添加太慢,那还是有终极大招,就是快捷指令。
快捷指令设计思路
将选定的外壳作为常量,然后套用在截图之上。但是往往截图分辨率比屏幕实际分辨率要高,因此在套壳之前先调整截图大小,以便适应外壳。
拖放文本动作
在右侧边栏上方搜索【文本】,然后将「文本」拖放到编辑区域。然后再搜索并添加「设定变量」,命名为「外壳」。这一步将会成为套壳的常量。因为快捷指令一些特性,需要将外壳做成文本写入这里,再解码成图片参与制作。
添加选择文件动作
搜索【选择文件】,然后点按拖放到编辑区域,展开以后勾选「选择多个」。这一步将会被用来选择需要套壳的截图。
添加为每个项目重复
搜索【重复】,选择「为每个项目重复」放置到编辑区域。
调整图像大小
添加「调整图像大小」到结束重复的上面。
图像的尺寸取决于你在使用的外壳的内框尺寸,也就是上文中给内框添加的参考线范围尺寸。打开截图加壳的设计文件,从参考线刻度获取左上角和右下角的坐标。
以我自己的设备为例,取得两个坐标点。
通过横向坐标计算得出宽度 2970,通过纵向坐标计算得出高度 1856。将该数据填入快捷指令的「调整图像尺寸」。
新建快捷指令
打开快捷指令,然后点击加新建快捷指令,并为其命名。
添加叠放图像
搜索并拖放「叠放图像」,然后在变量里面选择「外壳」。这一步的意思是,将外壳添加在调整尺寸后的截图上面。
选择好变量以后点击后面的「展开」,取消勾选「显示
图像编辑器」,位置更改为「自定」,然后将上文中提到的左上角坐标填入 X 坐标和 Y 坐标。还是以我自己的设备为例。
存储套壳文件
搜索并拖放「存储文件」,然后点击「展开」,取消勾选「询问存储位置」,然后在子路径粘贴文件夹位置。获取子路径的方式在从文件夹简介,鼠标停在位置的地方右键即可复制路径。
整个运行流程搭建好以后就需要准备壳的事了。
编码 Mac 外壳
重新再创建一个快捷指令,依次拖放「选择文件」,「Base64编码」和「拷贝到剪贴板」,就像下图这样。这一步会得到 Mac 外壳的编码文本。
运行这个快捷指令,选择自己 Mac 的外壳图片,运行完毕即可。然后打开原来的《套壳截图》快捷指令,在点击文本框并粘贴。
至此快捷指令制作完成,需要进行运行测试。
运行测试
运行制作好的快捷指令,查看最终效果。
- 经过运行,存储路径还是要用「询问存储位置」;
- 叠放逻辑和坐标也有问题,需要将「调整大小后的图像」叠放到「外壳」上。
解决完上述问题,再来运行测试,排查问题,获得成功。
直接下载快捷指令
如果嫌麻烦不想做,也可以直接下载,然后根据自己的 Mac 改装。改装方法可以参考本文。如果你用的 Mac 跟我一样,是 2019款 MacBook Pro 16寸,则无须改装。
Shortcutshttps://www.icloud.com/shortcuts/0b278d1008134dd79a7cec33ee4cd430
Mac 外壳资源
查看原图,然后再保存即可使用。所有图片均为透明背景的 .png 格式,如果保存以后不是透明背景或 .png 格式 说明保存有误,请重新保存。
截至目前,依旧缺乏 Studio DisPlay 设计外壳,目前尚未找到可用资源。
Apple Pro Display XDR
Apple iMac Pro
Apple iMac 27‘
Apple iMac 24‘
Apple New iMac 24‘
Apple New MacBook Pro 16‘
Apple MacBook Pro 16‘ 2019
Apple MacBook Pro 15‘ 2018
Apple New MacBook Pro 14‘
Apple MacBook Pro 13‘ 2018
Apple New MacBook Air 13‘