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,不定 |
| back.jpg 或 back.bmp | 缺省背景图片 | jpg或bmp,不定 |
做皮肤之前,应该先完成这些图片,作为准备。
关于 MarkColor :
如果需要制作带有透明角/边的不规则皮肤,就必须用到 MarkColor 。如优派皮肤的左上角图片:
可以看到,由于优派皮肤的其他地方没有青色,所以可以用青色做为需要透明的颜色,也就是 MarkColor ,另外,四个角需要检查 MarkColor 的范围,由 RngSiseXi,RngSiseYi (i是1-4,分别代表4个角) 确定。虽然你可以把 RngSise 设置成很大以便不需要测量,但是太大会影响音速启动启动的速度。
MarkColor 和 RngSise 获得以后,就可以在以下的配置部分用上场了。
(二)皮肤制作教程 - 配置部分
只要解读 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表示显示类别标题,其他参数表示类别标题的大小、位置和文字颜色。 |