[恢复] 简单教程：从纹理图制作窗口皮肤

dayeldy

用google快照找回的教程帖

---

主题：简单教程：从纹理图制作窗口皮肤
作者：刹那的微笑
发贴时间：2007-10-18 10:03:47

---

窗口皮肤就是窗口背景蓝色的那张图，这个的制作方法非常简单，稍微调整一下就能有独特的风格。这里抛砖引玉了：

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

用google快照找回的教程帖

---

主题：简单教程：从纹理图制作窗口皮肤
作者：刹那的微笑
发贴时间：2007-10-18 10:03:47

---

窗口皮肤就是窗口背景蓝色的那张图，这个的制作方法非常简单，稍微调整一下就能有独特的风格。这里抛砖引玉了：

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里面，对着注释一看就明白了。

影北山人

啊。。。笛子辛苦了{/ll}【倒茶】
那啥，负责发布的同学趁早发布了吧。。。