Va5: The SummonWork 皮肤制作教程简易版
查看( 23 ) /
评论( 0 )
Va5: The SummonWork 皮肤制作教程简易版
这是简易的教程，适用于水平较高的xd们。
1、Va5换肤指南
Va5通过对va5.mbm里的图片进行分析，可以制作出不同风格、布局的屏保。所以，只要对va5.mbm进行编辑，就可以达到更改Va5风格的目的。
1.1 va5.mbm结构
va5.mbm中应有82张图片，各张图片各司其职，缺少图片将导致va5无法运行，图片大小顺序的错乱会导致显示失常。现在将va5.mbm中的图片编号与意义简介如下：(No.0~No.81)
No.0：背景图片。同时也决定了屏保绘制区的大小。注意：1、va5没有对绘制区大小进行限制，但是过大的绘制区会导致内存使用的疯涨。2、当这张图片的尺度（包括宽度和高度）小于屏幕的尺度时，屏保将在对应尺度中随机移动。
No.1~No.20：时钟数字。每个数字以后是其遮照图片。注意：1、遮照图片在编辑mbm时应使用/8格式（即256级灰度）。2、请注意No.51图片。
No.21~No.24：时钟分隔符(18:30)。共两种为':'和'.'。同样也有遮照。
No.25~No.28：12小时制时用的am,pm。也有遮照。
No.29~No.30：日期栏的背景及遮照。同时也确定了日期栏的大小。
No.31~No.50：日期数字。注意事项与时钟数字相同。
No.51：时钟数字的起始绘制位置。这张图片决定了时钟数字绘制位置的左上角。这张图片将不会被绘制。使用/2格式。
No.52~No.59：日期分隔符及其遮照。共四种，顺次为'-'、'/'、':'、'.'。
No.60~No.73：星期标示符及其遮照。从星期一开始。
No.74~No.79：信息标示符及其遮照。顺次为键锁、短信、来电。
No.80：情景模式字串写入位置。
No.81：日期数字的起始绘制位置图片。这张图片决定了日期数字绘制位置的左上角。使用/2格式。
1.2 va5.mbm图片格式
在生成mbm时须注意图片的格式，这与内存使用有很大关系。彩色图片使用/c16，有半透明效果的遮照用/8，无半透明效果的遮照使用/2。
了解了各个图片的作用之后，我们就来制作这些图片。我以fireworks为工具，做一个例子。
首先要确定屏保的设计。
作为例子，我使用一块 176*30的矩形作为绘制区域。在下面复制一块黑色的矩形，作为遮照背景。首先要把背景导出备用。对于fireworks，使用bmp 24导出格式。
然后是数字字体。设置好字体的大小。这时可以利用fireworks的切片工具将分个的字体与其对应的遮照导出备用。注意：程序在绘制数字的时候会给各数字间留下2px的间隔，所以在做数字切片的时候没必要考虑数字间隔。将各个数字、时间分隔符的切片及其遮照导出备用。注意所有的切片应由上对齐。
同时，应将从整个屏保左上角到第一个数字左上角的空间做一矩形切片导出。此图片即前面所提到的No.51号图片。是标示数字绘制起始位置的图片。很重要。注意宽、高要分别比实际大小大1。
现在制作12小时制下的am/pm标示。注意这两个标示的绘制是以屏保左上角为起始点的。所以在导出切片的时候要小心。
下面是日期栏的背景。在本例中没有，既可随意。但是在一般的情况下，请注意，日期栏也是以屏保左上角为绘制起点的。
再下面要制作日期数字与日期分隔符的切片，与时间的部分类似。同样的，程序也会日期数字之间自动添加间隙，在数字图片中不必留空。只是日期分隔符有四个顺次为“-/:.”都要做。同时，日期的起始绘制位置要由一矩形切片来定义。即No.81切片。
下面制作星期标示。分7种，即从星期一到星期天。需要14张图片。注意：星期标示切片也是从屏保左上角开始算起。
（就快完成了……）
还有最后几个图片，那就是信息标识符。共三种：键锁，短信以及来电。每个标识符也都是从屏保左上角开始算起的。
就是这样，82张图片被一一制作出来以后，按照教程上部的说明顺次排列添加至mbm中，一个va5的皮肤就制作好了。
需要注意的有：
1、遮照图片在mbm一定不能使用彩色的格式，否则，屏保会有花边现象出现。
2、差之毫厘，谬之千里。希望在制作图片的时候先设计好布局。
希望大家可以自定义自己的屏保！
这是简易的教程，适用于水平较高的xd们。
1、Va5换肤指南
Va5通过对va5.mbm里的图片进行分析，可以制作出不同风格、布局的屏保。所以，只要对va5.mbm进行编辑，就可以达到更改Va5风格的目的。
1.1 va5.mbm结构
va5.mbm中应有82张图片，各张图片各司其职，缺少图片将导致va5无法运行，图片大小顺序的错乱会导致显示失常。现在将va5.mbm中的图片编号与意义简介如下：(No.0~No.81)
No.0：背景图片。同时也决定了屏保绘制区的大小。注意：1、va5没有对绘制区大小进行限制，但是过大的绘制区会导致内存使用的疯涨。2、当这张图片的尺度（包括宽度和高度）小于屏幕的尺度时，屏保将在对应尺度中随机移动。
No.1~No.20：时钟数字。每个数字以后是其遮照图片。注意：1、遮照图片在编辑mbm时应使用/8格式（即256级灰度）。2、请注意No.51图片。
No.21~No.24：时钟分隔符(18:30)。共两种为':'和'.'。同样也有遮照。
No.25~No.28：12小时制时用的am,pm。也有遮照。
No.29~No.30：日期栏的背景及遮照。同时也确定了日期栏的大小。
No.31~No.50：日期数字。注意事项与时钟数字相同。
No.51：时钟数字的起始绘制位置。这张图片决定了时钟数字绘制位置的左上角。这张图片将不会被绘制。使用/2格式。
No.52~No.59：日期分隔符及其遮照。共四种，顺次为'-'、'/'、':'、'.'。
No.60~No.73：星期标示符及其遮照。从星期一开始。
No.74~No.79：信息标示符及其遮照。顺次为键锁、短信、来电。
No.80：情景模式字串写入位置。
No.81：日期数字的起始绘制位置图片。这张图片决定了日期数字绘制位置的左上角。使用/2格式。
1.2 va5.mbm图片格式
在生成mbm时须注意图片的格式，这与内存使用有很大关系。彩色图片使用/c16，有半透明效果的遮照用/8，无半透明效果的遮照使用/2。
了解了各个图片的作用之后，我们就来制作这些图片。我以fireworks为工具，做一个例子。
首先要确定屏保的设计。
作为例子，我使用一块 176*30的矩形作为绘制区域。在下面复制一块黑色的矩形，作为遮照背景。首先要把背景导出备用。对于fireworks，使用bmp 24导出格式。
然后是数字字体。设置好字体的大小。这时可以利用fireworks的切片工具将分个的字体与其对应的遮照导出备用。注意：程序在绘制数字的时候会给各数字间留下2px的间隔，所以在做数字切片的时候没必要考虑数字间隔。将各个数字、时间分隔符的切片及其遮照导出备用。注意所有的切片应由上对齐。
同时，应将从整个屏保左上角到第一个数字左上角的空间做一矩形切片导出。此图片即前面所提到的No.51号图片。是标示数字绘制起始位置的图片。很重要。注意宽、高要分别比实际大小大1。
现在制作12小时制下的am/pm标示。注意这两个标示的绘制是以屏保左上角为起始点的。所以在导出切片的时候要小心。
下面是日期栏的背景。在本例中没有，既可随意。但是在一般的情况下，请注意，日期栏也是以屏保左上角为绘制起点的。
再下面要制作日期数字与日期分隔符的切片，与时间的部分类似。同样的，程序也会日期数字之间自动添加间隙，在数字图片中不必留空。只是日期分隔符有四个顺次为“-/:.”都要做。同时，日期的起始绘制位置要由一矩形切片来定义。即No.81切片。
下面制作星期标示。分7种，即从星期一到星期天。需要14张图片。注意：星期标示切片也是从屏保左上角开始算起。
（就快完成了……）
还有最后几个图片，那就是信息标识符。共三种：键锁，短信以及来电。每个标识符也都是从屏保左上角开始算起的。
就是这样，82张图片被一一制作出来以后，按照教程上部的说明顺次排列添加至mbm中，一个va5的皮肤就制作好了。
需要注意的有：
1、遮照图片在mbm一定不能使用彩色的格式，否则，屏保会有花边现象出现。
2、差之毫厘，谬之千里。希望在制作图片的时候先设计好布局。
希望大家可以自定义自己的屏保！
MBM编辑器+UnMakeSIS[1][1].part1.rar
(2008-01-10 12:40:24, Size: 488 KB, Downloads: 0)
MBM编辑器+UnMakeSIS[1][1].part2.rar
(2008-01-10 12:40:24, Size: 109 KB, Downloads: 0)
TAG:
