【攻略】如何自制steam皮肤 皮肤制作其实很简单
每次打开steam界面，看着那黑里泛蓝的单薄的客户端，你的心中是否会感到一丝乏味呢？
前几天看过我帖子的那十几个吧友应该知道我是定档今天下午的，然而还是跳票了几个小时（老师又留了作业我有什么办法
）。
两周前的早上起床的时候打开贴吧，首页推荐上看见了一个推荐贴的楼主晒出了他自制的steam皮肤，楼主立马对自制皮肤的事产生了极大的兴趣。经过累计大约4天的摸索楼主终于领悟了自制简单皮肤的诀窍（连续两周沉迷制作皮肤连游戏都不打了心里怪难受）。相信大家玩游戏的闲暇之余看到客户端自己DIY的成果心中一定会有一丝愉悦吧。
看到大概半个月前的一个楼主开了一个自制皮肤贴不过基本上是他帮着有要求的吧友在做。这种无私奉献的精神值得大家赞赏但是我觉得授人以鱼不如授人以渔，所以为了福利(shui)吧(jing)友(yan)，也为了让对这件事感兴趣的小伙伴少走点弯路，我觉得我有必要吧我探索了几天的经验在这里分享出来，水平不足如有疏漏欢迎指正。
随意转载转载请注明出处。
好了废话不多说现在开更。
steam标准打码镇楼。
前几天看过我帖子的那十几个吧友应该知道我是定档今天下午的，然而还是跳票了几个小时（老师又留了作业我有什么办法
）。两周前的早上起床的时候打开贴吧，首页推荐上看见了一个推荐贴的楼主晒出了他自制的steam皮肤，楼主立马对自制皮肤的事产生了极大的兴趣。经过累计大约4天的摸索楼主终于领悟了自制简单皮肤的诀窍（连续两周沉迷制作皮肤连游戏都不打了心里怪难受
）。相信大家玩游戏的闲暇之余看到客户端自己DIY的成果心中一定会有一丝愉悦吧。看到大概半个月前的一个楼主开了一个自制皮肤贴不过基本上是他帮着有要求的吧友在做。这种无私奉献的精神值得大家赞赏但是我觉得授人以鱼不如授人以渔，所以为了福利(shui)吧(jing)友(yan)，也为了让对这件事感兴趣的小伙伴少走点弯路，我觉得我有必要吧我探索了几天的经验在这里分享出来，水平不足如有疏漏欢迎指正。
随意转载转载请注明出处。
好了废话不多说现在开更。
steam标准打码镇楼。
首先是自制的两个皮肤的分享（可把我牛逼坏了.jpg）。其中Tangled这个皮肤可能大家会更加用得到一些，因为所有对于代码改动的注释我都标注在这个文件里了。Frozen里面的改动相对少一点，因为很多默认的设置跟蓝色的基调很搭没有改的必要（好吧其实是我懒了）。由于本人对同人作品不是很感冒，所以皮肤制作素材基本都是从电影的海报跟截图里弄出来的，如侵删（没错我说你呢迪士尼，有种来贴吧打我啊）
）
1、楼主所找寻到的资源
当楼主心中有了自制皮肤的念头的时候，想到的第一件事自然是百度（有什么不会的去百度，明白吗？！）
那么，当楼主搜索关键词“如何自制steam皮肤”时，一定会搜到的是这两个贴（吧里的精品贴）如图
链接给出来以防某些小伙伴很懒：
https://tieba.baidu.com/p/3951152319
https://tieba.baidu.com/p/3957298052
当楼主心中有了自制皮肤的念头的时候，想到的第一件事自然是百度（有什么不会的去百度，明白吗？！
）那么，当楼主搜索关键词“如何自制steam皮肤”时，一定会搜到的是这两个贴（吧里的精品贴）如图
链接给出来以防某些小伙伴很懒：
https://
tieba.baidu.com/p/3951152319https://
tieba.baidu.com/p/3957298052
关于第一个帖子里楼主翻译的102页的pdf，原作者很用心地把每一处修改的地方都到引用处的代码里仔细改了一遍，但是说实话不仅让人看着烦而且其实没有什么必要，因为他修改过的地方基本上都有其他很便捷的方法可以修改，所以那个pdf仅供参考，如果你有闲心不妨去读一读。
而关于第二个帖子首先是列举了一大堆网上比较有名的几个皮肤比如Metro等等，然后列举了其他一些能够对皮肤进行简单修改的软件或是网站（其中的一个我们等一下需要用到），但是这些网站所能提供的皮肤制作都很简单，比如换一下客户端某些部位的颜色，在右上角加一个小logo，换一下它支持的几个字体等。最后楼主列举了自制皮肤的入门技巧比如那篇pdf里开头简单提到的一些关于字体颜色的设置还有在好友列表背景栏里加入一张图片等。但是对于我上面列举出来的两个皮肤来说，这还远远不够。
当然如果你懒得麻烦，要求不高，那么以上两个帖子足以满足你的要求了。那么你可以心满意足地继续看着楼主表演了
而关于第二个帖子首先是列举了一大堆网上比较有名的几个皮肤比如Metro等等，然后列举了其他一些能够对皮肤进行简单修改的软件或是网站（其中的一个我们等一下需要用到），但是这些网站所能提供的皮肤制作都很简单，比如换一下客户端某些部位的颜色，在右上角加一个小logo，换一下它支持的几个字体等。最后楼主列举了自制皮肤的入门技巧比如那篇pdf里开头简单提到的一些关于字体颜色的设置还有在好友列表背景栏里加入一张图片等。但是对于我上面列举出来的两个皮肤来说，这还远远不够。
当然如果你懒得麻烦，要求不高，那么以上两个帖子足以满足你的要求了。那么你可以心满意足地继续看着楼主表演了
楼主孤单地继续吧
如楼上提到的自制简单皮肤的网页，我也是别人推荐下先去使用了这些网页。我接下来用到的这个网页调色很方便，只要对着自己喜欢的颜色调按钮左右拉就可以了，也可以在右上角加一个png格式的logo可以跟你替换（没错我只用过这一个），但是像我图片中的上下窄边框里的花纹是没有办法的。所以这个网站在本教程里的主要用处就是在你自己对配色感到很为难的时候动动鼠标把你想要的颜色调好以后点进它的文件引用它的颜色参数，这一点在下一节细讲。
如楼上提到的自制简单皮肤的网页，我也是别人推荐下先去使用了这些网页。我接下来用到的这个网页调色很方便，只要对着自己喜欢的颜色调按钮左右拉就可以了，也可以在右上角加一个png格式的logo可以跟你替换（没错我只用过这一个
），但是像我图片中的上下窄边框里的花纹是没有办法的。所以这个网站在本教程里的主要用处就是在你自己对配色感到很为难的时候动动鼠标把你想要的颜色调好以后点进它的文件引用它的颜色参数，这一点在下一节细讲。
我之前发的三篇帖子百度关键字“如何制作steam皮肤”在查看更多帖子里第二页就能找到，我觉得如果之前那篇帖子里的绿龙dalao没有在别的地方发布后续教程的话我应该还不算火星吧（妈的好怕别人已经把我想说的话全说了）
（妈的好怕别人已经把我想说的话全说了）
http://steamcustomizer.com/这是我在探索过程中使用过的那个网页，贴图弄好以后本来准备直接用它调出来的颜色复制粘贴的，但是后来弄着弄着还是把自己用这个调的颜色全部改了一遍所以大家也别对这个东西有太大的指望，看看就好
steamcustomizer.com/这是我在探索过程中使用过的那个网页，贴图弄好以后本来准备直接用它调出来的颜色复制粘贴的，但是后来弄着弄着还是把自己用这个调的颜色全部改了一遍所以大家也别对这个东西有太大的指望，看看就好
首先是工具：
本教程从修改一些简单代码的层面来进行一些简单的皮肤制作与客户端修改。
楼主也不是计算机相关专业的，对代码的理解可能还很肤浅，所以如果讲解过程中有什么偏差，会代码的dalao看了笑笑就好，并且欢迎指正。
如果你要对着代码进行修改的话，光靠记事本打开看你会瞎眼的，因为记事本清一色的字加上毫无排版，修改代码的话会非常麻烦，而且指不定什么时候改错了什么地方你找都找不到最后不得不从头开始。
所以查看文件夹里的代码时我用的是这个名为notepad++的软件，这是当年我的同学用我的电脑写程序的时候下的，还挺好用，是免费软件，大家可以直接百度下载
本教程从修改一些简单代码的层面来进行一些简单的皮肤制作与客户端修改。
楼主也不是计算机相关专业的，对代码的理解可能还很肤浅，所以如果讲解过程中有什么偏差，会代码的dalao看了笑笑就好，并且欢迎指正。
如果你要对着代码进行修改的话，光靠记事本打开看你会瞎眼的，因为记事本清一色的字加上毫无排版，修改代码的话会非常麻烦，而且指不定什么时候改错了什么地方你找都找不到最后不得不从头开始。
所以查看文件夹里的代码时我用的是这个名为notepad++的软件，这是当年我的同学用我的电脑写程序的时候下的，还挺好用，是免费软件，大家可以直接百度下载
其次是paint.net，在那个pdf里提到的调色工具用起来还挺方便，调色的时候很好用，当然最重要的一点是它可以打开客户端用到的贴图的.tga文件，虽然PS也可以打开，但是这个软件相比于PS方便很多。
直接把pdf里的链接搬出来：http://http://www.getpaint.net/index.html
直接把pdf里的链接搬出来：http://
http://www.getpaint.net/index.html
准备材料：
很简单，打开你的steam安装的根目录，寻找里面的三个文件夹，分别是:resource,graphics和friends（还有两个文件夹也可以加进来绿龙dalao的帖子也就是1里面的第二个帖子里有说，如果你觉得你用得到的话）在根目录的skins里面新建一个文件夹命名为你想要的皮肤的名字，把上述三个文件复制进去，准备工作就做完了
很简单，打开你的steam安装的根目录，寻找里面的三个文件夹，分别是:resource,graphics和friends（还有两个文件夹也可以加进来绿龙dalao的帖子也就是1里面的第二个帖子里有说，如果你觉得你用得到的话）在根目录的skins里面新建一个文件夹命名为你想要的皮肤的名字，把上述三个文件复制进去，准备工作就做完了
在这之前先说一下VGUI这个东西，绿龙dalao的贴子里也有提及，找到你的steam客户端快捷方式右键属性，在目标路径最后加上-dev用管理员身份通过，这个客户端就变成开发者模式了如图
那么当你进入客户端以后你就会发现左上角多出了一个控制台"console"的字样，这代表着你现在按下F6就会弹出VGUI的窗口如图
然后按下F6窗口弹出来以后你可以在界面上看到红框，点一下他就会在下面的窗口里把你需要修改的部分的代码所在文件夹列出来，这里我选的是如图白框里框出来的顶部窄条，它会显示出路径steam.style。
在你的新建皮肤文件夹里resource/style文件夹里可以找到它，然后用notepad++搜索关键字CSteamrootDialog然后你会发现
并搜索不到
注意上面的红框，那才是真的路径
然后按下F6窗口弹出来以后你可以在界面上看到红框，点一下他就会在下面的窗口里把你需要修改的部分的代码所在文件夹列出来，这里我选的是如图白框里框出来的顶部窄条，它会显示出路径steam.style。
在你的新建皮肤文件夹里resource/style文件夹里可以找到它，然后用notepad++搜索关键字CSteamrootDialog然后你会发现
并搜索不到
注意上面的红框，那才是真的路径
当然这个东西有它的局限性，在很多地方它很管用，但是比如我下图列出的东西
查看好友列表下面的灰色字体“0人在线”就楼主本人修改的实际经验来看它在代码中的位置并没有被显示出来还有比如下图你想修改这一条的背景色你会发现
我TM去哪里修改？
这么大个界面一点一点找岂不要累死？
这些问题都不是VGUI能解决的，这个时候就到了进入代码文件做点文章的时候了
查看好友列表下面的灰色字体“0人在线”就楼主本人修改的实际经验来看它在代码中的位置并没有被显示出来还有比如下图你想修改这一条的背景色你会发现
我TM去哪里修改？
这么大个界面一点一点找岂不要累死？
这些问题都不是VGUI能解决的，这个时候就到了进入代码文件做点文章的时候了
首先可以告诉大家的是，在整个皮肤制作过程中，steam.style这个文件类似于源文件的性质，它里面定义了大多数全局变量，所以如果要进行整体性的变动一般在这个文件里就可以完成，事实上在我制作皮肤的过程中只用了几次VGUI因为我一开始都没有注意到在上方的真正的路径所以很多东西根本找不到，没试多久我就放弃了。