教你用Theme Studio制作自己喜欢的手机主题！

野樱草

每次看到网上精美的主题，我就在想，为什么没有我想要的？！为什么没有我喜欢的？为什么我不能拿自己的照片作主题？因为——主题都是别人做的！！想要自己的最爱，就要自己动手——DIY才行啊！！！别人能做得那么漂亮，为什么我不能？！只要功夫深，铁棒磨成针！！！ 昨天下午，我兴致盎然地操刀DIY主题，一直到凌晨两点多，终于做成了自己比较满意的主题，哈哈哈！颇有成就感啊，今天发帖与大家分享经验，顺便写一个教程。 Theme Studio是nokia官方发布的用来制作s60手机主题的软件，相比Theme Editor（个人感觉Theme Editor比较垃圾），Theme Studio的功能强很多，可以对主题的所有方面进行自定义，但由于其全英文的界面，使用过程较繁琐以致知名度不高，但是其功能之强大是不可否认的。 首先说一下要求： 1、较高配置的电脑一台。因为要同时运行theme studio, photoshop, imageready，所以内存最好512M及以上，CPU至少也的P4 2.0以上吧，要不然痛苦死你！ 2、photoshop 我用的CS，建议7.0以上，并具有一定的使用基础。 3、PS2一台，以供等待时玩实况之用，用尼日利亚草割巴西！哈哈哈！如有其他消遣方式也可以 昨天下午我用公司的电脑做，浪费了一下午的时间。打开后，随便点什么，都是“漏斗”，等了两三分钟，等不下去了，再点就死机，如此反复了四五次。后来我的耐心被磨出来了，点一下就用PS2踢会儿实况，等上三五分钟再进行下一步操作。后来回家用自己的NOTEBOOK做，稍微好一点，但还是慢，极大地考验了我的耐心！！！ 强调一句，电脑硬件一般的朋友操作Theme Studio，任何地方单击鼠标左键即可，点一下就稍等片刻，千万不要以为没点上再连续点击，否则电脑必死机无疑。 下面开始正题： 偶是奶茶的超级粉丝，当然首选她的图片作主题啦！ 打开软件，点击create new theme继续： 1. 主题名称，想怎么写怎么写，一定要英文的。 2. 不管它，默认即可。 3. 主题中所包含的部件，一般选择all。custom为自选，可在“4”处进行选择，各部件的作用后面有介绍。 4. 各部件，选择all就可以不管这个了。 5. 作者大名。 图01 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193911.jpg ?|?640 × 363 要是图片缩略图不清楚，下载图片看大图。都是1024*768的截屏图，非常清楚 图02 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193913.jpg ?|?1024 × 768 先说一下界面，左边是各部件的列表。 右边的三个标签分别是： Themes主题：已经生效的元件列表和已经制作成功的主题，方便下次做的时候调用，当你做完第一个，第二次使用时就知道了。 components待选元件：包括软件自带的一些元件，后面会用到，还有你选择过的图片都会在列表中出现以方便调用。 browse浏览：可以选择你用ps所制作的待用图片。由于ts不支持中文，所以看中文都是框框，建议制作过程中涉及的图片名不要使用中文。 中间是200%的效果预览和工具箱（一般情况下不使用） 预览图下方是工具按钮，包括编辑/清除/预览/动画预览/草稿/保存。注意：编辑是ps的启动链接，你自己启动ps后就不要点它了，否则会占用缓存，让机器变慢。 预览图左上方是部件选择缩略图。 接下来开始正式操作： 01、background/背景图，就是按了菜单键后所看到的那一张全屏的背景，大小是176x208。可以用PS打开你需要的图片，然后切换到Imageready，先剪切，再用调整图象大小为176x208。然后用browser双击选择图片，便可看到预览效果，如果满意就要点击save保存设置，保存之后在预览图左上方的缩略图上有“小钩”。 图03 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193920.jpg ?|?1024 × 768 图04 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193936.jpg ?|?1024 × 768 图05 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193937.jpg ?|?1024 × 768 02、areas/区域：此处由三部分组成。 Status area/状态区： 1 status area background 菜单中“功能表”三个字所在区域的背景图片，要实现全屏的背景必须双击browser中01的背景图片，这个区域可以自动重叠，不用调整。当然也可以自己设置状态区域的背景。如图03 2. navi pane background 状态区与图标区之间的区域，在ts中的默认主题中是蓝色，可以在components里面选择自带的，也可以根据需要自行调整颜色。根据我的经验，要实现全屏主题，在3处要选择“none”，实现透明效果；在4处要采用browser中01background的背景图片，并小心拖拽，完整重叠。如图04 做的时候可以点preview看看预览效果，如图05（教程是我做完之后写的，所以预览效果包括后面做的部分） 图06 图07 List columns/柱型列表 分别为narrow columns, medium columns, wide columns，即情景模式、电话簿分组、多媒体管理中文字左侧区域的图片。若要实现与背景图的统一协调，必须双击01的背景图片，然后在预览区中拖拽到与底稿完全重合。当然要save哦！ Control Area/控制区 这是左功能键与右功能键所在区域的背景，与上述的操作相同，双击01中的背景图，然后拖拽到位save即可。 操作没什么难度，但由于电脑硬件原因往往较慢，所以有点考验耐心。至此为止，全屏背景就完全实现啦！哈哈哈，小有成就感！ 每部完成之后要注意检查绿色小框上是不是有个蓝色的小钩，有的话就说明操作成功。 图08 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193944.jpg ?|?1024 × 768 ] 03、icon/图标 此处可自定义系统中的所有图标。components里面也有三种被选元件，也可以完全自己做，操作并不复杂但是工作量非常大。咱们都不是靠这个吃饭的，没必要作这个了，呵呵，就用软件本身默认的就可以了。 图09 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193981.gif ?|?1024 × 768 图10 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193982.gif ?|?1024 × 768 04、highlight/高亮显示 List highlight/列表高亮 这里是你在功能表中按左功能键(即选项)之后弹出来的窗口里面，你所控制的上下移动的那个框框的颜色，可在右侧components中选择预设效果，当然也可用自己制作的背景图。这里的图片的尺寸为174x132，但是实际用到的是没有这么大的，如“选项”的弹出菜单选择框和“收件箱”中的选择框，系统自动取该图片的上半和下半自动拼接而成，所以推荐用纯色图片。当然，为了整体效果，要考虑和你的背景图以及后面的pop-up windows的颜色搭配，要是不搭调，就会显得不伦不类的。我自己的是在components里选择的，如图09 Grid highlight/选框高亮 这是主菜单中你所控制的那个框框，这也是一副图片，可自制亦可在components里调用预设。推荐此处不作任何操作，可以默认为透明选择框，效果最佳。 ? 图11 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193993.gif ?|?1024 × 768 图12 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193995.gif ?|?1024 × 768 图13 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193996.gif ?|?1024 × 768 05、pop-up windows/弹出窗口 General window/主窗口 1 这是按左右功能键后所弹出窗口的背景，图片尺寸为176x132，与04列表高亮相同，实际应用时根据实际大小由系统自动取图片的上部分。 2 二级子菜单的背景，如主菜单/选项/存储详情，操作与上相同。 对于第一部分，我推荐使用自己喜爱的图片而不用纯色背景图，而且制作图片时尽量用PS先处理，主要提高图片的明度，尽量让图片看起来颜色浅些，有若隐若现的感觉。如图11。这主要是为了使整体效果不显得凌乱，也可以使字体显得清晰。否则你发短信选择字的时候会很痛苦，呵呵！ Application Switching/程序切换器 这里用于设置程序切换器的下边角，当运行中的程序多于4个时出现。这里的两个图标都可以采用默认设置，太花哨反而显得乱。 Lower Screen Area/下部屏幕区： 这里是左右功能键按下后弹出菜单与屏幕最下端之间区域的背景，如果要与整个桌面背景一致则选用01的背景图，并拖拽至适合位置。由此可见，background那一张图非常重要，所以一定要选好。图片要尽量清爽，操作过程中的拖拽也必须重叠好，否则会使主题显得凌乱。这可是个细致活，大家小心点弄。 图14 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193998.gif ?|?1024 × 768 图15 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_193999.gif ?|?1024 × 768 图16 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194000.gif ?|?1024 × 768 06、this and that/各类杂项设置 Volume Indicator/音量指示 如图14 1 屏幕上部导航栏上的音量条，如打开免提。 2 屏幕中部设置列表中的音量条，可在情景模式/铃声音量下面看到。 3 在2的铃声音量上按确定键可看到，这是最大的音量条。 以上三部分分别有两部分组成：volume on和volume off，即底色和可调节部分的颜色，分别对应一张图片，这里可以使用默认效果，也可以自己选颜色，就看与背景色的搭配了。 Tabs/标签 由上至下共有4种，每一种下面有下好几种，就不详述了。举个例子，打开信息/收件箱，在导航栏上有标签可以选择我的文件夹、草稿、发出的信息、发件箱等。这里就是设置各个标签被激活时的颜色的。为了保持background图片的整体效果，推荐所有标签都采用components里那些透明的元件，如图15。 Signal/Battery/信号和电池指示 操作与音量指示相同，如16。 Slider Graphics/滑块图 调节对比度时的那个滑块，可自制可调预设，推荐默认设置，图略。 Navigation Indicators/导航栏指示 第一个是有子菜单时显示的那个小箭头，比如功能表/选项/存储详情/可以看到。 第二个是所有选项一屏显示不完时屏幕下方所出现的那个上下箭头。 这两个都是在components里选择或者不操作默认即可。 图17 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194002.gif ?|?1024 × 768 图18 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194003.gif ?|?1024 × 768 07、Applications/应用程序 Idle Screen/待机画面 1 待机图片，尺寸为176x208。哈哈，偶选的是Rene给化妆品“艾文莉”代言的广告图！ 2 模拟时钟的设置，分为五张图片 表盘数字/表盘遮罩/日期区域背景/时钟背景/时钟背景遮罩 P.S.: 表盘遮罩中的黑色告诉系统表盘这张图片上哪些区域是要显示为透明的。 3 数字时钟的设置 与模拟钟一样，每个数字都需要一个遮罩，加上“＝”“－”这里一共需要24张图片。 除了1和2里面的表盘之外，为了省事，我都采用的默认设置，如图17。一个一个地改，那可真是体力活！ P.S.: 如果采用默认设置，就没必要选择图片，所以就不用save啦！ Pinboard/捷径 捷径的背景图，俺采用了Rene演唱会的一张照片。都做到这里了，我想不会的人也会了，呵呵！作法同上，不多说，如图18。 Calendar/日历 日历的背景，同上。半夜在家截的图，这张居然忘了，所以没图，但是大家可以看到后面checkout的效果图。附带说一句，这里同pop-up window一样，为了让日历的内容清楚，最好选颜色比较浅的图片，或者用ps增加明度。 Setting/设置 1 情景模式/铃声音量/进入后右面那个音量条的背景，我选的是pop-up window那个图，但不管选那个，还是那句话，图片要浅色，提高明度。 2 各类可调节部件的背景色。不操作，设为默认即可。 图19 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194010.gif ?|?1024 × 768 图20 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194011.gif ?|?1024 × 768 08、Colours Icon Clolours/各类小图标的颜色 分别为状态指示中的新信息、锁键盘的标志、日期、标签上的各类小图标的颜色。 Text Colours/各类字体的颜色 Line Colours/各类线条的颜色 Calendar Event Colours/日历中各类事件的颜色 不用操作，完全默认即可。当然，如果你的图片色调跟这里面的某些元件的颜色相仿得难以辨认，就必须更改了！总之，一切以主题的整体效果为原则进行更改吧！ 到此为止，制作工作已经完成啦！！！哈哈哈！！ 点击preview，看看效果吧。上图是preview中的两张效果图。 P.S: 在手机上的实际效果和电脑上有点不一样，主要是默认设置的部分的颜色。比如图20的第4张图，选框是蓝色的，但在手机上不是。 图21 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194012.gif ?|?1024 × 768 图22 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194013.gif ?|?1024 × 768 图23 http://photo1.ccmove.com/upload/publicphotos_new/200511/9011_194014.gif ?|?1024 × 768 看完预览图，如有不满意的地方点cancel，回去修改。要是一切OK的话就点continue，就会弹出creat sis file的框，如图21。这就不用我教了吧！ 写好之后点OK，会看到theme creation succesful的字样。再点transfer theme，也就是传输主题至…… 如图22。有两个选择，第一个是通过红外传输，第二个是保存到本地硬盘，如图23。当然选第2个啦，保存完毕就大功告成了！！ 好累啊！希望对大家能有所帮助！

swing

太复杂了，依我的懒劲，就直接在网上DOWN一个主题，然后用JAVA安装上去就得了 不过还是佩服楼主这种DIY的精神啊！不愧为数码版主

彩虹糖

楼主头像是自己DIY的吧..

bart_qy

头疼.... PF楼主!!!!