|
糊浆熬笑
- 组别:超级版主
- 性别:
- 积分:715
- 帖子:297
|
2007-11-15 14:28
| 只看楼主
树型|
收藏|
小
中
大
1#
★音速启动皮肤制作教程★
如果您不满意现有的音速启动皮肤，可以发挥自己的艺术天分，参考以下简短的教程，做出漂亮的皮肤，与大家分享。
(一)皮肤制作教程 - 准备部分
现在开始我们的教程。你需要准备以下工具：
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 文件可以用记事本打开，它有这样的规格：
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、群里面问我。随着音速启动的升级，我们会及时修改教程的。相信以后也会推出一个更加方便的制作皮肤的工具。
 柠檬 最后编辑于 2007-11-16 13:57:32
|
