★音速启动皮肤制作教程★ - Powered by Discuz!NT Archiver

3L软件论坛

首页 » 音速启动专区 » 音速启动资源板块 » ★音速启动皮肤制作教程★
笑熬浆糊 - 2007-11-15 14:28:00
如果您不满意现有的音速启动皮肤,可以发挥自己的艺术天分,参考以下简短的教程,做出漂亮的皮肤,与大家分享。

(一)皮肤制作教程 - 准备部分

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

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表示显示类别标题,其他参数表示类别标题的大小、位置和文字颜色。


(三)皮肤制作教程 - 简单的制作流程

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

(四)皮肤制作教程 - 发布您的皮肤

  好东西当然要分享,你可以把皮肤打包,发送到我们的邮箱:,我们会把皮肤加密,并且上传。 整个教程结束,如果有什么问题,可以在留言簿、QQ、群里面问我。随着音速启动的升级,我们会及时修改教程的。相信以后也会推出一个更加方便的制作皮肤的工具。





寒江独钓 - 2007-11-15 14:30:00
:yct14: 支持
大家自己动手,多多制作音速皮肤:yct16:
危险胡 - 2007-11-16 8:49:00
支持,我首先想把tm2008的修改一下,从改入手比较好入门吧。
huang - 2007-11-18 19:20:00
建设写个《音速启动》皮肤制作工具出来,跟QQ的一样,多方便,呵~~~本人很懒,只有麻烦写程序的大哥了,不过大哥写一个抵我们N个,实在省心不少,你们说是不??
xxwin - 2007-11-21 23:50:00
EN,还是程序来做这事吧:yct12:
yyj3022 - 2007-12-4 13:41:00
同意LS的意见
xuelei216 - 2007-12-5 3:26:00
呵呵。。期待 制作皮肤的软件
MEILIA - 2007-12-5 15:16:00
不错~
中国 - 2007-12-6 14:40:00
又学了一招,呵呵,原来还有这个参数:

ClassShowText=1表示显示类别标题,其他参数表示类别标题的大小、位置和文字颜色。

ClassShowText=1
ClassTextLeft=24
ClassTextTop=7
ClassTextWidth=70
ClassTextHeight=16
ClassTextFontColor=16711422
onette赤 - 2007-12-13 15:38:00
:yct14: 最好给大家做个视频教程
那就才理想
397916899 - 2007-12-14 18:52:00
顶。。。。。。。。顶。。。。。。。。顶。。。。。。。。顶。。。。。。。。顶。。。。。。。。顶。。。。。。。。顶。。。。。。。。
中国 - 2007-12-14 19:10:00
貌似显示类别标题的参数试了不行?

ClassShowText=1表示显示类别标题,其他参数表示类别标题的大小、位置和文字颜色。

ClassShowText=1
ClassTextLeft=24
ClassTextTop=7
ClassTextWidth=70
ClassTextHeight=16
ClassTextFontColor=16711422
wmj492 - 2008-2-7 22:06:00
:tsj7: 支持下!顶!
wmj492 - 2008-2-7 22:21:00
:yct2: 好象太麻烦了点,需要软件,快点搞个出来哦!很期待!:yct14:
wf2030 - 2008-2-16 16:48:00
自己做太难了,还是把别的皮肤改一下比较号,呵呵……
hellovirus - 2008-3-29 14:27:00
[Main]
ver=3
'主窗体
MaxWidth=LsAtCmBqE
MaxHeight=XtDnFsDpD
MainColor=BnAqCpEoCtBpEsBqB
MarkColor=QpCnDpCoCtFtCmDrD
BarColor1=HtEoCzEpBoAoFmB
BarColor2=BzEuByFpBsDtDtA
ListColor=FrEtBnBtCoBmEyFtF
为啥显示这样呢?
m3203300 - 2008-3-31 13:14:00
:yct5: 本来我要做一个的,一看这么麻烦........那就算了吧!!:yct2:
5555    期待制作 VStart  皮肤的软件出来...虽然太麻烦,但还是顶一下......:yct4: :yct4: ::yct4: :yct4: :yct15: :yct15: :yct15: :yct15:
hele386 - 2008-4-1 23:21:00
学习一下!
sy100 - 2008-7-17 7:38:00
向各位学习! 制作自己的音速皮肤。。。
zlq520xpp - 2008-7-18 0:41:00
:yct2: :yct2: 学习~!~!
125784210 - 2008-9-27 12:13:00
好麻烦啊
xwy1024 - 2008-10-23 17:45:00
做个制作皮肤的软件 或是 做个视频教程  那就好了
gaoguanshi - 2008-11-20 12:03:00
呵呵,我也要制作一个自己的皮肤!
xvjiex - 2008-12-6 11:06:00
自己做太难了,还是把别的皮肤改一下比较方便.
ynwscfsfi - 2008-12-26 16:06:00
本来我要做一个的,一看这么麻烦........那就算了吧!!
好期待制作 VStart  皮肤的软件出来...虽然太麻烦,但还是顶一下......
1
查看完整版本: ★音速启动皮肤制作教程★