Project1

标题: Mohan 窗口皮肤教程(Graphics\Windowskins) [打印本页]

作者: Mohan    时间: 2007-6-3 00:13
标题: Mohan 窗口皮肤教程(Graphics\Windowskins)
               Mohan 窗口皮肤教程(Graphics\Windowskins)
    首先请大家看一下RM目录中对于窗口皮肤的说明
窗口皮肤说明
窗口皮肤是如下图那样的 192×128 的图片。通常是使用 32 位元色彩的 PNG 文件。
A
窗口的背景。128×128 的样式,会按照实际窗口的大小而扩大缩小。为了严谨,窗口周围缩小了 2 像素大小。这是为了能自然地看见圆角形窗口。而且一部分窗口中,背景部分只能以半透明显示。由于窗口为半透明,所以图片本身就没有作成半透明的必要。

B
窗口的边框及箭头。四角的 16×16 边框照这样显示,剩下的边框(边框的一部分)在窗口中按 16 像素的设计形状连接。箭头则作为窗口内容滚动的图标使用。
C
指令光标。在窗口内表现选择项目时使用。周围的 2 像素按长宽扩大缩小,剩下的按光标的大小平面显示。
D
暂停标记。在消息窗口中表示等待按钮输入的状态下使用。为 16×16 含 4 种图形的动画。
E
箭头光标。在战斗画面时选择角色和敌人时使用。显示为 32×32 的 2 种样式的交替。这虽然不是窗口的一部分,但放在这个文件夹中会很方便。

    接下来我们就开始进行制作吧:


    这次我们做一个以方框为主题的窗口皮肤,请看: 用渐变工具在A区上色:

    处理B区的东西:



    效果:

    再画C区:

效果:

最后处理D、E区:

成品:

是不是很简单呢?那么,大家一起来试试身手吧:做一张图,形状可以和上面的这张一样,要画出木头的感觉哦!

              [本贴由 叶舞枫 于 2007-6-5 20:52:18 进行了编辑]
作者: Mohan    时间: 2007-6-3 00:13
标题: Mohan 窗口皮肤教程(Graphics\Windowskins)
               Mohan 窗口皮肤教程(Graphics\Windowskins)
    首先请大家看一下RM目录中对于窗口皮肤的说明
窗口皮肤说明
窗口皮肤是如下图那样的 192×128 的图片。通常是使用 32 位元色彩的 PNG 文件。
A
窗口的背景。128×128 的样式,会按照实际窗口的大小而扩大缩小。为了严谨,窗口周围缩小了 2 像素大小。这是为了能自然地看见圆角形窗口。而且一部分窗口中,背景部分只能以半透明显示。由于窗口为半透明,所以图片本身就没有作成半透明的必要。

B
窗口的边框及箭头。四角的 16×16 边框照这样显示,剩下的边框(边框的一部分)在窗口中按 16 像素的设计形状连接。箭头则作为窗口内容滚动的图标使用。
C
指令光标。在窗口内表现选择项目时使用。周围的 2 像素按长宽扩大缩小,剩下的按光标的大小平面显示。
D
暂停标记。在消息窗口中表示等待按钮输入的状态下使用。为 16×16 含 4 种图形的动画。
E
箭头光标。在战斗画面时选择角色和敌人时使用。显示为 32×32 的 2 种样式的交替。这虽然不是窗口的一部分,但放在这个文件夹中会很方便。

    接下来我们就开始进行制作吧:


    这次我们做一个以方框为主题的窗口皮肤,请看: 用渐变工具在A区上色:

    处理B区的东西:



    效果:

    再画C区:

效果:

最后处理D、E区:

成品:

是不是很简单呢?那么,大家一起来试试身手吧:做一张图,形状可以和上面的这张一样,要画出木头的感觉哦!

              [本贴由 叶舞枫 于 2007-6-5 20:52:18 进行了编辑]
作者: 源造君    时间: 2007-6-3 00:22
提示: 作者被禁止或删除 内容自动屏蔽
作者: Mohan    时间: 2007-6-3 01:26
以下引用源造君于2007-6-2 16:22:21的发言:

顶,新人教程!

难道说Mohan我是新人?—____—b
作者: 好色的小熊猫    时间: 2007-6-4 00:04
提示: 作者被禁止或删除 内容自动屏蔽
作者: 影の騲葉    时间: 2007-6-4 00:38
提示: 作者被禁止或删除 内容自动屏蔽
作者: 特工齐齐    时间: 2007-6-4 02:39
一般人都懒得改……直接拽一个就完鸟{/hx}
作者: 无忧    时间: 2007-6-4 03:51
提示: 作者被禁止或删除 内容自动屏蔽
作者: 金圭子    时间: 2007-6-4 21:47
鼓励200,加精华,等着发布…………(三部曲,哈哈~)
作者: 金圭子    时间: 2007-6-5 03:56
还有染色,叶不说我还忘了…………
作者: 叶舞枫    时间: 2007-6-6 04:57
http://rpg.blue/web/htm/news746.htm
VIP 2
精华追加VIP1
作者: 越前リョーマ    时间: 2007-6-6 05:16
漂亮……

质感真好,看起来适合做魔塔的框吧……

可惜我没有PS……
作者: 金圭子    时间: 2007-6-6 05:35
没PS去下啊,一个原创游戏人怎么能没ps捏?
(小柯:有ps还会送1vip给你啊)
作者: 金圭子    时间: 2007-6-6 23:28
以下引用叶舞枫于2007-6-5 20:57:47的发言:

http://rpg.blue/web/htm/news746.htm
VIP 2
精华追加VIP1

这个的抬头错了,和精灵的12混了,我改好了……
作者: 越前リョーマ    时间: 2007-6-9 22:23
准备用这个做个牧场物语专用的皮肤……
作者: gonglinyuan    时间: 2008-6-14 05:36
我是新手,请老鸟54


作者: gaorui1115    时间: 2008-6-14 17:32
提示: 作者被禁止或删除 内容自动屏蔽
作者: 封神魔剑传说    时间: 2008-6-15 20:52
提示: 作者被禁止或删除 内容自动屏蔽
作者: 妖怪、休走。    时间: 2009-4-2 20:31
谢谢楼主哦。
{/cy}受教了。




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1