読み込んでいます...
2009年10月26日

这两天除了爬香山以外,在家里无聊还研究了一下iPhone的皮肤制作,虽然我自己本身不怎么想做这个皮肤,但是无奈太多皮肤设计的都太不好了,并不是说图标不好,而是整体感觉不好,所以为了整体感觉,我就想为我iPhone里所有的程序都自己设计一下图标,这样就会好很多。这里也是为了自己记住,也方便新手去看,这里iPhone都需要越狱并且安装WinterBoard。

       

首先我们要说的是如何安装主题,进行文件传输,这里可以使用两个工具,一个就是91助手了,另一个就是WinSCP,一般主题都会放在/private/var/stash/Themes.******/目录下,后面是×××因为不同的机器编号也不一样,但是用91助手的话就会简单一点,建议一开始做皮肤的使用91助手,直接添加主题的文件夹即可。

一般主题里面包括如下这几个文件夹和文件:

  • – Bundles
  • – Icons
  • – Private
  • – UIImages
  • – UISounds
  • – Info.plist
  • – StatusBar.png
  • – Wallpaper.png
  • – Dock.png
  • – Wallpaper.html

这几个文件夹及文件的基本作用如下。

  • Info.plist:主要用来定义图标文字的颜色、大小等。
  • StatusBar.png:顶部状态条图片。
  • Wallpaper.png:背景壁纸。
  • Dock.png:DOCK的样式。
  • Wallpaper.html:这里可以调用动态壁纸等。

当然,我这里只写了一点点,要完全写出来也不是一件很现实的事情,所以这里我们就必须手动的来做一下。下面我传了我做的这个的主题包,可以自己去看,我在后面分别讲解。

GuoJing.Theme.Lite.rar (522.38 kb)

1.首先我们要做主题的背景,并保存为Wallpaper.png并放置到我们的皮肤的根目录下。

2.短信背景可以制作一个图片SMSBackground.png并放置到根目录下,我们就可以看到短信背景被改变了。(是不是很简单?)

3.如果要改短信的冒泡的图标,需要制作Balloon_1.png和Balloon_2.png这两个文件。Balloon_1.png 是发短信的样式,Balloon_2.png 是接收短信样式。我们只需要放置到/private/var/stash/Themes.******/istyle.theme/Bundles/com.apple.MobileSMS/里面即可。(如果没有文件夹就自己建立一个

           

Balloon_1.png   Balloon_2.png

4.如果要替换锁屏的背景,可以制作UILCDBackground.png放置到/private/var/stash/Themes.******/制作的主题/UIImages/里面。

5.我们还可以做屏幕滑块图片,bottombarknobgray.png放置到/private/var/stash/Themes.******/制作的主题/Bundles/com.apple.TelephonyUI/,同样,我们还可以更改屏幕滑块背景保存到这个文件夹,保存为bottombarbkgndlock.png即可。

6.如果要更改图标右上角那个小的提示的数字的背景的话,可以使用这个保存为SBBadgeBG.png放置到/private/var/stash/Themes.******/制作的主题/Bundles/com.apple.springboard下面。

7.如果我们要改iPhone下面四个按钮的背景的颜色,也就是Dock的背景的话,我们可以将SBDockBG.png保存到/private/var/stash/Themes.******/制作的主题/Bundles/com.apple.springboard/

8.如果我们要更改顶部的状态栏的话,我们需要做一个StatusBar.png替换到主题根目录下。

9.如果我们要更改如短信,提醒的弹出窗口的UI界面的话,我们就需要制作UIPopupAlertSheetBackground.png保存到主题下面的UIImages里面即可。

上图是我做的一个弹出界面,保存即可更改提醒方式

 10.下面可以看一下提醒的效果图,做完效果图,我们就要做icon了,做icon我们最好把语言设置为英语,因为只有设置为英语了我们才能够按照相应的名字去做icon。

       

左边是提醒的一个演示,右边就是我们要做的icon了,我们做好的了icon,并命名为相应的同名的png保存在Icons目录下即可,记得,如果图标是Mail,就要保存为Main.png,如果是人人的话,保存为人人.png即可。

看完整个iPhone皮肤制作,是不是觉得不是很难,对,只要替换一下相应的图标即可,不过这个是初级的制作了,我们还可以更改充电的图标,蓝牙的图标,无线的图标,运营商的图标,很多很多了,建议大家自己下几个做的很完美的主题去看,这样就能够学到更多的东西,如果以后我会做复杂的主题的话,我可能还会上来写如何制作复杂的主题。

PS:其中一部分图标是来自Deep主题(国外的免费主题)的,为了达到整体效果统一,我自己做了一些相同风格的图标,已经一并打包上传了,可以自己下下来修改,PSD源文件可以从这里下载。

iphoneicon.psd (188.99 kb)

  1. 生活笔谈 @

    手机皮肤还可以自己做啊?

  2. 诡异的西红柿 @

    [b]@生活笔谈[/b]
    对啊,一般的智能机都是可以的。。

:-D :-? 8) :cry: 8-O :lol: :-x :-| :?: :-P :oops: :roll: :( :) :-o :wink: more »