使用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图片。接下来,同样的方式去生成其他设备型号的图片吧。