关于我们 跳转到疑问解答(论坛) 跳转到下载产品页面 跳转到玩转颜色首页 跳转到音速启动首页 返回产品首页
 
首页 | 软件简介 | 下载产品 | 音速启动皮肤制作 | 音速启动的问与答 | 音速启动教程

 音速启动 - 制作您喜欢的皮肤
    如果您不满意现有的音速启动皮肤,可以发挥自己的艺术天分,参考以下简短的教程,做出漂亮的皮肤,与大家分享。
 

一,准备部分

现在开始我们的教程。你需要准备以下工具

1. 音速启动 5.0 以上的版本 (本教程不适合 4.3.2 版)
2. 画图,或某种图片编辑工具
3. 截图工具,如 HprSnap5
4. 玩转颜色,几乎是必备,获得 MarkColor 等
5. 图标工具,制作 ICO 文件,例如 Articons

需要准备的图片

做皮肤当然少不得图片。你可以进入音速启动所在目录,找到 Skin 目录,打开任何一款皮肤的目录,大致看到所需要的图片。
 

各类图片说明如下:
 

名称

说明

规格

Bar.bmp

栏目横条的普通状态和移上状态

bmp,40×40

C_Normal.ico,C_Move.ico,C_Down.ico

类别按钮的普通、移上、按下状态

ico,不定

Close_Normal.bmp,Close_Move.bmp,
Close_Down.bmp
同样的还有Min_..,Skin_...

最小化、皮肤、关闭按钮的普通、移上、按下状态

bmp,不定

MenuCheck.ico

菜单中打勾的图片

ico,16×16

MenuLeft.bmp

菜单中左边图标背景图片,程序会自动拉长以适应菜单高度。该背景可以是普通颜色,也可以是渐变颜色。渐变颜色的例子,可以参考皮肤 QQMusic(横排版)

bmp,24×1

S_Normal.bmp,S_Move.bmp,S_Down.bmp

最近使用按钮的普通、移上、按下状态

bmp,不定

Scroll.bmp

滚动条图片,该图片设置如下:
1,前 15×10 表示滚动条背景
2,后 15×15 表示滚动条前景,其中,中间仅5×15是根据滚动条长度而自动拉长的

bmp,15×25

Skin-1,2,....8.bmp

这是面板的图片,设置如下:
1,2,3,4分别表示左、上、右、下的边图片,随面板大小变化而拉长
5,6,7,8分别表示左、上、右、下的角图片,需要透明的部分的颜色应该和 MarkColor 对应,下面会详细说明

bmp,不定

updown.bmp

列表中箭头的图片,它可以独立显示,也可以作为滚动条的上下箭头。里面包含了上、下箭头的2种状态,一个4个箭头。具体可看随便一款皮肤的该文件

bmp,30×30

buttonX_Normal.ico,buttonX_Move.ico,
buttonX_Down.ico

X=1,2.....11

可选,如果有,表示修改界面上各按钮的图标,分别代表普通、移上、按下。至于 X 代表是哪个按钮,请参考下面 cmdLeft
注意:某个按钮只有Normal图标是可以的。

ico,不定
SearchButton_Normal.bmp
SearchButton_Move.bmp
SearchButton_Down.bmp
如果在界面上显示搜索按钮,那应该有这3张图片。 bmp,不定

做皮肤之前,应该先完成这些图片,作为准备。

关于 MarkColor

如果需要制作带有透明角/边的不规则皮肤,就必须用到 MarkColor 。如优派皮肤的左上角图片:
 

可以看到,由于优派皮肤的其他地方没有青色,所以可以用青色做为需要透明的颜色,也就是 MarkColor ,另外,四个角需要检查  MarkColor 的范围,由 RngSiseXi,RngSiseYi (i是1-4,分别代表4个角) 确定。虽然你可以把 RngSise 设置成很大以便不需要测量,但是太大会影响音速启动启动的速度。

MarkColor 和 RngSise 获得以后,就可以在以下的配置部分用上场了。


配置部分-Setup.ini

只要解读 Setup.ini 文件,剩下的工作就很轻松了。Setup.ini 文件可以用记事本打开,它有这样的规格:

1. 第一行必须是 [Main]
2. 信息行一般如 MainColor=16777215 这类形式。MainColor 表示项,16777215 表示值。
3. 以 ' 开头的,表示注释行,可有可无

这里有个特殊的地方,某些数值可能是随着音速启动面板大小变化而变化的,因此,数值可以用特殊字符,如下:

1.R - 音速启动面板宽度
2.B - 面板高度
3.V - 面板宽度的一半
4.D - 面板高度的一半

用法很简单,例如 CmdMinLeft=R53 ,表示 CmdMinLeft 的实际数值=面板宽度-53

同样,这些特殊字符可以用于 RngSise ,以制作透明的边。

以下是 Setup.ini 所有项的解释:
 

说明

MaxWidth,MaxHeight

这两个其实是分别规定面板的最小宽度和高度的(不是最大,偶英文不好,呵呵)

MainColor

面板的主颜色,其实就是皮肤的背景颜色

MarkColor

用于透明部分的颜色,具体说明看上面

RngSizeXi,RngSizeYi
(i=1-4)

检查 MarkColor 的范围。如果需要实现边的透明,需要配合 R、B 等参数,具体说明看上面。

