【S60第二、三版主题制作软件】Theme Edition V3.1下载及简单教程

社区服务
高级搜索
猴岛论坛手机数码【S60第二、三版主题制作软件】Theme Edition V3.1下载及简单教程
发帖 回复
正序阅读 最近浏览的帖子最近浏览的版块
2个回复

【S60第二、三版主题制作软件】Theme Edition V3.1下载及简单教程

楼层直达
SadyyL

ZxID:2557785

等级: 少将
实实在在,踏踏实实过好每个黑暗的一天。
举报 只看楼主 使用道具 楼主   发表于: 2010-07-03 0
— (夏无蝶) 已检测,附件为网页地址 (2010-07-04 00:36) —
此软件可制作S60第二版与第三版机型的主题
Carbide.UI.3.1使用教程
   
Carbide.UI 3.1(以下简称ui3.1)是nokia官方最新发布的主题编辑软件,与它们原来发布的ts系列相比,ui3.1更专业,更适合于初学者使用,虽然它对计算机的要求看起来更高,但使用时感觉它更流畅,基本不会卡,而且它很灵活,编辑功能更强大,只是与ts在使用习惯上有很大的不同,常用ts的兄弟刚开始用它可能会感到不习惯,无从下手,这个教程的目的就是用图解的方式告诉你怎么操作,以便你也能做出漂亮的主题,对初学者和有ts使用经验的人都是适用的。

1、 创建新的主题
这个过程很简单,装好后点击ui的图标,会出来欢迎(welcome)画面,点创建主题(create theme)选项,如图1,接着会弹出创建主题的属性对话框,在主题名字栏里(theme name)输入你做的主题名字,再点完成(finish),如图2所示。然后ui的主题编辑器的画面就会出现了,这个编辑画面的布局跟ts差不多,从大的分布来说,左边是任务区,中间是编辑区,右边是资源区和预览区。在进入这个画面中,先选择主题的分辩率吧,在编辑区的上面有个下拉菜单,点开后就可以选你需要的分辩率,如图3。在这里,我选的是176*208。

图1




图2

图3




2、 编辑背景图片
    点左边系统主题栏(system theme)下的背景(background)项,如图4,则背景的编辑项打开,在背景(background)栏下有两个可编辑组件,上面的是激活背景,下面的是待机背景,如图2.5。因为这两个组件还未处于正在编辑状态,所以颜色是灰的,先编辑激活背景,点上面的那个,使其处于编辑状态。然后打开图像处理工具ps,并且打开你准备做主题的那几张图,选中做激活画面的图,在“选择”选项中选“全选”,如图2.6,再打开ps的“编辑”选项,选“拷贝”,如图2.7,然后回到ui3.1,在右边的资源区可以看到激活背景的缩略图,点鼠标右键,打开下拉菜单,选粘贴(paste),如图2.8,则我们选择的激活背景图片就会贴到编辑器中了,如图2.9,这时,左边的激活背景记号的颜色由灰色变成蓝色,中间的编辑区和右边的资源区内都变成了激活背景的图片。再按照同样的方法编辑待机背景,就完成了背景编辑任务。待机和其他图片的处理方法与此相同。

图2.4

图2.5

图2.6

图2.7

图2.8

图2.9



3、 导航条(蓝条)的处理
在ts3.0中,导航条由于没有“none”选项,做图片的全屏显示时有点麻烦,需找到替代的SVG文件,而且,做完后显示时是黑条,只有装到手机里才是透明条。ui3.0在这里处理得很好,可以直接用透明的层(layer)做成全屏的效果,具体的做法如下。先在左边的任务栏中区域(areas)里选状态区(status area),则在编辑状态区里就会显示出来三个组件,跟ts3.0里一样,最下面的那个组件就是导航条。如图3.10。点它使它处于可编辑状态,这时,主编辑区里导航条被黑色的实线包围,表示这时可以编辑它。右边的资源区里显示了当前激活可编辑组件样式的缩略图,见图3.11。同时,在左边任务栏的下方还有一个元素栏(contacts elements),这个栏里的列表显示出当前组件与哪些元素相关,元素栏的右方是属性栏(properties),在这个栏里显示的是当前组件的平台、拉伸模式、ID和位置坐标等信息。在它的再右边是层信息栏(solid layer),在这个栏里显示的是当前组件有几层,每个层是什么图片等。这三个栏分别在图3.12的“1”、“2”和“3”的位置。在元素栏中,双击“solid”,使导航条处于编辑状态,双击以后,就打开了导航单独的编辑窗口,如图3.13。打开这个编辑窗口后,再在刚才介绍过的层(solid layer)里选择“加一个层”的命令,这个命令执行后,在层的栏目里的列表中可以看到现在有两个层了,一个是原来的蓝色层,在图14中,是红色箭头所指的部分,一个新加的透明层,在图3.14中,是黄色实线所包围的部分。接下来我们要做的就是删掉蓝色的层,留下透明的层,操作很简单,在蓝色层激活的状态下,点击层窗口右上方的“×”,如图3.15。删除操作后,在导航条的主编辑窗口可以看到,原来的蓝色条现在成了白色,如图3.16。再关掉导航条的主编辑窗口(点它右上方的“×”)回到待机背景的编辑窗口时就可以看到,蓝色导航条已经被透明条所替代,如图3.17所示。用同样的方法对wipe和solid Idle Navi Pane蓝条进行处理,就可以实现背景图片的全景显示了。

图3.10

图3.11

图3.12
图3.13

图3.14

图3.15

图3.16

图3.17



