主题区☆s60教程目录

引用:

首先，为了尊重各位前辈，决定将前辈们的帖子统一索引


【N主题组出品】S60/S40主题制作软件下载 附加教程 7/16 3楼更新原版教程文档 －－－－notcola


教程：S60主题制作教程&主题制作软件（附图解） －－－－hljycliuzhao

Theme Studio制作主题详细教程。转载  －－－－－－kalong0606

S60软件图标大换血－－具体看介绍 －－－－yueyinger

[经典教程]每个S60手机热爱者必看－－－－创造你完美S60界面图标－－－－yueyinger

分享 图标的提取方法，转载的－－－－－－kalong0606

引用:

下面是我总结的一些教程，希望有兴趣的诺米们看看

一、提取SIS主题中的MBM、BMP图片方法;制作透明LOGO


1、把SIS主题中的MBM,BMP图片提取出来的教程及软件下载（22楼有UnMakeSIS中文版）      


2、s60主题透明LOGO制作方法        


二、6600编辑器（ThemeEditor6600）教程目录


1、6600编辑器视频教程（2个）、安装软件（2个）、备用主题文件（2个）、提炼别人主题图标软件（1个）下载        

2、6600编辑器图文教程（备用主题文件详细图文解说，19楼有安装软件下载）
      

三、Theme Studio教程目录


1、Theme Studio程序安装方法图解（必须安装到默认目录）        

2、Theme Studio视频教程（3个）、TS1.21安装程序（1个）下载（2楼有播放视频的flash播放机）      
  
3、Theme Studio菜单\选项全面翻译（图文教程）        

4、新手简单图文教程（只更改待机、功能图片）      

6、使用TS不显示口口字体的方法
      
7、TS图标的提取方法        

8、TS中级功略----功能表的透明膜效果        

9、TS3.0认证KEY问题解决方法        

10、完全破解受保护SIS主题==D版者的福音   

11、TS制作中级功略—MASK的用法   

12、TS高级功略—3RD PARTY ICONS   

13、Carbide Ui S60 Theme3.1制作主题图解教程   

14、Carbide Ui S60 Theme3.1 软件下载   


四、主题图标的遮罩（伪装、黑底）做法

[ 本帖最后由 evensong 于 2007-6-15 22:20 编辑 ]

（教程）解出主题中的图片~~

  解出主题中的图片主要目的是把其中好的图片和图标等用来制作自己的新主题~~
首先用unmakesis（附件MBM编辑器简体中文完全版里有提供）打开你要解的主题文件（sis）~~
然后按extract files把sis文件解成mbm和skn文件~~
最后就是用mbmwhizard（附件MBM编辑器简体中文完全版里有提供）打开刚才解出来的mbm文件~~~保存当中你喜欢的图片~~

[ 本帖最后由 evensong 于 2007-6-15 18:10 编辑 ]

s60主题透明LOGO制作方法

S60系统的LOGO图片在系统中均为BMP格式，所以并不支持GIF的透明格式，我们并不能直接使用透明的GIF作为LOGO来达到使LOGO透明的目的。也就是说即使你把一张透明的GIF的图片放进手机并设为LOGO，手机也会自动将其转化成一张全色的BMP图片  
   所以，在S60系统主题模式下实现所谓的“透明LOGO”其实就是用一张同主题背景图片完全相同重叠的图片做LOGO来实现的。
   我们先把主题通过UnMakeSIS将主题SIS解开生成的MBM文件解成图片。
   我们找到那张尺寸为176*44的图片并且此图片的最左上角点的X，Y坐标分别是65,2选取一块97*25的区域，这块区域就是我们标准LOGO的大小





然后把我们做好的LOGO上面，可以添加任意我们想加的文字。这样就可以做成一个很漂亮协调的LOGO，这个就是做好的～～







用到主题上的效果～～～

6600主题制作视频教程＋所有工具~~


视频为swf格式~~压成两部分~~把两部分都下载后用winrar解压~~

[ 本帖最后由 evensong 于 2007-6-15 18:27 编辑 ]

6600主题编辑器使用教程

  打开6600主

题编辑器~~其界面如下~~~





点击“打开”选择PC上的*.MBM文件，当编辑器将这个MBM文件导入以后，会在屏幕上显示出此主题的内部图片（当然你也可以不导入mbm文件直接编辑~~这里我为了更加容易让大家理解导入了gigi.mbm)




