手揣网教程/图形图像/内容

使用PhotoShop动作大局部生成iOS图标

图形图像2023-01-22 阅读
[摘要]每次制作iOS应用图标都需要制作10来个不同尺寸,是不是很麻烦;当然更麻烦的是每次修改以后都需要重新另存这些不太的尺寸和名称;要是偶尔不小心名字和尺寸弄岔了,还会造成不必要的错误。    Photo...
每次制作iOS应用图标都需要制作10来个不同尺寸,是不是很麻烦;当然更麻烦的是每次修改以后都需要重新另存这些不太的尺寸和名称;要是偶尔不小心名字和尺寸弄岔了,还会造成不必要的错误。

    PhotoShop的动作功能可以很好的解决这个问题,我们可以录制一个动作,把1024*1024的Icon自动修改为不同的大小同时保存为不同的名称。每次只修改1024的图标然后一个动作执行下拉全部更新。

1、打开一张1024*1024的icon图片,合并所有图层,避免改变大小以后边框和投影没有缩放。

使用PhotoShop动作大局部生成iOS图标

2、打开动作面板,窗口》动作

使用PhotoShop动作大局部生成iOS图标

3、新建一个动作组和一个动作

4、选择新建的动作1,按下录制按钮

使用PhotoShop动作大局部生成iOS图标

5、分别执行: 图像 》 图像大小 》 尺寸(如:512*512) 》 保存为 (Icon-512.png )

尺寸和命名参考一以下表格:

表格一:只支持iPhone的app图标要求。

尺寸文件名用途是否必须备注
512×512iTunesArtworkAd Hoc iTunes可选,但建议加入文件应该是PNG格式,但文件名不要使用.png后缀。
57×57Icon.pngiPhone/iPod touch的App Store和主屏幕(Home screen)必须
114×114Icon@2x.png高分辨率的iPhone 4主屏幕可选,但建议加入
72×72Icon-72.png主屏幕,为了兼容iPad可选,但建议加入
29×29Icon-Small.pngSpotlight和设置app可选,但建议加入
50×50Icon-Small-50.pngSpotlight,为了兼容iPad如果app有设置程序包,那么建议加入。否则可选,但建议加入。
58×58Icon-Small@2x.png高分辨率的iPhone 4的Spotlight和设置app如果app有设置程序包,那么建议加入。否则可选,但建议加入。

表格二:只支持iPad的app图标要求。

尺寸文件名用途是否必须备注
512×512iTunesArtworkAd Hoc iTunes可选,但建议加入文件应该是PNG格式,但文件名不要使用.png后缀。
72×72Icon-72.pngiPad的App Store和主屏幕必须
50×50Icon-Small-50.pngiPad的Spotlight可选,但建议加入。
29×29Icon-Small.pngiPad的设置app如果app有设置程序包,那么建议加入。否则可选,但建议加入。

表格三:Universal的app图标要求。

尺寸文件名用途是否必须备注
512×512iTunesArtworkAd Hoc iTunes可选,但建议加入文件应该是PNG格式,但文件名不要使用.png后缀。
57×57Icon.pngiPhone/iPod touch的App Store和主屏幕(Home screen)必须
114×114Icon@2x.png高分辨率的iPhone 4主屏幕可选,但建议加入
72×72Icon-72.pngiPad的App Store和主屏幕必须
29×29Icon-Small.pngiPad和iPhone的设置app,iPhone的Spotlight如果app有设置程序包,那么建议加入。否则可选,但建议加入。
50×50Icon-Small-50.pngiPad的Spotlight可选,但建议加入。
58×58Icon-Small@2x.png高分辨率的iPhone 4的Spotlight和设置app如果app有设置程序包,那么建议加入。否则可选,但建议加入。

6、保存完所有的尺寸和对应名称后,按录制按钮左侧的停止,效果如下:

使用PhotoShop动作大局部生成iOS图标

7、好了搞定, 下一次如果图标发生改变,或者别的应用需要制作图标,只需要打开1024*1024的图片,执行录制按钮边上的播放按钮就会自动把所以图标文件生成好了!

8、效果如下:

使用PhotoShop动作大局部生成iOS图标

使用PhotoShop动作大局部生成iOS图标


更多使用PhotoShop动作批量生成iOS图标 相关文章请关注PHP中文网!


Photoshop默认保存的文件格式,可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等。

……

相关阅读