贝露吧 关注:400贴子:1,900

【教程】如何DIY一款海王星Steam皮肤

只看楼主收藏回复

这是教会在本吧的第一篇教学贴,琳柏克斯教会一直致力于各位国民在计算机的任何地方都能信仰自己的女神,那么我们现在就开始打造一款Steam主题吧!


IP属地:江西1楼2019-06-07 07:26回复

    第一是皮肤的路径,在这里我要为自己做一个千香主题,新建一个文件夹,注意命名只能是英文+数字,否则会导致Steam界面无法显示!


    IP属地:江西2楼2019-06-07 07:27
    收起回复
      新建以下命名的文件夹,
      resource是UI的核心文件夹,内含字体、插入图片等的重要文档。graphics则是放置你需要修改/插入的贴图。
      接下来就是到如下路径,也就是Steam官方默认皮肤的路径下复制这四个文件夹,粘贴进你建的那个resource里。


      IP属地:江西3楼2019-06-07 07:29
      回复
        我以前做的皮肤- -那么现在要换一个了。完成以上操作后,按图操作,就会发现你刚建的皮肤已经能被steam识别。打开它,当然目前还是默认的皮肤,因为我们没有做任何改动。


        IP属地:江西4楼2019-06-07 07:34
        回复

          这时候按此路径,也就是你新建的皮肤路径下的resource里打开steam.style,建议用notepad或者其他程序猿专用文本编辑器打开。


          IP属地:江西5楼2019-06-07 07:35
          回复
            打开出现如图所示面板,这里主要负责字体颜色的修改。那四组数字,前三组是颜色RGB值,第四组是字体透明度(255为不透明,数字越小透明度越高)。
            RGB值可以在任意一种画图软件查看,那三组数字也就依次是如图所示的红绿蓝。


            IP属地:江西6楼2019-06-07 07:37
            回复
              那么开始改字体颜色吧!绿国象征色,现在我们知道RGB值是0,255,0
              红框内的Label就是我刚修改过的地方,修改后保存。


              IP属地:江西7楼2019-06-07 07:39
              回复


                那么我们可以发现绿色部分字体颜色改成我们刚选的颜色了!(包括游戏底部新闻字体)
                养成良好的习惯,在改过的地方//注释一下。


                IP属地:江西8楼2019-06-07 07:41
                回复

                  同理,Label2改一下,这次改成黄色。
                  成功!Label2负责的是新闻日期。
                  好的,字体就先到这里。再提醒一下各位一个窍门好了。
                  steam属性-目标后空格一下加-dev即可进入开发者模式。这个是什么作用呢?接下来你打开steam后按F6就能弹出控制台。
                  这时候我点了新闻字体,它就会告诉你这里的字体由哪个数据负责。
                  顺带一提steam.style的字体通常改的是整体,也就是一项数据可能会改好几个地方,但精确达到一个地方的字体也有其单独的数据。例如如图所示。
                  但要注意的一点,这里并非完全靠谱,仅供参考。


                  IP属地:江西9楼2019-06-07 07:43
                  回复
                    接下来是插入贴图的课程。
                    这里说几点要求。
                    1.请先用截图查看你需要填充的部分的尺寸,如上图,左上角会显示需要的图片的尺寸。
                    2.图片格式必须为tga格式,用格式工厂转格式即可。


                    IP属地:江西10楼2019-06-07 07:48
                    回复

                      那么咱们先来填充中间的部分,我需要的是1440x697,当然这个数值是随你们喜欢的,因为我没把steam窗口最大化!那么咱们先来填充中间的部分,我需要的是1440x697,当然这个数值是随你们喜欢的,因为我没把steam窗口最大化!接下来需要的插图准备好。并转为.tga格式。同时放进如图所示路径。也就是你皮肤内的graphics目录内。


                      IP属地:江西11楼2019-06-07 07:49
                      回复
                        主界面的插图由这个负责,打开它。用搜索功能找到CGamesPage_Details


                        IP属地:江西12楼2019-06-07 07:50
                        回复

                          插入图片的定位坐标原理如图所示。
                          为防止格式错误,可以从上面那个gradient那行复制它的格式到下面,只是把gradient改成image,坐标改掉,根据自己分辨率改,如果不会可以照搬我的格式再慢慢调整,至于平面直角坐标系的基础知识我想就不用我说了。注意后面的路径,graphics/你图片的名字。


                          IP属地:江西13楼2019-06-07 07:54
                          回复

                            图片插入成功。
                            如果咱们要加入第二张图也可以。
                            就加入贝露桑好了!注意要透明背景!


                            IP属地:江西14楼2019-06-07 07:55
                            回复

                              加入第二张图片再加一行同样的代码即可,第二行代码的插图将会覆盖第一张。


                              IP属地:江西15楼2019-06-07 07:55
                              回复