待机在待机功能界面中，屏幕整个大小是176*208个像素，需要编辑的一共有“上”“中”“下”3个部分，这三部分分别是176*44像素的LOGO部分（上），176*144像素的壁纸部分（中），176*20像素的功能键部分（下）。制作这部分的图片建议做成一个整体，并且有相应的颜色区分。

   当需要替换图片的时候，只需要在相应的图片上点击一下鼠标，就可以选择需要替换的图片，点击确定就可以完成替换的工作。



功能这个界面主要是显示手机功能界面中的9个图标，所以只保留了176*44像素的LOGO部分（上）和176*144像素的壁纸部分（中）两张图片，在制作时为了不影响图标的显示效果、不妨碍手机的操作，因此建议把这两张图片的颜色做得稍微浅一些，这样便能突出程序图标了。



单键拨号这个界面是单键拨号的底图，图片大小是174*180像素，由于其中的数字号码的颜色是灰色，所以建议底图的颜色最好不要是灰色，否则看起来会比较困难。




捷径这个界面是进入“捷径”以后弹出的界面。界面中的图片大小为167*176像素，建议在底图的周围添加边框，这样会比较美观。




日历进入日历的功能以后，会出现以下的界面。由于上下都有待机图的界面，建议做成与上下两部分比较和谐的图案。(不用图片效果也很好的）



时钟这个界面是数字时钟和指针时钟。其中可以修改表盘、表盘阴影、日历窗、表盘中心点、电子数字等。需要注意的是，电子数字共分为前景色、遮罩色，和阴影三部分，制作的时候需要严丝合缝，否则会出现显示不全的情况。



图标界面不用多介绍大家都知道是什么东西了，由于图标比较多，添加的时候要有耐心，以免出错。




音量顾名思义就是调节音量大小时候显示的


间隔图待机画面的和功能的一般不用设置，当然你也可以设置，不过个人感觉在这两个地方加上间隔好象比较生硬，但是也要看你编辑的界面图片是怎样的，如果你编辑的是一幅完整的图片那就不必加了，标签的就必须加上。



框说白了就是你进入功能表后用来上下左右移动选定东西的和按选项后弹出来用来选择等的东西。



颜色这里它对应的颜色是哪里的都说得十分具体了，只要点下捉颜色就可以选你自己喜欢的颜色了。

nokias60主题制作软件下载

Theme Studio视频教程（3个）、TS1.21安装程序（1个）下载（2楼有播放视频的flash播放机）      

视频教程:下载软件为全英文的～～安装＼制作过程中不能出现中文～～ 点击查看软件各菜单的中文对照

点击此处下载Theme Studio主题编辑器

[ 本帖最后由 evensong 于 2007-6-15 18:50 编辑 ]

[转]Theme Studio主题编辑器菜单\选项全面译~


  使用nokia themestudio来创建个性化的主题

Themestudio是nokia官方发布的一款用来制作s60手机的主题的软件，相比themeeditor，ts的功能要强大的多，可以对主题的所有方面进行自定义，但由于其全英文的界面，使用过程较繁琐以致知名度不高，但是其功能只强大是不可否认的。下面以创建一个theme为例子，意在抛砖引玉。
要用到的：
1：电脑一台-_-
2：theme studio ，
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
大功告成～～～


来张全家福



[ 本帖最后由 evensong 于 2007-6-15 19:05 编辑 ]

安装好Theme Studio，运行它～～界面如下～我们要制作主题点Theme下的new



在弹出的界面里如图选定01background 02areas 07appli｀｀｀然后点ok



选中01 beckground,在右边的栏框里选中browser然后找到你自己想要用来做主题的176*208的图片～～找到后选中然后点save～～


选中02，如图．然后在右边栏框里选components下的none～～双激选定后点save～～



选中07，如图～～这里的图片是待机时的图片～如果不更改就跟01里的那幅一样～～如果要更改方法跟01一样～～～


做好了后选10 checkout~~出现如图的查看效果图～～如果觉得满意就点continue，否则点cancel进行修改～～～


觉得满意点continue后点ok～我们的主题就做好了～～



做好的主题保存在Theme Studio安装目录下的Theme Studio\data\skinsdir\Theme0
如果你在楼上的那一步里把Theme name改为其他了Theme0当然也变成你改的名字了～

使用TS不显示口口字体的方法！
其实方法很简单，只要删除系统字体文件夹里的几个字体就可以了！
路径是C:\WINDOWS\Fonts
详细的看图片就知道了！