上面这张图看起来是不是很有质感呢？不过这可不是我自己摆设的布景，而是运用合成方式将适当的画面合成到图库素材中的，也被称为「Mockups」，对于要展示一些画面来说非常有用。

本文要推荐的「Mockup Photos」也是一款 Mockups 工具，不过算是老面孔了，我在两年前曾介绍过，当时 Mockup Photos 还是付费服务（只有提供少部分免费素材），而现在他们向所有用户宣布：将 100% 免费对所有使用者开放！

依照 Mockup Photos 网站提供的资讯，一共有来自 14 位独立创作者、超过 1570 个素材模型可以免费使用，无需使用复杂且昂贵的 Photoshop 或其他图片编辑工具，只要从浏览器就能将你想要处理、合成到图库素材的图片上传，甚至是直接输入网址、线上建立截取画面，这些过程比想像中还要简单。

Mockup Photos 收录的素材图片主要分为数位和印刷两方面，更准确来说，前者就是一些电脑、笔记本、手机、平板电脑或智能手表上出现的画面，后者则是实体物品，像是名片、海报、印刷品、画框或相框等等，可以整合的素材相当丰富。

值得一提的是 Mockup Photos 提供图库素材原图，尺寸相当大，亦可线上调整为其他尺寸大小或图片格式（支持 .jpg、.png 和.pdf），使用者能获得非常好的画质效果。

Mockup Photos

网站链接：https://mockup.photos/

使用教学

开启 MockupPhotos 先点选右上角「Sign Up」注册一个免费帐号，如果你之前已经使用过这个网站可直接登入，注册时可直接使用 Facebook 或是填写姓名、Email 等相关信息建立帐户。

登入后返回 Mockup Photos，从上方选单「Browse all」寻找特定的素材分类，前面有提到网站主要将图片分为数位和印刷两种，下方就会显示出子分类，例如iPhone、iPad、Android 手机、MacBook、PC 或 iMac 等等设备。

Mockup Photos 收录的素材图片都蛮有质感，而且还可以整合各种画面，在图片上绿色范围就是可以合成使用者上传相片或网址的区块，有些还会标示出最适合的长度宽度。

在点选要替换的 Mockups 范围后，会显示可以上传图片或输入网址直接建立截图的两个选项，如果你想把某张相片或画面放入素材上，只要将图片上传即可。如果你和我一样比较需要使用网页截图，那么在 Mockup Photos 输入网址也是一个可以产生素材的方法。

填入你要建立截图的网址，点选进入选项后可以调整要截取的位置、使用 pc 端浏览器或是手机端浏览器，对于要制作手机版画面来说会很有用，也就不需要使用者通过手机自行截图。另一点很值得推荐的是 Mockup Photos 可以正常显示中文内容，不会有无法正确显示或产生乱码等问题。

合成后直接在网站上预览效果，因为之前 Mockup Photos 是付费服务，图片上会打水印避免使用者复制图片，不过等到下载图片时这些标示就会消失。

从图片下方找到下载功能，预设为 .jpg 格式，可以选择 .png 或 .pdf，一般情况下会选择原始图片大小，由于尺寸太大、可能不一定用得到，下方还会有中型或小型尺寸，当然也可以视情况需要自行设定长宽。

点选「Download now」需要一段时间处理素材，完成后就能取得合成后的相片了！

值得一试的三个理由：

• 收录 14 位独立创作者、超过 1570 个素材模型可以免费使用
• 上传要合成的图片素材或输入网址直接线上截图
• 提供 .jpg、.png 和 .pdf  三种格式，亦可下载高清原始图片文档