将图像转换为iPhone工具栏图标

时间:2010-09-17 06:12:24

标签: iphone icons toolbar photoshop alpha

我有一个灰度图标,我正在用Photoshop编辑透明背景,但我不能,为了我的生活,弄清楚如何将图标转换为可用作iPhone工具栏图标的图标。如果我只是将图像保存为PNG,它就不会在iPhone上显示为消除锯齿,因为每个带颜色的像素都呈现为黑色,而不是灰色阴影。

根据Apple文档和其他来源,图像上需要有一个Alpha通道,以指定每个像素的不同透明度级别。但是,我不知道这意味着什么。我已经阅读了Adobe的这些帖子和文档,我仍然无法弄清楚如何将灰度图像正确转换为可用作iPhone工具栏图标的图像。博客文章难以理解,写得不好,Adobe文档也没有真正帮助。

http://cahit.hayalet.net/blog/514/converting-an-image-to-iphone-toolbar-icon/

http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WS74B356C9-353F-4483-8632-7B1A102F2A2E.html

有人可以指出我正确的方向,或提供在Photoshop中执行此操作的准确,分步指导吗?

2 个答案:

答案 0 :(得分:6)

这比在Photoshop中使用实际的蒙版更简单。

iPhone工具栏图标大约为30像素x 30像素,因此请制作具有这些尺寸的新Photoshop文件。确保背景透明(您可以在创建新文件时指定)。

然后,您在此透明度上绘制的任何像素都将成为iOS用于图标的内容。无论Photoshop在NSToolbar图标中的颜色是什么 - 它们都会被iOS自动用作蒙版。

保持透明要透过的部分。保存为24位PNG,然后照常进入XCode。

对于一些作为良好开始示例的图标,请查看我在此免费发布的图标:http://glyphish.com只需取一个PNG并在Photoshop中打开它,您就会看到它是在任意颜色(#444444)具有不同的不透明度,可以创建更暗更亮的图标部分。

答案 1 :(得分:1)

这更像是一个photoshop问题,而不是编码,但无论如何,这是一个建议。

Lunacore has a good tutorial关于如何使用面具。

您想要做的是:

  1. 确保您的背景是透明的。
  2. 创建一个新图层 填充任何纯色。
  3. 在纯色上创建蒙版 图层,并将灰度图像填充到蒙版中。 (用你的 灰度图像作为掩模。)
  4. 工具栏图标使用您的图像作为蒙版。他们只考虑图像的透明度。不是什么颜色或阴影。