制作手机主题之【Theme Studio】高手进阶

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

制作手机主题之【Theme Studio】高手进阶
使用nokia themestudio来创建个性化的主题
Themestudio是nokia官方发布的一款用来制作s60手机的主题的软件,相比themeeditor,ts的功能要强大的多,可以对主题的所有方面进行自定义,但由于其全英文的界面,使用过程较繁琐以致知名度不高,但是其功能只强大是不可否认的。下面以创建一个theme为例子,意在抛砖引玉。
要用到的:
1:电脑一台
2:theme studio 1.14,
3:photoshop:-)建议7。0以上,并具有一定的使用基础。
打开软件,界面如下

点击create new theme继续。
1:主题名称
2:这个不要管
3:主题中所包含的部件,这里我们选择all,custom为自选,可在“4”处进行选择,各部件的作用后面有介绍。
4:自定义项选择
5:作者名
我们选择all,然后选ok继续。

1:各部件的列表
2:browse/浏览,这里可以选择你用ps所制作的待用图片,由于ts不支持中文,所以看中文都是框框,建议制作过程中涉及的图片名不要使用中文。然后你选择过的图片都会在components/待选元件列表中出现方便调用。Themes则是已经生效的元件列表,与左方列表一致且对应,并且提供一些预设的效果供调用
3:工具箱,就是针对图片的操作,较少用到,zoom是缩放,就是你看到的预览图的大小,默认200%
4:编辑/清除/预览/动画预览/草稿/保存操作
5:小图预览框
01 background/背景图,就是按了菜单键后所看到的那一张全屏的背景,176x208。这里可以用ps打开你需要的图片,用176:208的比例来选取所需区域制作。制作完成后用“2”的browser双击选择图片,browser的使用与windows的资源浏览器类似,右下的小窗口可以看到预览,选中后要点击“4”的save使操作生效。这选用一张名为belldandy_app.jpg的图片。
*如果要实现背景的全屏效果后面还有几处要设置。

02 areas/区域:此处由三部分组成。
Status area/状态区:
1:这里是主菜单“功能表”三个字所在区域的背景图片,要实现全屏的背景还要在这里设置,双击browser中01的背景图片软件会自动采用其上半部分非常的傻瓜化。如果有自己设计的状态区域背景则在此处设置。
2:主菜单状态区与图标区之间的区域,在nokia的默认主题中这里是兰色的,可以根据需要自行调整颜色。

List columns/柱型列表:
分别为情景模式、电话簿分组、多媒体管理中文字左侧区域的图片,若要实现与背景图的统一协调只需双击01的背景图片,然后在预览区中拖拽到与底稿重合,再save就可以了



拖拽实例。注意红圈区域

Control area/控制区:
这是左功能键与右功能键所在区域的背景,与前述的操作相同,双击01中的背景然后拖拽到位save即可,如有自己设计的则选择自己的图片,操作相同。
02AREA over
*主菜单的全屏背景的效果实现实际是由02area中的多个部分拼接而成的。
**选择图片的步骤基本相同,browser浏览》选中》save,部分图片还需要拖拽到适当位置,绿色小框上有个兰色的小钩就说明操作成功。
***拖拽时可利用zoom里的缩放以实现象素点上的重合
****以上均为本教程中全屏图片的操作,如有自己设计的素材,操作基本相同。

03icon/图标
此处可自定义系统中的所有图标,本教程不涉及故暂不讲解。操作并不复杂但是工作量极大,感兴趣者可自行研究。
04highlight/高亮显示
List highlight/列表高亮
这里是按功能键后所弹出菜单上,你控制上下移动的那个框框的颜色or背景,可用自己制作的背景也可在右侧theme列表中选择预设的效果。图片的尺寸为174x132。实际用到的是没有这么大的,如“选项”的弹出菜单选择框和“收件箱”中的选择框,系统自动取该图片的上半和下半自动拼接而成,所以推荐用纯色or左右过渡色的图片,此处为纯兰色。
Grid highlight/选框高亮:
这是主菜单中你所控制的那个框框,这也是一副图片,可自制亦可调用预设,如果此处不作任何操作则默认为透明选择框。

05 pop-up windows/弹出窗口
General window/主窗口
1这是按左右功能键后所弹出窗口的背景,包括应用程序切换器(长按菜单键)的背景也是由这里决定,可自制可调用预设,尺寸176x132,与04列表高亮相同,实际应用时根据实际大小由系统自动取图片的上下部分拼接。
2二级子菜单的背景,如主菜单》选项》存储详情》,操作与上相同。

