偶然在站内看到这篇文章，让你快速的生成带iPhone和Android设备的展示模型。

《教你快速生成手机展示模板》——作者：DouMax

直接生成，很受用。这篇主要是告知生成750x1334的尺寸模板。

第一回：如何生成手机模板？

1、下载文件解压，打开PS，按住crtl+o找到刚才解压的文件，打开。

2、如图所示，出来这个画面。前期我作图用的是640x960的尺寸，故设备选择的是【iPhon4s】,【选择其他文件】，然后打开选择要生成模板的图片。这里要注意，你做的图是什么尺寸，就选择什么样的设备，设计文件得是png的才能生成成功。

3、哗啦啦的一张图就生成好了。

然而随着iPhone6的问世，设计的时候尺寸选择750x1334才能够上下都能适配，选择640x960的尺寸，图标会模糊。

想想，咋样才能生成iPhone6的手机模板呢。

第二回：如何导入其他尺寸的手机模板？

1、先研究原理。

先研究一下刚刚下载的文件夹，包含如下几块内容，只看【DeviceFrames】（大约是设备框架的意思）、【Scripts】（大约是脚本的意思），英文好的同学一眼就看明白了。

2、建立效果图模板。

先看【DeviceFrames】这个文件夹的内容，对哒，就是各个手机尺寸的图片格式啦。研究一下每个手机尺寸文件下的图片组成，以【iPhone4_white】为例，基本上各尺寸的手机文件夹都包含以下2组图，横屏手机、横屏光影、横屏底部阴影；竖屏手机、竖屏光影、竖屏底部阴影。

这么说来事情就好办了，建立一个【iPhone6_white】的文件夹，按照已存在的手机尺寸的设置方法，捣腾一个模板出来。

3、新增代码。

懂一点代码的同学明白，下一次肯定是要用到【Scripts】【deviceArtGenerator.jsx】这个文件了，用记事本打开，一路浏览下来，发现了这个（代码都是通的，发现这一段基本上是一样的语句，估计是在这里改）：

这里说一下每一个代表的意思：

这段得跟代码结合着理解，前面id,title啥的都照着改改，后面的它分为横屏（land）的和竖屏（port）的，举个例子：

portOffset——代表在竖屏手机上，从哪个坐标点开始导入图片（从左上角0,0开始）；

portDoc——这个尺寸的效果图整体是多大的，如我做的是1200x2000的（大概是这个意思）；

如下图：

4、看效果。效果图加了，代码也加了，当然是看效果图了。

如果按照这个步骤做的同学应该能成功。

写完这个教程后我问自个儿这玩意儿做起来啥用呢，你直接找一个750x1334的模板，将做好的图copy过去不得了。

我醍醐灌顶般一拍脑门儿：对哦。

不过，也算小有受益。有的美在于过程，有的美在于结果，看你在意的是哪种美。