如何在OS X中生成iOS / Flurry样式图标？

正如你们中的一些人可能知道的那样，app图标的iOS处理方式是 无情严厉 。它会强制角落的某个圆度，并且不允许透明，从而强制统一外观。我觉得这很好。

我最近爱上了Iconfactory的 慌张 图标集和制作那种风格的新图标让我思考;什么是在自定义图像上应用蒙版和叠加层的最简单方法，以及 生成完整OS X图标文件所需的所有大小 （ICNS）？

如下所述，我不是在寻找iOS如何生成其图标的技术解释，也不是用于动态生成图标的系统级解决方案。正如上面粗体提到的那样。我也知道IconBuilder的方法，尽管它是一个很棒的工具，但它并不是我要求的。我更喜欢某种拖放式界面。

建立cksum的答案，如果你能够以足够高的分辨率获得掩模，叠加和阴影图像（ @2x 图像仍然只有大约140像素的平方，并且您对命令行/ shell脚本感到满意，您可以使用一个漂亮的命令行图像处理器ImageMagick来实际屏蔽和组合图标。

一旦你安装了ImageMagick，（http://www.imagemagick.org）[他们有安装说明 这里 你应该能够使用蒙版，叠加和阴影来处理你的图像：

convert YourImage.png overlay.png -composite YourImage_overlay.png
convert YourImage_overlay.png mask.png -alpha off -compose CopyOpacity -composite YourImage2.png
convert shadow.png YourImage2.png -composite YourImage_largest.png
convert YourImage_largest.png -geometry 512 Icon512.png
convert YourImage_largest.png -geometry 256 Icon256.png

这假设Your_Image是大而正方形（1024x1024）并且mask.png，overlay.png和shadow.png的大小相同。

理想情况下，您不仅可以重新采样最大的图标以获得较小的版本，但您可以使用普通的图标制作软件（例如IconBuilder）并使用它来制作每种尺寸的YourImage，然后分别对每一个进行上述操作。

至于将蒙版，叠加和阴影图像设置为正确的大小，我最好的建议是放大它们然后用Photoshop或GIMP以全分辨率构建它们（即绘制新的圆形和渐变）。

一旦你获得了每个分辨率的图像，就可以将它放入苹果公司自己的Icon Composer（在iOS / Mac SDK中）来创建.icns

这不是最简单的解决方案，但它为您提供了指定精确掩码和其他效果以及命令行的灵活性。

也许如果有人写了一个黑客（但我仍然持怀疑态度，因为所有这些都可以通过获取图标的模板（PSD文件）并手动完成来轻松完成。

iOS有一个框架来处理SpringBoard图标。文件如下（命名约定取自iOS 5.以前的iOS版本删除~iphone后缀）：

1. AppIconMask@2x~iphone.png
2. AppIconOverlay@2x~iphone.png
3. AppIconShadow@2x~iphone.png

（1）是剪切蒙版，它决定了图标的形状。 （2）“光泽”效应在过去几年中有些失宠，是可选的。 （3）是图标的基础，在最终产品下应用的阴影。

我做了一个图形和随附的解释，说明它们是如何在我的一起工作的 网站 这应该有助于更好地解释iOS如何在各自的设备上提供图标。

OS X没有这样的系统。每个图标都受到Finder中设置的尺寸的限制。 Apple从未试图控制OS X上的图标外观，但希望在iOS上拥有统一的外观（我不怪他们），因此他们开发了这样一个框架的原因。

您可以尝试联系Cocoa开发人员将MobileIcons.framework从iOS移植到OS X，但同样，因为Finder可以调整大小（在Lion中，从1024x1024开始下调），我仍然对它尽可能持怀疑态度。

提到的其他应用程序有其用途，但对于您声明的请求，有2个应用程序可以非常轻松地完成它：

• 图标
• iDeveloper - 图标生成器

两者都可以在Mac App Store上找到，但我更喜欢 图标 两者之间 - 它更强大，更完美。正如你从屏幕上看到的那样我添加了， 图标 对所有变量（角落，光泽，出口尺寸等）进行修补非常容易 - 这只是应用程序的一部分！ （其他选项卡处理非iDevice图标......）

首先，退房 Img2Icns 从512x512图像文件制作ICNS文件的最简单方法。 （免费版本很棒）。

第二，退房 糖果条 管理和安装替换图标。花费几美元，但这是一个很棒的计划。

第三，搜索已创建的Flurry图标的DeviantArt。搜索两者 乱舞图标 和 ios图标 。

最后，如果找不到您要找的内容，请使用此选项 乱舞模板 创建新图标。

无需创建角落和光泽，它们会在编译时由您的应用程序自动添加。

来自文档 1 ：

当iOS在设备的主屏幕上显示您的应用程序图标时，它会自动添加以下视觉效果：

• 圆角
• 投下阴影
• 反光光泽（除非你防止光泽效果）