Application Switching/程序切换器
1这里设置程序切换器的下边角,当运行中的程序多于4个时出现。整个切换器的背景由上面的general window决定。
2未知。。。。。。

Lower Screen Area/下部屏幕区:
这里是左右功能键按下后弹出菜单与屏幕最下端之间区域的背景,如果要与整个桌面背景一致则选用01的背景并拖拽至适合位置,此处为了保持整个theme风格的一致使用了一张自制图片。

06this and that/各类杂项设置
Volume Indicator/音量指示
1屏幕上部(导航栏上)的音量条,如打开免提。
2中部的(设置列表)的音量条,可在情景模式》铃声音量下面看到
3最大的音量条(设置中的)音量条

,在2的铃声音量上按确定键可看到。
以上三部分下又个分为两部分,底色和表面的可调节部分的颜色(on与off),分别对应一张图片,这里使用预设的效果。

这里是标签的设置,由上至下依次为
二短标签
三短标签(名片夹)
四短标签(设置)
二长标签/
三长标签/
就是你在名片夹里切换人名和分组时屏幕上面的东东,有五种,每种下面还要分别设置各个标签被激活时的颜色(图中划红色下划线),可用自制的图片,二短就有2个要设置,四短就有4个要设置,每种设置好后都要点save生效。这里从theme中取预设的效果,三长要点四短下面的小箭头才能看见。
Signal/Battery/信号和电池指示
图略,位置就不用说了,两张图片,操作与音量指示相同。
Slider Graphics/滑块图
图略,就是调节对比度时的那个滑块,这也是张图片,可自制可调预设。
Navigation Indicators/导航栏指示
图略,第一个是有子菜单是显示的那个小箭头,功能表》选项》存储详情》可以看到
第二个是所有选项一屏显示不完时屏幕下方所出现的那个上下箭头,这里采用预设。

07Applications/应用程序
Idle Screen/待机画面
1这个不用说了吧,待机图片,176x208。
2模拟时钟的设置,分为五张图片
表盘(1~12)的数字/表盘遮罩/日期区域背景/时钟背景/时钟背景遮罩。
遮罩(mask)主要是用来标识透明区域的,所以你看到的钟是圆的而不是方的。当然你也可以把他做成方的。
比如表盘和表盘遮罩,表盘遮罩中的黑色告诉系统表盘这张图片(原来是方的)上哪些区域是要显示为透明的(周围的黑色变透明之后表盘图片就是圆型的了)。有点ps基础的人对这个应该比较容易接受。这里暂时用默认设置不作任何修改
3数字时钟的设置
与模拟钟一样,每个数字都需要一个遮罩,加上“=”“-”这里一共需要24张图片,同上,暂时用默认设置不作任何修改。
Pinboard/捷径
捷径的背景图,这里用01的背景图并拖拽至合适位置。可自制可调用。
Calendar/日历
日历的背景,同上,可自制可调预设。

Setting/设置
1情景模式》铃声音量》进入后右面那个音量条的背景,好像只有这一处用到,这里用了一张自制图片,其实这里改不改都无所谓。
2各类可调节部件的背景色,比如图中情景模式中铃声类型的那个背景颜色。可自制可调预设。这里未作修改直接用的默认值。

08Colours
Icon Clolours/各类小图标的颜色
分别为状态指示中的新信息,锁

键盘的标志,日期,标签上的各类小图标的颜色,点击你要修改的部分再点右面的colour进行设置就行了。如果这片教程到这里你都能看懂的话那么这里就不用教了
Text Colours/各类字体的颜色
Line Colours/各类线条的颜色
Calendar Event Colours/日历中各类事件的颜色
均同上

09Checkout,checkout就是起这个作用的,如图,可以点右面的小箭头查看各项设置的预览,没有问题就点continue继续吧(作业做完了总要检查吧。

创建sis文件
Theme name,这里是安装时显示的主题名称
Sis file name:生成的sis文件的名称
Author:你的大名
Copyright notice:版权声明一类的东西,由于不支持中文所以填了也白搭
Allow copying:是否允许copy
。。。。。。其余忽略
》好了点ok

Sis文件创建完毕,
Show report:查看生成报告;Transfer theme:传输主题文件至。。。;Cancel:这个是取消。我们点第二个如下图所示:

第一个是通过红外传输;第二个是保存到本地硬盘。
当然是选择第二个如下图所示:

找个地方,然后点红圈圈的那个是ok,如下图所示:

大功告成~~示例全图:



相关文档
最新文档