安全验证
请完成以下验证码
安全验证
请完成以下验证码
动漫东东 门户 宅技术 教程 萌化 查看内容

[东东掌萌组]iphone 4 主题制作教程

2011-12-29 23:42| 发布者: Firo| 查看: 16399| 评论: 159|原作者: sxbrandt

摘要: 本人今天班门弄斧啦,来讲解iphone 4 主题制作~~ 无聊中跑去东东安卓去看了下,发现比iOS热闹多了。各种嫉妒羡慕恨。感觉iOS去做主题的人不是很多,搜了一下帖子,也没有iphone4的WinterBoard制作教程。外加上一些 ...
本人今天班门弄斧啦,来讲解iphone 4 主题制作~~

无聊中跑去东东安卓去看了下,发现比iOS热闹多了。各种嫉妒羡慕恨。感觉iOS去做主题的人不是很多,搜了一下帖子,也没有iphone4WinterBoard制作教程。外加上一些童鞋曾经让我帮忙做WB主题,苦于自己懒&可能对于某些动漫不太了解&技术差,就没有做。于是自己特别奉上教程,供君参考。


首先介绍下WinterBoard(以下都用WB代替)。这是一款cydia下面的软件,必须得越狱了的手机才能使用。越狱请参考其他网站,比如tgbusweiphone,178等,这里就不复赘述了。

Iphone界面的外观是由一个个PNG格式小图片构架起来的。同样的WB主题的原理也就是将显示出来的图标替换掉(基本其实就这么简单)。Iphone4开始,Apple采用的是HD图标,图片大小比iphone3GS 里的组件大了一倍,文件命名上,后面多了个@2x


-------------------------------我是主题制作分割线------------------------------------------------------


废话不多说了,进入主题制作正题:

个人建议啊,一般开始自己制作主题的朋友,最好去别的地方扒一个好的主题作为参考(我刚开始就是这么干的,那时候weiphone上没人教我怎么做@@)。

下面以一款国外主题Hollow.theme以及本人作品Miku.theme(允许我不自量力下)作为参考介绍。



1.认识WB主题构造。


如上图所示,完整的主题根目录一般由以上3个文件夹(我没把Folders文件夹算进去。Folders文件夹可有可无,因为里面的部件都可以在Bundles文件夹里实现替换。另外这个主题里少了UISounds文件夹),一个info.plist文件,以及3PNG格式图片(少了一个Wallpaper@2x.PNG)组成。

其中Bundles是最主要的部分,基本所有主题替换部件都在这里面。UIImages文件夹里面是替换一些小部件,比如状态栏上的电池,信号,wifi信号等等图标。IUSounds替换的则是声音,比如锁频声音啊之类的(我有些话唠,其实大家看英文都能看得出来)。

Info.plist修改的是图标字体的颜色,日历图标上的星期和日期的字体颜色。之后会详细讲。

LockBackground@2x就是所谓的锁频图片,SMSBackground@2x即为短信界面背景图,Wallpaper@2x为主界面背景图。



2. 系统图标替换

然后我们来看看Bundles文件夹。


看上去挺吓人的有142个文件夹。不过其中大半是非系统自带的程序的图标,可以不做修改。比较重要的是com.apple.springboardcom.apple.TelephonyUI两个文件夹。

com.apple.springboard文件夹内包括了解锁键盘,充电图,文件夹图标,文件夹背景,音乐播放里面的各种小图标等。

com.apple.TelephonyUI文件夹内包括的则是数字键盘,各种滑块(解锁滑块,关机……)

其他的文件夹主要就是桌面图标和Loading图。下面以com.apple.mobilesafari文件夹为例子。


乍一看,要替换的东西很多。其实很多人做的主题基本上只替换了Loading图和桌面图标,小的部件基本是搬来搬去使用的。Loading图即为Default@2xDefault@2x~iphone,而桌面图标则为icon@2x。其他的文件夹也类似。

系统自带程序的文件夹内都有自己特定的图标,比如com.apple.calculator里面就有计算器的替换组件,com.apple.MediaPlayer里面有ipod的替换组件。

关于图标的替换,普通的桌面图标大小为11 8x120(我自己做的主题为120x120,没问题)。而设置里面的图标为59x60

