栏目「有技巧」是UBook知识在线的实用技巧专栏，专注于为常见问题&电脑&手机使用提供实用解决方案和技巧，旨在传递更多有用的日常技巧。

提起样机，我相信每个人或多或少都会有想说的东西。怎么获取样机，每个人应该从各种渠道得知，比如千图psd文件，或者觅元素得到无背景png图片。

很容易的，我们可能会得到这样的样机展示图：

嗯。既然我已经提前把这些东西都展示出来了，那今天要分享的，肯定不是这一类样机的制作方法了。

今天，分享给大家一个样机网站：

并且带大家开一下脑洞，一起来看看样机的不同玩法！

登陆进入网站之后，页面是这样的：

虽然是全英文页面，但是基本的单词都比较简单，不认识的查一查就会了，顺便也学习了一波英语～

在网站的上方，所有的样机已经为你分好类，包括电子设备，服装，名片等等，基本能满足我们的制作需要：

这个功能主要是针对iphone x

大家在用样机的时候，把样机当成容器装在图片是很常见的用法，比如这样：

就好像当office365出来之后，我们就不想用office 2016了一样，在选择手机样机的时候，我们的首要选择一定是iphoneX。

可是，往iphone X里面装载图片的时候，把图片裁成贴合它上面的刘海，真的很困难！

这个网站可以在线生成，然后导出png图片。

具体操作是这样：

选择一个你想要的样机，然后打开

点击upload images，然后选择你想要装载的图片

之后会跳出来一个裁剪图片的窗口，按你自己的需要裁剪，然后点击“crop and countine"

此时样机图就制作完成了，但是如果此时下载导出，就是有底图的图片。

接下来的操作就是去除底图了，点击这里的”CUSTOMIZE"

可以调节的一共有两个参数

一个是背景，可以设置为无背景，或者自己设置背景颜色

一个是裁剪尺寸，里面提供了几种默认尺寸：1：1，4：3，16：9

我们来具体看一下设置有多么得方便

当我们制作出无背景的样机之后，放在我们的PPT里面，再搭配想要的底图，方便快捷且实用。比如这一页：

我们直接用1页PPT来认识这个功能

可以看出，这页幻灯片是中国银行的，而右边手机的页面又恰巧是中国银行手机银行的开始页面。这个是怎么实现的呢？

如果你说导入图片，三维旋转，然后布尔运算，一点点与图片样机贴合。那我一定要送你一句棒棒哒。因为你这一页做完，我整套都做完了！

我们来看一下在这个网站里面的制作方法：、

选择样机场景图——导入展示图片——下载制作完成的图片

搞定了!图片与样机完美贴合。

当然，里面场景很多，怎么去玩就看大家的选择了，比如在名片里面可以这样玩：

刚才展示的样机种类只是很小一部分，里面有很多效果堪比PS的样机图可以帮助我们在线生成，比如

这对于那些不会PS的人来说，简直是福音，轻轻点击一下，制作的效果简直堪比PS！

还在等什么呢？赶紧去试一下吧！最后再说一下网站网址：https://smartmockups.com/