ScreenshotFramer使用

使用Screenshot Framer可以很容易的创建好看的app store预览图片。

用法

---

1. 下载 Screenshot Framer客户端及Sample Project。

创建app store图片需要提供以下文件资源和配置信息。Sample Project里提供了一些示例

background 文件夹：存放背景图片

device_frames 文件夹：设备的图片，比如iPhone X、iPad Pro 10_5等...  ps: 很奇怪为什么是空的

en-US 文件夹：存放屏幕截图和一个screenshots.strings的文件（预览图片的描述文字）

其他iPad Pro 10_5、iPhone SE等文件是已经生成好的配置信息。

2.  下载完客户端后，打开配置文件iPhone SE。可以看到（图片发不上去，稍后上传）

好像少了点什么？？ 就是上面提到的device_frames文件夹里缺少设备图片，可以到这里下载，下载的psd需要转成png并确保未修改名称。再打开发现舒服多了（图片发不上去，稍后上传）

右边的编辑器部分，切换image（1-5）可以查看每张app store效果图，Language选择en_US，file是文件路径、frame可以调整layer的坐标位置，还有其他的一些配置

点击右下角的Export All，走完进度条，打开Sample Project下多出来Export文件夹里，可以看到已经生成的iPhone SE的5张app store图片。接下来，同样的方式去生成其他设备型号的图片吧。