4、 设置字体颜色
相比来说,ui3.1的颜色设置是很直观的,也很容易,选在任务栏中选择“colours”,则下拉的列表中就显示出可以设置颜色的各个组件,在这个列表中,我们点“status pane items”,就是图4.18中的“1”处,再点编辑记号栏中的组件略图,也就是图4.18中的“2”处,则可以看见,组件编辑区中将编辑颜色的那个元素被黑色实线所围住,同时在资源区中和编辑区下方的属性栏内,这个元素当前的颜色也显示出来,是黑色,如图4.19。为编辑这个元素的颜色,点属性栏内的色块,如图4.20,点了它以后,就会打开色板,色板中可选择的颜色很多,点击你选中的颜色,按“ok”后,则黑色实线内元素的颜色和资源区及属性栏内的色块都已经换成我们刚才先择的颜色了,这个元素的颜色已经编辑完成了。为了编辑下一个元素的颜色,点资源区内的下一个色块,则新的元素被选中,见图4.21。重复刚才的操作,就可以完成主题的颜色设置了。

图4.18

图4.19

图4.20

图4.21



5、 编辑图标
还是先点任务栏中的图标项(icons),再点编辑记号栏中的缩略图,见图22的“1”和“2”,则“application”图标被黑色实线围住,表明它处于可编辑状态,如图5.23。再切换到ps中,打开选中的application图标文件,并在“选择”选项中点击“全选”,使整个图标都被选中,再在“编辑”选项下选择“拷贝”,把图标放进剪切板,如图5.24,再回到ui3.1,在资源区中,点击鼠标右键,会出来一个下拉式菜单,在这个菜单中选择粘贴(paste),见图5.25,则我们刚才选择的图标文件就贴到编辑区中application图标的位置上,见图5.26 ,但由于还没有编辑蒙板(mask)图标旁边的背景图案也被图标四周的白色所遮盖住,为了编辑蒙板文件,在资源区中,点击右键,再在弹出的下拉菜单中选择编辑蒙板(edit mask)选项,见图5.27,于是ui3.1就自动地切换到ps中,当然,事先必须把ps程序的位置告诉ui3.1,同时蒙板文件也会出现在ps的编辑区中,如图5.28,在ts3.0中,可以在程序内对蒙板进行wand和pen处理,但在ui3.1里,我还没有找到这两个命令在哪里,所以进入ps的蒙板文件是白色块,利用已经打开的图标原文件,对蒙板文件进行处理,原则当然是把图标边缘外的部分涂成黑色,使其透明,然后直接存贮蒙板文件,见图5.29,这时切换到ui3.1中,可以看到编辑区和资源区中的application图标的边缘外的部分已经透明,见图5.30,一个图标的制作过程就完成了,其他如法炮制就行了。

图5.22

图5.23

图5.24
图5.25

图5.26

图5.27

图5.28

图5.29

图5.30



6、 效果预览
主题编辑完后如果想要看看主题的整体效果可以在资源区中打开“gallery”栏直接观察,打开的方式是直接点它,也可以在“window”菜单下选择它,在最小化状态时,可以用滚动条拉动一幅幅的观察,看到不合意的组件或元素可以直接点击使其处于可编辑状态修改它,为了截图方便,用最大化比较好,点资源区右上方的最大化选项,如图6.31,打开最大化窗口后的效果如图6.32,在这里也可以选择观察哪些画面,点每张图右上角的“×”就可以掉它。

图6.31

图6.32

7、 认证文件的制作
要输出sis文件,Ui3.1跟ts3.0一样,也需要key和cer文件,但制作方式大不相同,ui3.1是在软件的集成环境中制作的。在ui3.1最上面的菜单中,选工具选项,再选“handle key pairs…”选项,如图7.33,则弹出key和cer文件制作向导窗口,如图7.34,这里不需要什么技巧,直接按向导的提示操作就可以了。要提醒各位的是,虽然制作了认证文件,但ui3.1只充许你使用有限的时间,大概是十五天,如果想长期使用,还必须进行注册,当然,注册是免费的,注册是在菜单的帮助(help)选项下有一个注册选项,支持在线注册和离线注册,不管怎么注册,你都必须是它官方网站的会员,登录到那里获得序列号,就可以注册了。虽然注册方法很简单,但很难注册成功,可能是网络的原因吧。

图7.33

图7.34


创建sis文件
在菜单的工具栏中选择“create new sis-pack…..”选项,如图8.35,则弹出sis文件创建向导窗口,见图8.36,在这个窗口里,目标平台(target platform)是一个下拉式菜单,在列表里可以选择主题所用的平台。接下来的窗口是选择主题放置的位置,可以随意选择你机子里的任何地方,选完后按finish,如图8.37,则ui3.1就开始创建刚才制作的主题文件啦,sis文件创建好后,会弹出如图8.38的窗口,问是否继续进行sis文件传递?如果不急于把sis文件装进手机里,当然选择“no”,回答完后,一个主题的制作过程就全部完成了。
上面介绍了用ui3.1制作主题的主要过程,在我看来,ui3.1真是博大精深,功能十分了得,希望更多的人能用它做出更精美的主题来。

图8.35

图8.36
图8.37

图8.38

[ 此贴被夏无蝶在2010-07-18 14:17重新编辑 ]
描述:下载地址,太大了,不能传
附件: 下载地址.rar (1 K) 下载数:0
本帖de评分: 1 条评分 DB +50
DB+50

优秀文章

夏无蝶

ZxID:10666759

等级: 元老
配偶: benq12
To0oTo0o------------------小蝶

举报 只看该作者 板凳   发表于: 2010-07-04 0
你挂掉的一堆图让我很纠结!我编辑一下试试

谢谢分享

-无敌小猫咪°

ZxID:10662529

等级: 元老

举报 只看该作者 沙发   发表于: 2010-07-03 0
英文的。看不懂。
本帖de评分: 1 条评分 DB +1
DB+1

回复生财奖励

« 返回列表
发帖 回复