|
|
Cm4 皮肤制作快速入门【翻译自SI官方说明】
图片的组成
cm4中大多数的图片都是由3个部分组成.left(左),middle(中),right(右)或
者top(上),middle(中),bottom(下).
这样就允许你的图片被拉申到任何尺寸而不损失图片的质量.具体是通过绘制
左边和右边的图片,然后用中间的图片填充剩余的部分.如果有一个按钮的长
度为40 pixels(象素),你需要有3张图片来填充它,它们分别是
button_left,button_middle,button_right.如果button_left和
button_right的长度均为10 pixels(象素)而button_middle的长度为2
pixels(象素)那么cm4就会先绘制button_left(10 pixels)然后绘制2pixels
的button_middle10次,最后绘制button_right.这样就可以填充那个长度为
40pixels的按钮(button)了.
组件的状态
每一个组件都有不同的状态.cm4中大多对象的状态有以下集中[over(在..上
),clicked(点击) and disabled(不可使用)]
[over]-当你把你的鼠标放在cm4中某个对象上的时候,这个对象的状态就是
over了.
[clicked]-当你点击对象的时候对象的状态.
[disabled]-当你的某个对象不可用的时候的状态就为disabled了.(例如你点
了continue继续游戏后这个继续游戏的按钮的状态就是diabled了,这个时候
你会发现你点不到它了,当然cm4中的对象不只"按钮"一种.)
为了配合这些状态,你的图片名称也要进行相应的改动.默认的"按钮"图片就
叫做"button.png"(.png只是一种用到的图片格式而已).为了配合[over]状态
你想要在
[over]时显示的图片就需要相应的命名为button_over_left.png(左
),button_over_middle.png(中)和button_over_right.png(右).(记得前面说
过一个button的背景的组成么?:P)同样当你需要配合[clicked]和[diabled]
状态的时候需要12张图片配合button组件.具体如下:
button_left
button_middle [default button state]//默认状态下显示的图片
button_right
button_over_left
button_over_middle [button with the mouse over it] //[over]状态下的图片
button_over_right
button_clicked_left
button_clicked_middle [button when clicked] //[clicked]状态下显的图片
button_clicked_right
button_disabled_left
button_disabled_middle [button when disabled] //[disabled]状态下
显示的图片button_disabled_right
为了保持一致,你必须保持同意位置上的图片尺寸相同.(例如:如果
button_left的宽度为10 pixels高度为22pixels,那么
button_over_left,button_clicked_left和button_disabled_left都应该为
同样的尺寸.同时我也建议你的button_right那几个部分也使用相同的部分因
为这样才能保持对称,尤其是当你为弹出菜单做背景图片的时候)
一定要知道的
上面所提到的足以使你自己作出cm4皮肤了现列出了skin文件夹下主要的目
录所包含的内容,尽管你自己也许也可以看出来他们的作用.
boxes文件夹
- 名称中包含plain的文件是你在可收缩框架中看到的那些变暗或者变亮的面
板。(记住！你一定要把这个做成透明的哦，要不然你就看不到背景图片了)
button(按钮)文件夹
－这个里面就是所有的按钮(button)用到的图片。
checkbox(复选框)文件夹
－名称以off开头的是复选框(checkbox)没有被选中的状态下显示的图片
－名称以on开头的是被选中的状态下显示的图片
游戏中哪些是checkbox呢？
在游戏设置中你可以看到一些正方形的可以打勾的那些就是了。其他的地方
自己留意了。
edit_box(编辑框)文件夹
－那些以frame开头的就是一般的单行的编辑框(one line edit box)
例如你输入经理姓名那个就是one line edit box了。
－名称中带multi的就是多行编辑框使用的图片了(multi line box)
当你为某个球员添加notes的时候那个就是(multi line box)了。
icons(图标)文件夹
－名称中带next的就是你的菜单条那里那个next(下一个)的不同状态下用的图片。
－名称中带previous的就是菜单条那那个previous(前一个)的不同状态下用的图片
menu(菜单)文件夹
-名称中包含box的的文件使用来构成弹出菜单(popup menu)的轮廓的。
- 名称中包含button是那些你一点击就可以弹出一个菜单的button(按钮)使用到的图片(如果你想所有的button保持一致的风格你可以从上面提到的
button目录中把那些button用到的图片copy过来)
- 名称中包含down的文件是那些button上的"向下箭头"(down arrow)用到的图片
- 名称中包含item_alt的文件是交替菜单项使用的图片。
- 名称中包含item的文件是菜单项使用的图片。
- 名称中包含left的文件是"左向箭头"(left arrow)用到的图片。
- 名称中包含line的文件就是分隔菜单项和交替菜单项用的直线。
- 名称中包含right的文件是"右向箭头"(right arrow)用到的图片。
- 名称中包含separator的文件是分隔菜单不同部分的粗线。
- 名称中包含tick的文件是菜单中当前被选的菜单项旁的tick icon(tick图标)
- 名称中包含up的文件是"向上箭头"( up arrow)
menubar(菜单条)文件夹 //就是左边那个竖条
- 名称中包含option的文件是那些在菜单条上只有一个选项的按钮使用的图
片。例如:继续游戏按钮(continue game)
- 名称中包含popup的文件是菜单条上点击后出现一个菜单的按钮使用的图片。例如选项按钮(option)
option(选项)文件夹
- 名称中包含button的文件是在你刚进到游戏时的主界面上button(按钮)使用的图片。
panels(面板)文件夹
- 名称中包含date_well的文件是包含日期的图片。
- 名称中包含infobar的文件是供屏幕最下端那个infobar(信息条)使用的图片
- 名称中包含menubar的文件是菜单条(menu bar)使用的图片
(top,middle,bottom)
- 名称中包含titlebar的文件是主标题(main titles)使用的图片。例如你进
入"阵容界面"(squad)时候你的球队名称所在的那个地方的图片。 "为了避免
受到其他地方的影响请把这些都设置为红色的。" //指titlebar
picked文件夹
- 名称中包含empty的文件是在选择球员面板告诉你球员是否被选择为参赛球
员使用的图片
- 名称中包含filled的是没有被选择的球员那里显示的图片
- 名称中包含picked是被选择的球员那里显示的图片
- 名称中包含unpicked的？猜它是干什么用的？
possession文件夹
-包含了场上局面条(possession bar)的图片
progress文件夹
- contains the progress bar graphics包含了进度条(progress bar)的图片。例如你loading(载入)的时候显示的那个进度。
radio文件夹
-包含单选按钮使用的图片(radio button )
scrollbar文件夹
- 包换滚动条的图片。(不是高手的最好不要修改这里)
selection文件夹
- 包含所有含有 <,>,-,+等符号选项的弹出菜单使用的图片
status文件夹
- 名称中包含advisory的是为Wnt(意向),Lst(挂牌)等状态准备的绿色的状态
图标。
- 名称中包含cant_play的是为Ine等状态使用的蓝色图标。
- 名称中包含cant_play_bad的是为Sus,Inj(受伤)等状态使用的红色图标。
- 名称中包含shouldnt_play的是为Lmp等状态使用的橙色－橙黄色图标
- 名称中包含warning的是为Bkd等状态使用的黄色图标。
table/heading文件夹
- 名称中包含first的是行中first heading使用的图片。
- 名称中包含normal是行中middle heading使用的图片。
- 名称中包含last的是行中last heading使用的图片。
tactics文件夹
- 名称中包含captain : 战术界面(tactics)显示在你的队长旁边的图片
- 名称中包含instruction : 战术界面球员名称左边那个有一个'i'的图片。
- 名称中包含off : 显示场下球员号码的图片
- 名称中包含on : 显示场上球员号码用到的图片
ticker文件夹
- 名称中包含frame : 打勾的地方用到的框架。
titlebar文件夹
-名称中包含 popup : 标题条上'see also'(查看相关)按钮用的图片。和titlebar一样，也把这个设置成红色的。
toggle文件夹
- 名称中包含open : 当一个可收缩框架被展开的时候显示的那个图片
- 名称中包含closed : 当一个可收缩框架收缩时候显示的那个图片
可收缩框架：当你为一个球员报价的时候你不是可以点一个按钮是附加条款
显示出来么？那个容器就是可收缩框架。
我可以使用什么来编辑图片？
adobe photoshop
Marcormedia fireworks
paint shop
acdsee等。
我可以用什么来编辑xml文件？
写字板
ultraedit等
如何改变skin(皮肤)中字体的颜色？
每一个皮肤都有一个配置文件，就是那个在skin文件夹中和skin同名的那个.xml文件
字体的颜色可以用颜色的名称或者rgb值来赋值，例如：
<colour name="orange"/> this will display orange text
<colour red="255" green="0" blue="0"/> this will display red text
怎么知道某种颜色rgb值?我这里有一种方法
开始菜单-程序-附件-画图
打开后你可以看到最下方有很多不同颜色的色块，双击任意一个，打开了一个窗口。
然后点击规定自定义颜色按钮。
点击这个窗口上的颜色，你就可以从最左边"红""绿""蓝"那里看到它的rgb值了。 |
|
发表于 2003-10-26 11:37:25
置顶卡
变色卡
千斤顶
显身卡
发表于 2003-10-27 22:28:06