Project1

标题: [恢复] 简单教程:从纹理图制作窗口皮肤 [打印本页]

作者: dayeldy    时间: 2007-12-17 22:18
标题: [恢复] 简单教程:从纹理图制作窗口皮肤
用google快照找回的教程帖

[LINE]1,#dddddd[/LINE]
主题:简单教程:从纹理图制作窗口皮肤
作者:刹那的微笑
发贴时间:2007-10-18 10:03:47

[LINE]1,#dddddd[/LINE]
窗口皮肤就是窗口背景蓝色的那张图,这个的制作方法非常简单,稍微调整一下就能有独特的风格。这里抛砖引玉了:

1、将Photoshop的默认网格大小设置为32×32


2、CTRL+'显示网格,打开一张用作参考的图(默认就行,或者随便找一张)。把显示比例放大到200%


3、从网上找一张底图(搜索关键字:纹理、3D素材、贴图素材、材质、网页背景等),调整尺寸为128×128


4、
4-1、将调整好的图拖到参考图上摆在正确位置。
4-2、在调整好的素材部分Ctrl+L查看色阶,发现这个图的灰度分布都处在较高数值,那么决定边框需要较低数值。同理,如果选中的底图普遍处于较低数值,那么边框就需要较高数值。选择底图的原则基本上是不选颜色灰度过于均布的图,因为那样的底图很难给边框配色,而且窗口上的文字可用颜色也会大幅度减少。颜色设计这是窗口制作最关键一步,但是从技术上来说可以省掉这步,而且用photoshop所得数据来做图象设计比较没规律,所以截图里面没有这步。
4-3、由于我们需要黑色系的边框,所以可以直接将选中的部分反色。


5、调整一下文字颜色,观察最终结果。颜色的调整如4-2选择边框一样,一般使用反差较大的颜色比较好。常用颜色调整都在Window_Base里面,对着注释一看就明白了。

作者: dayeldy    时间: 2007-12-17 22:18
标题: [恢复] 简单教程:从纹理图制作窗口皮肤
用google快照找回的教程帖

[LINE]1,#dddddd[/LINE]
主题:简单教程:从纹理图制作窗口皮肤
作者:刹那的微笑
发贴时间:2007-10-18 10:03:47

[LINE]1,#dddddd[/LINE]
窗口皮肤就是窗口背景蓝色的那张图,这个的制作方法非常简单,稍微调整一下就能有独特的风格。这里抛砖引玉了:

1、将Photoshop的默认网格大小设置为32×32


2、CTRL+'显示网格,打开一张用作参考的图(默认就行,或者随便找一张)。把显示比例放大到200%


3、从网上找一张底图(搜索关键字:纹理、3D素材、贴图素材、材质、网页背景等),调整尺寸为128×128


4、
4-1、将调整好的图拖到参考图上摆在正确位置。
4-2、在调整好的素材部分Ctrl+L查看色阶,发现这个图的灰度分布都处在较高数值,那么决定边框需要较低数值。同理,如果选中的底图普遍处于较低数值,那么边框就需要较高数值。选择底图的原则基本上是不选颜色灰度过于均布的图,因为那样的底图很难给边框配色,而且窗口上的文字可用颜色也会大幅度减少。颜色设计这是窗口制作最关键一步,但是从技术上来说可以省掉这步,而且用photoshop所得数据来做图象设计比较没规律,所以截图里面没有这步。
4-3、由于我们需要黑色系的边框,所以可以直接将选中的部分反色。


5、调整一下文字颜色,观察最终结果。颜色的调整如4-2选择边框一样,一般使用反差较大的颜色比较好。常用颜色调整都在Window_Base里面,对着注释一看就明白了。

作者: 影北山人    时间: 2007-12-18 00:48
啊。。。笛子辛苦了{/ll}【倒茶】
那啥,负责发布的同学趁早发布了吧。。。




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