设置里面的图标如下:


文件夹后面带settings字样的即为设置里面的小图标,比如com.apple.mobileipod.settings


注意!!,有些文件夹内的桌面图标命名为Icon@2x,而非icon@2x。弄错会造成自己替换的图标显示不了。(出问题这些图标属于系统自带的程序,搞不懂为什么apple有些图标命名首字母要大写,有些则不用)



3.非系统的程序图

那么非系统的程序图标该怎么替换呢?比如QQBundles里面没有QQ程序图标替换的文件夹。那么自己找出那个文件夹的命名。以PC端的ifunbox为例子。

打开路径Raw File System\User\Applications

会出现N多非系统自带的图标。然后我们找到QQ文件夹,打开,里面有如下文件(可能有些童鞋打开发现没有iTunesMetadata.plist而是info.plist,没事,都一样的,只是因为PC端的iTunes版本不同造成的,里面内容一样的)

打开iTunesMetadata.plist(info.plist),一串的文字让我们看的头晕,坚持住!开始找<string>……</string>内的文字,找到一段<string>com.tencent.mqq</string>,这个就是我们要找的。

之后在Bundles文件夹内新建一个文件夹,命名为com.tencent.mqq,文件夹内桌面图标命名为icon@2xloading图为Default@2x



4.运营商图标替换:

替换方法,XXX为运营商名字

Default_CARRIER_XXX@2x.png 和 FSO_CARRIER_XXX@2x.png,bundles下的文件夹命名为com.apple.XXX

比如中国移动,Bundles里面的文件夹为com.apple.CMCC_cn打开会有:

其中Default_CARRIER_China-Mobile@2x为子目录里显示的运营商图标(上上上图的设置图),FSO_CARRIER_China-Mobile@2x为主界面下的图标。没有带@2x的可以无视。那个是给iphone3GS及以下机子用的。


5.主题根目录下的info.plist修改

建议下载一个PropertyLIstEditor(很小的)来打开info.plist。因为之前有童鞋反应过用文本文档打开来乱码(那是因为解码不对)。

打开后会有如下字段:

其中:

<key>CalendarIconDayStyle</key>

<string>color: ; text-shadow:  0px 0px 0px rgba(0, 0, 0, 0.0);position:absolute;top:7px;font-size:11px;</string>


这段改的是日历图标下的日期的颜色、大小等样式。

<key>DockedIconLabelStyle</key>

<string>color: #ffffff; font-size: 10px;margin-top: 2px; font-weight: normal; color: ffffff; text-shadow: #000000 0px1px 2px;</string>

这段修改的是Dock里面程序图标字体的样式。


<key>TimeStyle</key>

<string>font-family: Helvetica; font-size:13px; color: #225f7c; text-shadow: transparent;</string>

修改的是锁频里的时间的字体颜色大小。


<key>UndockedIconLabelStyle</key>

<string>color: #ffffff; font-size: 9px; margin-top:-2px; font-weight: normal; color: ffffff; text-shadow: #000000 0px 1px2px;</string>

修改的是桌面图标字体的颜色大小。


比如修改桌面图标的字体颜色,color:#ffffff为白色。改为color:#000000。那么字体就成了 黑色了。至于颜色的代号,我是在Photoshop里查的。


6.拨号键盘修改。

这是额外项目了,用到www.joyphone.net的网上制作拨号键盘背景

自己可以上那网站上做。做完丢主题里就可以了。

有兴趣又对自己PS功底有信心的童鞋可以自己用PS做,效果么。当然是PS做的效果好。自己做完的要扔到Bundles文件夹下的com.apple.mobilephone里面。

Joyphone 上还有些小工具可以用,部分免费的……




以上为iphone主题制作的基本过程了。如果以后想到哪些地方,自己会更新上去滴。


----------------------------------------这一段无关主题制作可以不看-------------------------------------------------------


PS: 自己做主题的心得&经历:(个人苦水区)


如果力求完美,那么主题做起来很费劲。如果不是死抠细节的话,一个主题完成很快,主要时间花在图标替换和资源搜索上面。萌化主题是我们的本意,不过不要让主题太华丽而遮蔽了实用性(某科长语录)。


