一,准备部分
现在开始我们的教程。你需要准备以下工具:
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、群里面问我。随着音速启动的升级,我们会及时修改教程的。相信以后也会推出一个更加方便的制作皮肤的工具。 |