打印

[教程] S80主题制作教程完全攻略(内容继续更新ing)

本主题由 资深★搬运工 于 2008-5-2 16:31 提升 本主题被作者加入到个人文集中

S80主题制作教程完全攻略(内容继续更新ing)

一、废话~~

        通常我所做的教程之类的基本上都是利用空余时间,在手机上完成的,包括撰写、部分截图等等。加上文字表达能力差,所以在正式开始之前,都是要找下感觉,因此称之为废话~~你大可以跳过这节不看~~~

         其实我也是最近才开始接触主题的。之前也曾计划过要研究下主题,只是手头还有别的事一直抽不出空来,加上前阵子刚忙完了字库配置和手机汉化的两个小教程,原本打算休息下好好做下本职工作,专心压点片片~~

        前几天阵雨版版喊我帮忙测试下主题,我于是义无反顾、两肋插刀、见血封喉的答应下来,这才正式开始接触主题。虽然是帮忙测试,但也应该拿出点专业的精神来做测试,于是乎在本论坛和网上大搜了一轮,发现其实各大网页、论坛关于制作大九的主题,都是转载咱们论坛的P版的教程,感到既欣慰又茫然。欣慰的是咱们的论坛可以说是比较有权威和影响力的,茫然的是教程太过于简单,所以就萌生了自己做个教程的想法。由于接触时间不长、文化水平的限制,错漏在所难免。我也尽可能的把教程写得轻松点、通俗易懂点~~权当作是个学习过程的记录吧~~

       俗话说:前人栽树,后人乘凉。在此要特别感谢P版、叶版、恐龙版、太一等等(名字太多列不完,排名不分前后左右中间)一大批前辈的仙人指路,偶就来个童子拜佛吧~~


[ 本帖最后由 aleecn 于 2008-4-13 15:22 编辑 ]
本帖最近评分记录

TOP

二、前奏~~~

       晕~~~还有前奏~~~

        没错,开工前我们都要有个准备工作,就象运动前热身一样~~
        大九其实自己也带主题,就是所谓的配色方案,在控制面板--常规--屏幕显示--颜色--颜色模式里面选择一个配色方案,再配合上壁纸,也就可以实现个简单主题。



        系统自带的主题皮肤文件就藏在Z:\system\data\下的sink_XXX里面,而壁纸文件则藏在Z:\documents\wallpapers\下面~~,有兴趣的可以把这些挖出来研究研究。



         用记事本打开xxx.skn文件,你会发现什么~~呵呵~~自己看看去吧~~~

        还有就是安装相关的软件和组件。(软件随后附上链接地址)


