■ 热门评测more

发新话题
打印

[皮肤] [心得]关于EZ5皮肤的制作及注意事项[多图]

[心得]关于EZ5皮肤的制作及注意事项[多图]

我这次参加皮肤比赛还得了奖,自己已经很满足了,我的另一个关于动漫组恶魔城皮肤因为赶工的原因文件图标部分有些许粗糙(大部分是文字加固定背景),在此给支持我的大家表示歉意,我也不会更新那个皮肤了~

在这里也说明一下那个待机屏幕的问题~我一直觉得MS的这个功能很鸡肋,因为DS的待机本身就不是待机,只不过是关闭了声音关闭了屏幕而已,具体的功耗还是一样的,而MS的待机时钟画面反而点亮了一个屏幕岂不是更废电了?所以我的选择是关闭这个功能!

具体方法:打开TF卡根目录下的moonshl 文件夹下的 moonshl.ini 文件
寻找字段
引用:
[ClockPlugin]
; 11.1 Enabled = [0|1] (Default = 1)
; Displaying the clock plug-in.
; 0 = Hide
; 1 = Display
; 時計プラグインを有効にします。
; 0=無効, 1=有効
Enabled=1
将最后的Enabled=1改成Enabled=0
这样就关闭了时钟画面

至于那个制作待机屏幕的软件其实是可以使用的 moonshell自带的 ClockPlugin_CustomKit 也是可以使用的
不过在XP系统下编辑对话框会跳出到屏幕可视范围之外,拖回来的办法就是:
alt+空格,在弹出菜单里选择 移动(M),然后用键盘的方向箭头拉回到工作桌面,就可以了,至于具体的时钟制作方法因为软件本身就很傻瓜化了,在此不作赘述,其中的数字字体,各种符号,以及背景文件都是BMP格式,大家可以尽情发挥自己动手更换~最后保存成msp格式的文件就可以了
因为有人和我提过,我就索性模仿DS的闹钟做了一个相当简单的时钟,在更新的1.21版本的皮肤里已经包含了


接下来我开始以我的100%DS 皮肤为例,说明我的制作过程,期望对想制作皮肤的大家会有所启发,另外我本身就是小白,所以也许会有很多错误希望大家指正

先说一下我的素材来源,我这套皮肤的素材均来自DS模拟NO$GBA对IDS的原版固件界面的模拟截图,就像下面的一大堆东西


接下来就正式的开始制作皮肤了~
我把我制作的皮肤PSD文件进行了整理,大体上分为
1.        上屏幕
2.        下屏幕
3.        图标文件
4.        文本背景
5.        标题栏
6.        主进度条
7.        关闭对话框
8.        滚动条以及小进度条
9.        其余按钮以及对话框背景


接下来我会依次介绍具体我的制作过程


上屏

首先是上屏背景,也许大家会认为这个是最简单的部分,其实不然,上屏幕的选材其实直接决定皮肤的好坏,很多作品的上屏幕因为过于豪华,反而使作品显得十分别扭(不好意思得罪了某些作品)

因为游戏文本条目和资源管理都出现在这个屏幕,所以画面尽量简单,辅以简单纹饰最好不过,如果使用的是复杂的图片内容,不但图片大部分会被文本和文件图标遮盖而得不到完美的呈现效果,反而影响了文本条目的阅读岂不是得不偿失?

我的上屏基本上模仿DS系统上屏幕背景,使用16*16灰白色横纹小格背景,考虑到基本的文件显示图表及文本在最左侧,而文件大小显示在最右侧,差不多在整体右侧1/4(这样文件条目的现实不会覆盖到装饰背景)处加入纵向logo图标,其中利用Nintendo的首字母N转向90度后出现Z状,前加入字符E,组成品牌标识 EZ。基本思路就是这样,但是有两个小问题需要注意。




1 不知道是系统还是硬件本身问题,如果屏幕使用的是明暗单像素条纹(上下屏都是如此现象),就会出现自然显示断裂的情况(横向条纹不完整),解决办法是在纵向上有一个通贯屏幕的图像(本例中本身方格的竖边就充当了这一角色)。

2 虽然上屏的文件大小是256*192的,但是并不是有效显示面积。其中因为标题栏占去了256*16的面积所以应从上屏下部除去256*16的一条,另外右侧还有一个8像素宽的滚动条,所以实际上可以显示的上屏图像应该是以左上角为基准像素(256-8)*(192-16)=248*176的一块图案,也就是说在这个范围外的图形在实际的EZ5上是看不到的。



下屏

这个应该是皮肤的重头戏了我的主要心思也基本用在此处了,但此处说明也尽量简单,只说明一下需要注意的问题,因为附件中的PSD文件的各个部分我已经尽量详细的进行图层标注,希望对大家有用,需要注意的是以下几个方面

1 首先官方给出的具体参考坐标不够准确,我花费了大量的精力进行了DS实机上的测量(靠眼睛数出像素数确定坐标)这里给出图例 其中红色部分为坐标点 绿色部分为文本或图像对象

两边不受限制,限制高度坐标

右侧多重限制坐标(不同语言按钮长度不一样)

右侧无限制,左侧限制坐标

定位坐标(下屏的四个角)

其中除了最后一个定位坐标外其余坐标都不包括在处理对象的范围内,在 PSD 文件中坐标层是独立图层。

