Mac-程序员必备工具(4)--App icon自动生成系列工具

深碍√TFBOYSˉ_ 2022-08-26 14:27 206阅读 0赞

**在上传我们开发的App时候, 需要一些列不同规格的icon图标。**

**之前呢，我都是利用Photoshop自己来弄，通过改变图像大小，图像命名来完成。**

**虽然能正常完成，但是还是浪费了一些不必要的时间。**

**程序员嘛.. 能偷懒就尽量偷懒。更何况这种没有技术含量的工作,无疑是浪费时间。**

**这里,介绍几种方法和工具，分享下我偷懒的经验...**

# **1. iConify** #

**![Center][]**

**下载链接:[http://itunes.apple.com/us/app/iconify/id416289784?mt=12][http_itunes.apple.com_us_app_iconify_id416289784_mt_12] (也可以在App Store中直接输入iConify)。**

**描述  
★iConify是一个快速和容易的应用程序为您的iOS应用程序生成的资产。  
★累出口不同尺寸不同iOS设备？不要害怕。与图标，您可以生成所有这些图像直接从您的PSD文件。  
★创造你的资产是一个非常简单的过程。使用iConify，没有打开文件，选择选项不繁琐，没有出口的文件夹，什么都没有。只要将您的PSD文件和“boom”；。  
★iConify是智能的。通常，它产生了两个文件（@ 2X和一份你的原始文件）为每一个PSD文件拖放到它。如果你拖动一个文件,它自动生成8个不同的图标文件没有设置任何改变。  
★想手动生成正常的”2个文件？就切换到资产标签和繁荣，他们的存在。就这么简单。**

**你的工作流程变得超级简单。只需拖动文件一个一个图标。复制所有生成的文件从iConify folder到您的iOS项目"。**

**使用说明:**

**1.拖动一张图片(任意格式)到图中的1位置处。此时图片即可自动生成。**

**2.点击图中的2位置。 打开iConify folder即可看到生成的图片了。就这么简单。**

**![Center 1][]**

# **2。Automator** #

# ![Center 2][]    #

**Automator是苹果公司为他们的Mac OS X系统开发的一款软件。只要通过点击拖拽鼠标等操作就可以将一系列动作组合成一个工作流，从而帮助你自动的（可重复的）完成一些复杂的工作。 Automator还能横跨很多不同种类的程序，包括： 查找器、Safari网络浏览器、iCal、地址簿或者其他的一些程序。 它还能和一些第三方的程序一起工作，如微软的Office、Adobe公司的Photoshop或者Pixelmator等。Automator第一次发布是在Mac OS X Tiger (10.4)系统。**

**利用OSX系统上自带的Automator制作了一个service，使用它之后便可以在任意的png图片上右键点击”制作高清ICON”，便立即在同目录下生成对应的icns文件了。**

**service下载链接: 点此下载(双击选择安装)：[制作高清ICON][ICON]**

**使用说明：**

**1.打开下载好的 制作高清ICON.workflow**

**2.按照要求安装.**

**3.安装完成后, 文件会出现在这个位置。**

**![Center 3][]**

**4.这时候选择你的图片,右键---制作高清图片 即可。 会在同文件夹下出现生成的系列图片。**

# **3. icon composer。** #

**比较老的一个工具了。 想了解的话可以自行百度。 也挺好用的。**

**这里。还是比较推崇第一种方法，简单方便。**

[Center]: /images/20220824/81621a7789224d459470b0f22e66aa3e.png
[http_itunes.apple.com_us_app_iconify_id416289784_mt_12]: http://itunes.apple.com/us/app/iconify/id416289784?mt=12
[Center 1]: /images/20220824/46ad122f83b946a1a07c74fb6d9fb933.png
[Center 2]: /images/20220824/a63c70d87a5648d28673c20f32b55a23.png
[ICON]: http://www.tanhao.me/wp-content/uploads/2012/11/%E5%88%B6%E4%BD%9C%E9%AB%98%E6%B8%85ICON.zip
[Center 3]: /images/20220824/dc7160756c724684b08a103514b42949.png