一键自动生成 IOS 所有尺寸的 I...

  • 经验类型教程原作者:原作者

  • 经验属性原创文章
  • 经验版权署名
74825 61 243 2015-01-29

最近遇到了一个比较坑爹的状况,ios的icon还没最终修改好,但是每修改一次都要出图给工程师查看不同机器的效果,生成1024后在切出不同分辨率的大小的过程很是繁琐,效率及其低下,作为专业切图13年的切图仔,肯定会想到万能的互联网有方法去解决这个问题,就像 cc2014的全自动切图功能一样。

所以果然从网上找到了相关的脚本代码,但是并没有人把文件生成 jsx 可以直接放到 PS 里用的那种,并且文件内容有些老,所以把相关的代码拷下来,然后跟公司的工程师一起修改了下,生成了一个 PS 可以直接用的 jsx 文件,并且把现在 xcode里需要的所有尺寸的大小都更新进去了。具体方法使用向下看:


所以IOS设计师有福啦,以后出一个1024的图标后使用此脚本即可自动切出 IOS所有尺寸icon。



虽然完工了,但是不够完美,所以......





以下为相关参考资料,可以略过,请直接无视吧:

脚本想关代码:


Xcode 需要上传的图标数量及大小:Apple 官方文档链接

如果发现缺少哪些尺寸请及时留言回复,我会尽快添加上去的。  






appicontemplate_v4 模板下载地址:http://vdisk.weibo.com/s/D8EpVbEJhXpQ


    转载请保留以下信息,因为我还会针对不严谨的地方及新的发现随时修改。(最后更新  2015-2-15   15:50)

    ————————————————————————————————————————————

    本文转载自UI 中国,作者@ youngxkk

    原文地址  http://www.ui.cn/project.php?id=40848

    ————————————————————————————————————————————

全部评论:61

  • 蛋蛋251

    2017-07-18 11:32

    您好,可以问下为什么用这种方法切出来的图片会有些模糊呢?

  • 东芳芳

    2016-08-06 15:21

    话说android怎么办呢

  • lllluffy

    2016-02-18 11:58

    @润芝中正: 就是那个动作,你点开相应的每一步,你挨着点试试,可以更改路径的

  • hermit_yj

    2016-01-25 14:24

    动作保存的时候出现“目标文件夹不存在”的时候,你就点开动作,然后双击第一个“导出”哪里,出来的框里面点存储,存储到桌面。然后继续执行动作。

  • 润芝中正

    2016-01-21 14:26

    @Youngxkk: 选中1024的图层(组也试过),打开动作面板载入icon template,选择ALL那个组,执行动作,弹框提示:目标文件夹不存在,无法完成此动作!查了下动作录制内容,发现导出组内问题所在(位于:文件或文件夹未找到),能分享此宝已经很不好意思了,想凭一己之力完成,不再麻烦他人,但经多方查找解决方案,仍无对策,无奈,只有回来麻烦楼主了,万望楼主海涵……

  • Youngxkk

    2016-01-21 14:04

    @润芝中正: 具体到哪一步不行了?详细情况说明一下吧

  • 润芝中正

    2016-01-20 22:43

    @lllluffy: 试了几个小时都不行,查了各种解决方法也无济于事,请问,你回复的是什么意思呢?动作怎么修改?能说细点吗?或其他各位有懂的也麻烦告知下,好吗?在此先谢过了。

  • lllluffy

    2016-01-14 10:24

    那个找不到文件路径的,直接在动作里面改,双击存储一下,然后再点击那个动作,就导出来了。

  • 蜗牛小丫

    2016-01-07 16:25

    我的电脑PS显示“由于目标文件夹不存在,无法完成此动作” 这个怎么办呢

  • Youngxkk

    2015-12-13 01:07

    除了sketch,还有另一个插件也可以快速生成全套icon,叫 ICONtemplate 『ICONtemplate』 ,在你做好一个icon的时候,点击它,可以一键生成图标模板,还可以一键导出各种尺寸,灰常之方大便。

  • UIsaddy

    2015-11-16 10:49

    @Fatball:

  • 小渣渣豆儿

    2015-09-16 18:21

    iconPS动作这个我用过。很好用。

  • Youngxkk

    2015-09-08 10:23

    鉴于 sketch 也可以一键生成全套icon,并且非常简单,所以此帖不在更新。

  • 星与夜

    2015-06-15 11:14

    @thedrayman: 我跟你一样的情况,试了很多次

  • 三点瞌睡

    2015-05-05 14:26

    很不错的脚本,有学习到新知识了.....

  • Youngxkk

    2015-04-25 02:06

    附件已增加了180像素的大小

  • Youngxkk

    2015-04-23 13:54

    想替换这个附件,增加了180像素的大小,结果 文章无法编辑了。

  • xiaoxiongLF

    2015-04-04 22:34

    看起来很不错

  • Fatball

    2015-03-31 13:41

    导出的icon好像有不饱和模糊的像素啊

  • qq481742

    2015-03-30 11:02

    安卓的有麻?

  • Youngxkk

    2015-03-29 23:08

    顺便说一句,Sketch 自带这个基本的功能,泪~~~~~~~

  • cece_

    2015-03-26 16:16

    第二种方法实验 win7下 运行动作就提示目标文件夹不存在,无法完成动作 PSCC的版本 求解

  • cece_

    2015-03-26 16:11

    @thedrayman: 一样的问题 求解

  • 2802381243

    2015-03-26 14:17

    @fanfanna: 我的也是这样的情况,win8.1的系统,软件是pscs6,不知道是什么原因

  • Q_十二十

    2015-03-24 13:43

    狂赞!

  • Youngxkk

    2015-03-23 23:31

    @街角的祝福: 下载后解压就有啦

  • Youngxkk

    2015-03-23 23:30

    @wcyaihy521: 如果有常用的安卓和主要的安卓市场icon,分辨率太多啦,所以没有加进去,如果哪个分辨率使用的特别多的话可以留言,我也会添加的。

  • Youngxkk

    2015-03-23 23:29

    @蓝色理想: 脚本缺了个180px的,明天我会加上去的.

  • Youngxkk

    2015-03-23 23:29

    @wcyaihy521: 脚本缺了个180px的,明天我会加上去的.

  • 街角的祝福

    2015-03-23 14:27

    为什么下载文件了找不到JSX后缀名的文件啊?

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票