2 新的1.6系列内核提供一个可变的点击图标效果,就是一个图标分为正常状态和按下状态两种情况,在这里我们可以通过下屏的底板(静态效果)相应位置上的截图做出好看的动态图标来,半透明,磨纱,扭曲,反色,都可以,如果想有点新意可以在可变范围内局部的进行改变,以达到图标变化镂空的效果。

3英文不同界面下,中心的那个震动按钮内容坐标有变化(英文的会长出来一段),如果希望美观最好制作两个语言版本。下屏的游戏标题显示部分过长,我采用了嵌入两侧的图标的办法,不过巴士组汉化的塞尔达的标题还是超出了显示范围,不过其他游戏没有发现类似情况。

4 本来我制作的静态文字显示背景是深颜色的,后来为了面板的干净又制作了黑色框线和白色覆盖块,再后来我又把原来的深色背景拿出来作了更新和调整,真可谓是一波三折啊。

5 考虑到并非人人都有3in1,三合一扩展卡部分显示,独立于底板制作。

6 我在原本显示游戏图标的地方制作了自己的签名,在正常使用时此处会被游戏图标和文件图标覆盖,不影响使用

7 最后做下来PSD文件将近三十多个图层,比较繁琐,但是给后期的修改带来了很多好处和方便

基本就这么多





图标文件

图标文件基本上都是用鼠标一点一点画的,比较累~,用的是DS传统的格状的彩色背景然后用橡皮一个像素一个像素擦出来图标,我比较笨啊,其实图标有很多不完美的地方,可惜自己不是学设计和美工的,抱歉折磨各位的眼睛了,说一下,DS的图标,背景都是网格自然过渡的,我没有办法做出来只好横向条文过渡了一下,还好,不大看得出来…………



文本背景

这个不多说了只不过增加了一个logo,只需要注意一点:一定要素~毕竟是看文字,太花了谁都受不了~



标题栏

这里是我返工最多的地方~都郁闷死了,当初差不多在这里都要放弃了,因为总是买怀着信心拷到卡上,测试出来却是一团糟

1 首先一个大前提是需要一深一浅两个颜色,或者不同的标识,这样前台窗口和后台窗口才能区别出来,像桌面操作系统用的界面那样,不过在EZ的界面下(其实就是moonshell的修改版)这样的情况并不多见,以下是我实拍的一种情况,能看出区别的图标和颜色的不同么?


2 其次是标题栏在不同大小的窗口中会从左向右按窗口大小截取这也是我返工的一个问题,
三个窗口截取的长度都不一样,一个是文本窗口~一个是帮助和系统设定窗口,一个是关闭退出的窗口,要是标题栏上的图标放的位置差了一个像素,也许你做出来的东西显示出来就直接被截去了一半,为了保证每个窗口的标题栏都完整,我返工也是没有办法的事情了


3 大家一定要注意在关闭按钮的制作中纯绿00FF00是用来表示透明的可以直接看到标题栏的背景,但是上屏的假标题栏也要显示一个关闭按钮,所以只能把一个假的按钮做到标题栏的背景里,这就使得我的下屏的关闭按钮(活动窗口,可拖动)必须严丝合缝的覆盖在假按钮的上面,而官方的数据由不对,我只好自己试验,14*16的大小刚好可以,这样就可以纠正官方的那个错误了。不过不需要这个按钮,关闭的触摸区也是存在的,所以不做这个按钮也可以。

4 满心欢喜的以为这次就ok了,没想到问题又出来了,在图片浏览的窗口过大的图片会产生一个在标题栏显示的百分比,我又删减了图标,在关闭按钮左侧留出了一个空白,这才完事- -!


标题栏的制作真是一波三折折腾死我了



主进度条

这里也大概地说一下我注意到的问题

1 其实进度条给PS功底好的人很大的发挥空间,例如以风景山水为主题(曾想制作后来难度太大,放弃了)可以用生长的藤蔓作为进度条- -!我用了两个图层,彩色条纹覆盖,加反色的logo作为主体,我的废柴本质让我玩不出什么特点来,实在是……





2 主进度条的出现方式也有两种,一种是播放媒体文件时的完全载入,会用到完整的进度条,没什么说的,另一个是游戏或者txt文档等文件的载入,只用到前半根,所以要注意进度条上纹饰的位置,不要被拦腰截断了,就不好了。



关闭对话框

这个纯粹的静态图片表现,没什么好说的,唯一需要注意的就是两个按钮的中心位置一定要确定好~我在PSD文件中已经用参考线标注过了


滚动条和小进度条没什么说的了,主要就是要协调,滚动条的两个端点要么就比背景更凸现本身(例如水晶效果的)要么就慢慢过渡到背景,因为即便是文件数量较少的情况下滚动条依旧会显示,所以协调是最重要的了

对话框背景及选中标记都是很简单的东西,衬托文本的背景还是比较素比较好
我直接使用的是明暗横纹。

最后就是配色了,配色一定要注意和背景产生对比,并且协调,如果一味的追求风格统一而选取和背景相近的颜色,文字的阅读就会很吃力~

基本上我的皮肤就这么制作完了,希望能给大家些许帮助。我是第一次参加类似的比赛,水平也比较菜,这个皮也花费了我很长的时间,希望能给大家带来快乐。

我所有的原始PSD文件及素材经过整理打包提供大家下载!

点击下载

[ 本帖最后由 diesiren 于 2007-12-2 09:55 PM 编辑 ]

TOP

ding a ,xiazaiyaojin bi

TOP

太深奥啊 看不懂

TOP

基本了解了

TOP

估计随着EZ5P的出现又会开始做皮了- -

TOP

发新话题