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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,087评论 19 139
  • 来个大整容 app在横屏状态下是不显示iPhone的状态栏的(就是有个小电池的那一栏),除非你强制app这样做。这...
    Billionfan阅读 4,072评论 8 9
  • 你好,世界!我来啦!
    楚霸王leo阅读 261评论 1 1
  • 春秋末年,道家老子骑青牛西去时路过函谷关,被函谷关守关官员尹喜(道行高深,德高望重)得知。尹喜得知 老子即将路过此...
    西湖断桥景阅读 1,072评论 1 2
  • 风,吹散了寂寞的尘埃,也吹散了那一瞬的永恒,都说风是无情的,风过无痕,会带走所有留下的痕迹。可当我不经意间回首时,...
    一个人独舞_阅读 632评论 0 1