为了让 Apps 介绍文更佳丰富,有时候我都会把截图插入到装置外框裡,让图片看起来更佳有质感。过去我都是使用 Photoshop 来合成,如果只有一张还好,多张就有点累人,有时候甚至还需要不同装置的截图,花很多时间处理,而最近就发现到这款非常好用的免费线上工具「Device Shots」,提供超多常见装置,从 iPhone、Android 手机、平板、笔电、显示器、一直到智慧型手表都有,每一个都只需要上传截图,即可完成合成处理,轻鬆非常多。还提供修改背景、设定常用尺寸等等的修改功能。
Device Shots 介绍
点我进到 Device Shots 网站之后,选取你需要合成的装置截图,共有六个类别「Phones 手机」、「Tablets 平板」、「Computers 电脑」、「Displays 显示器」、「Watches 手錶」与「Home 家」。
你也能先往下滑,看各类别提供哪些装置,基本上常见的都有,iPhone 甚至好几年前的 5C 都有,一直到最新的 iPhone 11。显示器部分也有才刚推出没多久的 Apple Pro XDR,我以手机为例,点入之后预设为 iPhone 5C,点击右侧的 Device 来选择你要的手机。
Variant 为颜色,就跟实机一样,看当初有推出哪些颜色,这工具基本上都有提供。然后点击右上角 Insert Your image… 选择要上传截图,或是直接把截图拖曳到手机画面中,像这样,装置截图合成就完成了,预设为透明背景,如果你是要拿来合成其他图片,就可以直接点击右上角 Download 下载。
右边的 Canvas 功能提供常用样板,如:Facebook 或 Twitter 贴文、Instagram 故事、Google Play 展示图等等,点击之后装置的背景尺寸就会自动修改,如下图的 Facebook 贴文,这时点击右侧 Background 来修改背景。
提供多个单色与桌布选项,比较可惜是目前似乎无法上传自己的背景图片,有这类需求还是需要靠其他软体来合成,不用一分钟就轻鬆製作出这张带 iPhone X 装置外框的截图,比起 Photoshop 轻鬆非常多。
传送地址
名称:Device Shots
地址:https://deviceshots.com/