Mockuper 将图片快速合成到平板电脑、手机或看板上

有时候在网路上看到别人制作的插图很有质感，通常会在图库素材中整合自家产品，不但没有违合感，还能解决类似照片不好拍出来的问题，其实不用透过专业软体就有一些线上工具可以做到，例如Smartmockups除了网页版以外还能付费购买Mac应用程式，其他像是Magic Mockups、MockUPhone或Dimmy.club都能满足类似需求，当然图库相片多不多也会是选择的因素之一。

本文要推荐另一款类似的免费服务「Mockuper」，可以快速将手边的撷图或任何相片整合到图库装置萤幕中，Mockuper提供各种装置类型，包括桌上电脑、笔记型电脑、平板电脑、手机、智慧手表和一些实体物件，例如名片、画框、广告看板或笔记本，只要选择裁切范围，调整后就能输出各种尺寸大小的相片。

特别的是Mockuper 能为装置萤幕内的图片加入「反射」效果，可再调整不透明度及反射形状，让它看起来更有真实感，目前Mockuper 收录大约190 张素材，有部分在其他网站曾经看过，但它在操作上还算好用，不过速度稍慢一些。

网站名称：Mockuper
网站链结：https://mockuper.net/

使用教学

STEP 1

开启Mockuper网站，从左侧选取要使用的图库素材，点击「Choose」大图会显示在网页右侧，同时在装置萤幕中标示出建议置入的图片长宽大小，如使用合适尺寸较能获得最佳显示效果。

网页左上角可切换不同的装置类型，包括桌上电脑、笔电、平板电脑、手机等等。

STEP 2

选好图片后，要怎么把我的画面整合到装置萤幕中呢？很简单，点选右侧萤幕，就能进入图片上传及编辑功能，如果之后要清除，可直接点选上方「Clear」按钮。

STEP 3

将你要呈现的图片拖曳到中间虚线框。

接着调整要显示的范围，如果你依照Mockuper 建议，上传合适的图片大小，那么应该不用移动或放大缩小，就会符合显示范围；另外，左侧是用来调整「反射」效果、不透明度和形状的功能，如果套用反射后看起来很不正确，也可回到编辑模式将它关闭停用。

STEP 4

将图片整合到素材画面中，看起来非常真实，角落也不会出现锯齿或颜色错误问题。若想再次调整编辑，可以点击上方绿色的「Screenshot & Settings」按钮。

STEP 5

最后，点选右下角的「下载」按钮，挑选要下载的相片尺寸，从最小XS、S、M、L到最大张的XL ，不过网站没有提示这些相片的实际尺寸。

点选后跳出相片，在上方点选滑鼠右键，找到「另存图片」就能将相片保存下载。

值得一试的三个理由：

1. 快速将萤幕撷图或画面合成到图库装置萤幕中
2. 收录桌上电脑、笔记型电脑、平板电脑、手机、智慧手表等190 张素材
3. 可设定反射、不透明等效果，看起来更贴近真实

广告

Report this ad