MenuColori
(i=1-5)

菜单的配色,分别为
1 - 菜单背景颜色
2 - 菜单外边颜色
3 - 移上的菜单的边颜色
4 - 菜单中分割条的颜色
5 - 移上的菜单的背景颜色

cmdLefti,cmdTopi
(i=1-10)

面板上10个按钮的左边距和上边距,按钮 i=1-10 分别是:
1.插件
2.邮件检测
3.类别
4.添加新栏目
5.栏目排序
6.添加快捷方式
7.主菜单
8.高级设置
9.热键管理
10.计划任务管理
11.文件夹保护按钮
技巧:不需要显示某个按钮,只要把该按钮的左边距或上边距设置为负数即可

cmdFontColor1,cmdFontColor2

菜单按钮和类别按钮的文字颜色,分别是默认颜色和移上颜色

TimeCapLeft,TimeCapTop,
TimeCapColor,TimeCapBold

日期标签的左边距,上边距,颜色,和是否为粗体颜色(0-普通,1-粗体)

CmdMinLeft,CmdMinTop,
CmdMinWidth,CmdMinHeight,
CmdSkinLeft,mdSkinTop,
CmdSkinWidth,CmdSkinHeight,
CmdCloseLeft,CmdCloseTop,
CmdCloseWidth,CmdCloseHeight

这一系列项,表示最小化、皮肤、关闭按钮的左边距、上边距,宽和高。由于一般这几个按钮都是在面板右边,因此可以结合 R 参数

ListLeft,ListTop,
ListWidth,ListHeight

这一系列项,表示主列表框的的左边距、上边距,宽和高。

ListColor

主列表框的背景色,这个项可有可无,如果规定了颜色,用户就不能在高级设置改变主列表框的背景色。

RecentBLeft,RecentBTop,
RecentBWidth,RecentBHeight

这一系列项,表示最近使用按钮的左边距、上边距,宽和高。

ClassBFirstLeft,ClassBFirstTop,
ClassBWidth,ClassBHeight

这一系列项,表示最近类别按钮的左边距、上边距,宽和高。其中,ClassBFirstLeft,ClassBFirstTop 表示的是第一个类别按钮的左边距、上边距,其他的按照方差递增

ClassBSub

表示2个类别按钮之前的差(包含了一个类别按钮的宽)

ClassBDirection

表示类别按钮的排列方向,1为纵向,2为横向

ClassIconSize 这个项可有可无,表示类别图标大小,只可设为16、32。没有这项时默认为16

ClassBIconLeft,ClassBIconTop

表示图标在类别按钮中的位置

NoClassCaption,NoMenuCaption

这两个项可有可无,=1 时可以去掉类别按钮和菜单按钮的文字

FixWidth,FixHeight

这两个项可有可无,有的时候,可以锁定面板的宽度和高度

BarColor1,BarColor2

这两个项可有可无,有的时候,可以规定栏目横条的文字的默认颜色和移上颜色

ShowSearchBox=1
SearchBoxBKColor=16316659
SearchBoxFontColor=0
SearchBoxLeft=18
SearchBoxTop=93
SearchBoxWidth=R50
SearchBoxHeight=12
SearchButtonLeft=R28
SearchButtonTop=91
SearchButtonWidth=14
SearchButtonHeight=14
ShowSearchBox=1表示显示搜索框在界面上,其他参数分别表示搜索框的背景、大小和位置,以及搜索种类按钮的大小位置。
ClassShowText=1
ClassTextLeft=24
ClassTextTop=7
ClassTextWidth=70
ClassTextHeight=16
ClassTextFontColor=16711422
ClassShowText=1表示显示类别标题,其他参数表示类别标题的大小、位置和文字颜色。

三, 简单的制作流程

了解了皮肤的准备和配置以后,下面讲一下方便的制作一个皮肤的基本流程,以我制作“中国黑客”皮肤为例:

1.“中国黑客”这套皮肤本来是一套QQ皮肤,通过截图,我把需要的图片先准备下来
2. 进入音速启动所在目录,找到 Skin 目录,复制一款最相近皮肤目录,起名叫“中国黑客”
3. 打开音速启动,进入皮肤管理器,把皮肤更改为“中国黑客”,这时候的“中国黑客”其实就是你复制来的某个皮肤
4. 关闭音速启动。把相关图片替换进去
5. 再打开音速启动,发现界面乱七八糟,没关系,我们还没有修改配置文件 Setup.ini
6. 在修改配置 Setup.ini 的过程中,某些部分需要重新运行音速启动才能生效,这一点要注意
7. 通过不断的、细心地调整一些图片的距离,颜色等,慢慢,大概皮肤的样子就出来了,你可以随时打开音速启动来观看效果,再关闭它。
8. 大致完成以后,你可以运行音速启动,操作一下,看有没有什么地方还需要修改
9. 完成!辛苦的一天,呵呵

三,发布您的皮肤

好东西当然要分享,你可以把皮肤打包,发送到我们的邮箱:,我们会把皮肤加密,并且上传。

整个教程结束,如果有什么问题,可以在留言簿、QQ、群里面问我。随着音速启动的升级,我们会及时修改教程的。相信以后也会推出一个更加方便的制作皮肤的工具。