自己第一做的iPhone主题为InfiniteStratos.Theme

当时什么都不懂,自己在那里琢磨+各种网上搜来的资料,差不多弄了一个下午左右完成了。当时那个主题没有loading图,除了图标、拨号键盘、动态背景的图片和切换时间替换了,别的什么东西都是照搬的。如果现在做那个主题,估计1个多小时就下来了(基本上是图标的替换,体力活而已)。

到最近做的一个AngelBeats主题,前前后后弄了快3天。主要是PS图片和动态背景构造上想了很久。而做的Miku.theme则是因为在为图标打上初音气的logo上面死抠(网上没人教,国外国内论坛上都一样),做完做完主题用了2天,不过自己还是感觉细节上没有把握好,比如背景颜色原因造成部分图标的Label不容易看出来。


-------------------------------------------我是华丽的分割线-----------------------------------------------------

至于有童鞋问的动态背景和锁屏制作,我做的动态主题里的那些CSS脚本都是从别的主题里取来自己加以修改,再配合自己PS出来的图片制作的。动态背景制作教程难度太高啦。我的Photoshop水平很差,Dreamweaver更差,所以教不了大家。不过以上的内容替换完了也能让主题焕然一新啦。


-----------------------------------------------我是广告分割线-----------------------------------------------------------

【iphone4】初音未来(初音ミク)HD主题+动态背景
[主题][东东掌萌组][iphone4]Angel Beats!Kanade小奏主题,来看看呀~!:)[主题]Loli控們的福音!蘿球社主題,好不好進來看看就知道了。

[主题][iphone4]FREE!!!绯弹的亚里亚(緋弾のアリア)HD手机主题+天气锁屏+旋转图片锁屏
[主题][iphone 4][原创物]Free!Free啦!fate stay night——saber HD主题
[主题][iphone4][原创物]Free!Free啦!~~Angel Beats!主题HD重制!!
[主题][iphone]Free!啦~IS-Infinite Stratos 主题
发表评论

最新评论

引用 雪丶风 2011-12-26 18:09
虽然那个,,我用不起iphpne,,但是教程什么的支持,,
引用 hyleave 2011-12-26 18:11
有图文教程真是不错,支持一下
引用 zhixingzhexv 2011-12-26 18:52
木有愛瘋4,不過還是支持下
引用 rule腐男 2011-12-26 19:29
好是好啊
       没入手iphone啊
引用 华丽的分割 2011-12-26 20:04
此乃神贴~~
引用 jackroo 2011-12-26 20:34
这个可是受教了呀!
引用 nuclear 2011-12-27 16:52
咱正好寒假要来研究iphone的主题
引用 容七 2011-12-27 18:38
教程很辛苦,支持,以后都会用到的。
引用 Annの枫 2011-12-30 17:16
虽说不是很懂~但还是支持下技术贴的说~
引用 涛哥说我帅 2011-12-31 16:55
受不了了,支持
引用 krojan 2012-1-1 14:45
支持噢··新人··为什么看不见图呢·····
引用 凌云碧落 2012-1-1 17:00
支持教程,架构弄清楚打包deb也会更方便些。。
引用 倾听~你_ 2012-1-1 17:14
我寒假就有了  刚刚好
引用 月の茧 2012-1-1 17:24
写了好多啊~恭喜该贴上动漫东东qq空间的说
引用 yStyle·See 2012-1-1 20:56
貌似很复杂的说,神贴的说!
引用 strikecjc007 2012-1-2 12:51
能看不能下 悲剧啊
引用 風舞TY 2012-1-4 14:02
寒假研究主题
引用 woailucky1 2012-1-4 14:29
4S的情何以堪...必须越狱才能做主题么orz..
引用 gunsloveyx 2012-1-5 11:42
楼主真的很神奇,感觉楼主的图片编辑功底很好呢,这样才是真正意义上的原创,感谢分享!

查看全部评论(159)

相关分类

手机版|Archiver|动漫东东. ( 苏ICP备12022570号-2 

GMT+8, 2017-3-29 19:08 , Processed in 0.247520 second(s), 31 queries , Gzip On.

Powered by DD X3.2

© 动漫东东 Since 2007

返回顶部