[ 本帖最后由 aleecn 于 2008-4-14 00:11 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

     三、主题壁纸的制作

       我们首先要明确下大九的屏幕分辨率,大九的外屏的分辨率是128x128,内屏的分辨率是640x200。
这都是众所周知的,然而我们在使用主题软件SkinWizardS80时,却使用800x200的素材,这是为什么呢?
原来主题软件在裁掉我们正常使用的640x200的内屏壁纸尺寸后,自动把多出来的那部分扩大到200x200后,作为外屏的壁纸了。
这个默认设置确实不怎么样,但是我们可以不用理它,反正以后还要单独制作或修改呢,不用管他,按照正常的步骤来制作吧。


        其实制作内屏的素材正确的尺寸应该是756x200,在photoshop里面新建个文件,数值按照图示:



        我们在预置--单位与标尺里面把标尺的单位更改为像素,如图:



        拖动辅助线出来,按照我给的尺寸摆放到相应位置,(注意时钟背景的尺寸是60x26 左上角坐标位是x=16,y=99)





        我们来看下实际做好后的截图效果,看看为什么辅助线要这样划分,这样心中就有数了。



       我们来看看原始素材和在
SkinWizardS80里面的标注方式,对比一下~~~(原始素材是640x200的,在SkinWizardS80里面已经被变形了





      然后再来看看
被SkinWizardS80裁出来作为外屏壁纸,
使用哪些部位,呵呵~~这么巧啊~~~



        大体了解了这些后,我们发现,时钟的背景还是是纯色块,而非材质拼贴。

        目前还没找到好的办法,起码是现在,我会进一步研究的,应该会有办法完美解决~~~这样的话,我们只能合理规避掉它~~~比如纯色块~~

       我们先简单做一个吧~~~





        这里我在左侧填充了一个黑色色块,这样在以后的配色过程当中,就很好处理了~~~注意右侧图片不要超过时钟背景位置~~

        我们再来看下菜单布局,制作主题壁纸要考虑全局的效果,因此大图标模式和小图标模式都要考虑进去~~~





        从截图不难看出,使用小图标模式下,使我们更能看见多一些壁纸画面了~~~我们可以在这里做些文章~~~

        因此,在使用图像时,需尽可能的规避图标,还有就是右侧文字部分、下拉框和被裁减掉的部分,都要考虑进去,~~`

       想要制作得出好的主题,方方面面的要素都要仔细斟酌~~

      一个主题做的好不好,关键就在于细节上的表现,~~~

        我们临时增加个人物放在图标文字空隙间,偷懒直接加在上面的截图上了,只是为了看个大概意思~~~~

        注意要尽量避开图标和文字,起码被遮挡的为少许或无关紧要部位~~



       再来看下外屏图片,左边是未处理过的,右边是我临时加工处理过的~~~注意规避掉网标和下面的文字部分~~~

   


       至此~~~主题壁纸部分暂时讲到这里了~~~剩下的就是靠你自己的创意了~~`


[ 本帖最后由 aleecn 于 2008-7-23 23:26 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

      四、skinwizards80的主题制作

       其实使用主题软件SkinWizardS80的教程咱们区内也有不少了,为保持这个教程的完整性,我在这里就简单讲一下和需要注意的地方就好了。



















        主辅色的设置,如下图举例,我这里设了三个主色和两个辅助色。
        这里需要提醒一下,使用画面较深暗的壁纸做主题,由于屏幕所使用的材料不同,在电脑上的显示和手机上的显示是不一致的,所以我们在制作时,要至少提高亮度20~40个百分点~~~



自带默认的桌面背景底色和时钟底色

Blue
Desk Background Color:R:214 G:211 B:211

Clock Background Color:R:156 G:154 B:154

Brown
Desk Background Color:R:232 G:229 B:210

Clock Background Color:R:194 G:187 B:149

Green
Desk Background Color:R:230 G:240 B:206

Clock Background Color:R:174 G:190 B:148

Lialc
Desk Background Color:R:255 G:216 B:255

Clock Background Color:R:179 G:159 B:171

Orange
Desk Background Color:R:255 G:255 B:206

Clock Background Color:R:248 G:213 B:123

PC端软件:SkinWizardS80


手机端软件:skinstudio_s80

(继续待编辑~~~)


[ 本帖最后由 aleecn 于 2008-7-15 09:32 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

        五、SkinStudio软件设置

        其实这个软件很强大,足够多的设置令你眼花缭乱,合理的运用这些设置,可以让你的主题更加多姿多彩~~~,下面简单说下它的一些设置,以后会更加细致的讲解~~

修改皮肤名称和其他信息


设置色彩模式,很多选项~~~


设置和显示各个配件的详细信息,可修改,因为可能涉及到系统配置,请慎重使用~~~


自定义各项目的图片文件,包括内外屏壁纸、系统图标等等~~


         以下章节将会详细介绍这些配置内容,有些内容会不定期更新~~~


[ 本帖最后由 aleecn 于 2008-4-13 01:07 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

        六、使用SkinStudio进行主题色彩的初级配置

       为了能更好的了解skinstudio的配色原理,我们不妨来做个试验。
      在skinstudio里新建个皮肤文件,使用系统自带的green绿色配色方案,随便起个名字,就叫wda_aleecn吧,建好后用编辑选项打开,选择色彩模式,用上下键查看下这个配色方案都使用了哪些自定义的色彩,注意自定义的色块是被框选出来。~~~





       由于自定义色彩模式排列位置比较散乱,我截图后把它们全部排列在一起,这样大家能看得更清楚。大家可以来数一数,总共定义了26处的颜色,其他的则是保持系统默认的。



      好了,到底这26处是作用在哪里呢?用语言来说明是很抽象的。
      我们使用一个鲜艳的红色,每次只设置一处,这样看起来更直观些~~~

       一起来看吧~~~~
      由于截图比较多,很占版面。我就每种设置做了个GIF文件,大家如果看不完,可以下载回去慢慢看~~~

Control highlight background color




Menu bar background color


Message window foreground color


Control background color 3


Dropshadow color 3


Control background color 1


Dropshadow color 1



Dropshadow color 2


Dropshadow color 4


Dropshadow color 5


Focus background color


Focus highlight color


Focus shadow color


Line color


Highlight color 2


Highlight color 3


Active focus color


Control bar block color


Control bar background color


Desk background color


Clock background color


Progress bar  color


Progress bar background color


Search field icon background color



       通过以上的试验和观察,再加上精心打造的主题壁纸和配套的几个主辅色,就能配置出很漂亮的主题了,至于字体的颜色配置,我们将在下一节进行探讨~~~~



[ 本帖最后由 aleecn 于 2008-4-13 00:39 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

七、使用skinstudio进行主题的色彩配置的中级模式

         其实掌握了上面的那26处的颜色配置,也能做得不错的主题。
        但是使用系统配置的色彩模式,都因为颜色比较淡雅,没有配置字体的颜色,我们在做主题时,一来要和主题搭配,二来有可能使用比较深暗的画面,这样系统默认的黑色或其他色的字体就不好看或看不清了,这节我们继续延用上一节的方法,把系统内的字体颜色全找出来,令你的主题更炫目多彩,个性十足。

windows text color


control text color


control highlight text color


control dimmed text color


menu bar text color


menu bar  title text color


menu pane text color


menu pane highlight text color


menu pane dimmed text color


menu pane dimmed highlight text color


toolbar (CBA) text color


staus pane  text color


clock text color


editor highlight  text color


color laber  text color


color laber dimmed  text color


color laber emphasized  text color




(继续编辑中~~~)


[ 本帖最后由 aleecn 于 2008-4-15 12:51 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

留位置~~~~~

TOP

留位置~~~~~

TOP

最近工作比较忙, 暂时停止更新了,抱歉~~~忙过这段时间,我们继续剩下的部分~~~

最后送两个主题壁纸给大家~~~~










[ 本帖最后由 aleecn 于 2008-4-15 13:08 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

支持楼主!!

其实要做个S80的主题并不难,随便搞张全屏的图片上去就是了.但这样的主题很难看也很乱!
要做出理想的主题难是难在要有PS功底,如左边的"桌面"和右面的"菜单"要做出层次
感,与壁纸一致的过度色彩,就像自带的那种效果.
看遍所有S80的主题,很坦白说,只有两个是像样的...-_-!!
可惜我PS没底子.......

(可先设权限,待完成再解开.)

[ 本帖最后由 神在冥想 于 2008-4-10 22:39 编辑 ]
  
總有一首歌,一種旋律,讓我們回到過去的遐想.

TOP

强烈支持枪哥啊!


弄完后PM我,把权限解了!

TOP

支持教程资源,兄弟辛苦了

TOP

兄弟辛苦!此帖必火!

TOP

支持
确实辛苦

TOP

再来支持枪哥!