制作您自己的定制 iPhone 键盘指南

[digg-me]


玩漂亮的 iPhone 主题并不需要太长时间,您就会意识到制作自己的主题可能很有趣。 我们将从自定义键盘开始,但您可以使用相同的原理来自定义 iPhone 的许多区域,例如电源滑块、电池充电图像等等。 这一切都很容易。 好想啊! 所以让我们开始吧。

应得的信用:非常感谢 Mark 提供的非常有用的教程,它提供了我使用的原始模板和本教程大部分内容的基础。

这是您需要的:

  • 越狱的 iPhone (Duh!)安装了 Winterboard
  • 文件传输实用程序 – 我使用了方便的 iPhone 浏览器
  • 图形程序 – 能够编辑分层的 .png 文件(如图中的烟花)
  • 模板文件,可在此处下载。

蝴蝶键盘

如果您只想在保留默认 iPhone 字体的同时更改键盘背景,您可能更喜欢 Mark 教程中的模板,该模板已经定位了默认文本/字体。 (我选择重新输入字母和数字以获得自定义字体和效果。)

以下是我们正在制作的所有图像及其使用方式的细分。 对于您不包含的任何内容,iPhone 将默认为标准图像,因此您始终可以从自定义键盘背景 (dialerkeypad.png) 开始,然后再添加更多。

  • 拨号键盘.png – 拨号区域。 此图片必须为 320 像素宽 x 273 像素高。
  • dialerkeypad_pressed.png – 同样,对于按键变化。
  • 拨号器cd.png – 键盘上方,这是拨打电话时显示号码的背景。
  • 添加联系人.png – “添加联系人”按钮
  • addcontact_pressed.png – 压制版
  • 删除.png – 退格键
  • delete_pressed.png – 压制版
  • 调用bkgrnd.png – 呼叫按钮的轮廓和/或透明区域的背景。 水平重复。 74 像素高。
  • callbkgrnd_pressed.png – 压制版
  • callglyph_big.png – 您将在自定义键盘上看到的呼叫按钮。
  • callgplyph.png– 另一个呼叫按钮图像,可以是 callglyph_big.png 图像的副本。 我还不能弄清楚这个图像什么时候被实际使用,因为它没有被用作按下的版本,但是如果你没有这两个 callglyph 图像,你的自定义呼叫按钮将不会显示。 稍后再谈。

打开 CustomKeypadTutorial.png,您会看到所有大小和布局都已准备好供您使用的切片和图层。

切开 Kepayd

切片图像模板现在是有趣的部分 – 忙于根据需要更改字体、颜色和效果。 您可能需要先添加自己的背景图片——当然,我选择了一张可爱的蝴蝶图片,是我用 iPhone 拍摄的。

对于我的键盘,我想创造按键被按下的错觉。 所以我为customkeypad.png 中的所有键添加了一个轻微的阴影。 (我们将在一分钟内完成我们的压制效果。)

您还需要决定是否要保留按钮网格轮廓. 要隐藏网格,请使“Apple Stock Image”图层不可见。 最好不要完全删除图层,以便您可以在工作时参考它来查看按钮的大小或位置。

网格层

网格层

复制您的 Kepad获取您想要的一切,并保存此图像的备份副本. 备份是您的朋友,哦 iPhone 主题! 然后让我们回到你的工作图像。 我们正准备保存图像。

你需要一个文件夹来存放你的键盘。 文件夹结构是“Dialer Name/Folders/MobilePhone.app/”,图像放在最里面的文件夹中。 如果文件夹命名不正确,您的键盘将无法使用。 为了方便起见,我在教程下载中包含了一个“我的拨号器”文件夹以用于您的图像,因此只需找到“您的图像在此处”文本文件即可知道您的图像所属的位置。 将切片导出为 .png 图像; 我使用带有透明遮罩的 png 8 设置。

然后,在您的工作图像副本中, 创建第二个框架,它是您迄今为止所做工作的精确副本. 这适用于您的“压制”图像版本。 对按钮的按下状态进行任何更改。

例如,我删除了阴影并将文本向下和向右移动了几个像素以创建按下按钮的效果。 我还为文本添加了光晕,使按钮在按下时看起来会亮起。

当你完成后, 使用与其切片相同的名称保存这些图像,但以 _pressed.png 结尾 并将它们放在您的键盘文件夹中。 当然,保存您的工作文件。

那个讨厌的电话字形

如果您想要一个具有自己背景的自定义呼叫按钮,则必须更加努力. 该呼叫按钮令人困惑,因为它没有像其他按钮那样的按下版本。 实际上,要获得呼叫按钮按下效果,此图像的一部分必须是透明的,并且 callbkgrnd.png 和 lbkgrnd_pressed.png 图像提供了背景。 我花了一段时间才确定下来。

现在,如果您不想弄乱它,您可以轻松跳过此步骤(以及“添加联系人”和“删除”按钮),让 iPhone 使用默认设置。 我? 我希望我的背景图像显示在通话按钮上,所以我继续寻找。 反复试验以及查看其他主题是您以您想要的方式显示它的方式。

下载其他键盘主题进行解构,你会发现 callglyph 按钮在图像的某些地方有几行透明像素。 尝试使用我的 callglyph,我能够确定它需要在图像底部有几行透明像素来显示我的图像背景,而呼叫按钮上方没有细线(由 callbckgrd 图像文件提供)。

要制作此按钮, 我剪掉了通话按钮所属的背景图像的一部分,并将其保存为 callglyph_big.png。 然后我增加画布的大小以在底部提供几个透明像素。

呼叫按钮需要特别注意

我添加了我的效果并使字母本身透明。 放大图像,然后我擦除了字母后面的背景图像,以便可以显示按下的背景。

那个Callglyph按钮

呼叫字形

那么你准备好了吗? 让我们把这些东西放到你的 iPhone 上,看看你的艺术作品是怎样的。 转到 iPhone 浏览器(或您选择的文件传输方法),找到 Winterboard 主题,然后添加新的拨号器文件夹。

在 iPhone 浏览器中查找主题

现在你在主题区,把那个键盘放在你的 iPhone 上,伙计!

把它放在你的 iPhone 上!

文件在您的 iPhone 上后,打开 Winterboard 并激活您的新键盘主题。 每当您更换其中一张图片并想查看新版本时,您还需要打开 Winterboard,停用并重新激活您的键盘主题,然后等待手机重新启动。 每次更改主题时,旧键盘都会短暂闪烁,似乎已被缓存。

如前所述,基本思想不仅仅适用于键盘。 我使用相同的技术将酷花滑块主题更改为一些漂亮的阴阳滑块按钮。 只需为自己获取一个主题,然后使用您的 iPhone 浏览器来获取文件并进行自定义。

我很想听听任何人的意见,并知道它是如何为您服务的。 快乐主题!

Related Posts