cs起源吧 关注:85,019贴子:1,798,135
  • 24回复贴,共1

CS起源不完全修改教程第一弹 - 背景图片制作

只看楼主收藏回复

原来做过视频教程,不过网盘黄了,文件都没了,另外时间也比较久远,现在有时间,索性就重写一遍,留个纪念吧。
CS起源不完全修改教程这个名字,是我想起了老早年蚂蚁5147的教程,当时就是这个名字。
这个教程我打算一步一步和各位一起修改一个CS起源,尽量把我知道的全部内容写出来,但是不会写太深,比如VMT文件的参数我不会详细解释,毕竟看我教程的各位也不是想从事游戏开发,顶多是自娱自乐,我尽量写的通俗易懂吧。
教程中涉及Ps、Pr等一些软件的操作我也不写,不会用到很难的操作,各位可自行搜索研究。
这个教程完工后,可能我偶尔会冒出来掺和掺和,但不会再出什么幺蛾子新版本了。这里再次打个广告:永恒之心2:起源 收山之作,正版可用https://tieba.baidu.com/p/6542600400
by klaihao
2020-4-30


IP属地:山东1楼2020-04-30 23:46回复
    CS起源不完全修改教程第一弹
    背景画面及动态背景制作
    主要工具:VTFEdit、Photoshop、Premiere
    在制作背景画面之前,我们先在cstrike\custom下新建一个文件夹,命名为followme。以后所有修改的文件,都放入这个followme文件夹中,这样不会使原有文件看起来很凌乱。
    一、静态背景画面制作
    1. 制作一个简单的背景画面
    CS起源主菜单背景画面是通过background.vmt来控制,这个文件分为普屏(4:3)和宽屏两个版本后续都以宽屏文件讨论,存放于cstrike\materials\console下边。
    用GCFScape载入cstrike\cstrike_pak_dir.vpk,提取background01.vmt(普屏)和background01_widescreen.vmt(宽屏)两个文件,放到followme\materials\console中。

    我们先来制作宽屏的背景画面。
    打开VTFEdit,点击 文件-导入,找到你选好的图片,点击打开,程序会弹出一个VTF选项窗口。

    其中,正常格式一般选择DXT5,其他可以默认,纹理类型通常选择Environment Map,限定了贴图尺寸选择1024或者2048,进入游戏后图片会自动拉伸。

    第二页高级中,版本要选择7.4或以下版本。这里我们选择7.2版本。
    对于背景画面来说,其他参数保持默认即可。背景画面使用通用着色器渲染,所以对VMT文件的参数的精确性要求不是很高。调整完参数,点击确定,我们先预览一下效果:

    嗯,看起来不错。
    点击文件-另存为,将制作好的背景画面另存为background01_widescreen.vtf,放到followme\materials\console下边。
    接下来制作普屏的背景画面。
    制作普屏背景画面跟制作宽屏的步骤相同,我们这里偷工减料一下(毕竟普屏用的越来越少了),直接复制一份background01_widescreen.vtf,改名为background01.vtf。

    进入游戏看一下效果:

    这样,简单的背景画面就制作好了。


    IP属地:山东2楼2020-04-30 23:52
    回复
      2. 制作更复杂的背景画面。
      之前我们说,背景画面实际上是background01_widescreen.vmt进行控制的,那么我们打开这个文件,看看其中的内容:

      图中$basetexture后边指定的文件,就是背景画面的vtf文件,我们可以将这个文件改个名字,比如backgd,对应的vtf文件也要改成这个名字。为了偷懒,这里我们把宽屏和普屏都改成同一个文件:


      现在我们进入游戏看看效果:


      为什么游戏刚打开时候,又变成了默认的背景?这是因为,引擎在读取background01_widescreen.vmt文件之前,默认加载background01_widescreen.vtf,利用这个特点,我们可以制作游戏刚打开时虚化背景的效果。
      用PS打开刚才的背景图片,使用高斯模糊滤镜制造背景虚化的效果,用VTFEdit导入(同上),另存为background01_widescreen.vtf和background01.vtf文件,放入followme\materials\console下边。

      现在进入游戏看看效果:


      嗯,这回感觉来了。


      IP属地:山东3楼2020-04-30 23:58
      回复
        二、动态背景制作
        1.制作简单的动态背景画面
        动态背景和静态背景制作方法有些许不同,首先需要用Premiere之类的软件将视频导出为JPG图像系列(PNG、TGA也可以)。相关软件使用方法请自行搜索。如果导出的帧数过多,可以每隔几个文件删除一个,以达到缩减帧数(缩小最终文件大小)的目的。得到的图像序列如下:

        打开VTFEdit,点击 文件-导入,在打开窗口中,按<Ctrl>+<A>全选并导入图像序列。

        这里纹理类型选择 Animated Texture,其他和之前一样,点击确定导入。导入时间有些长,稍等一会儿,程序会假死,不要点崩溃了。导入完成后,可以点击Play预览一下。

        图片动起来了,导入成功,将这个文件另存为backga.vtf,并将VMT文件中材质名改为backga,这时候如果打开游戏预览,背景并不会动。我们需要在VMT文件中加入帧控制参数。
        打开background01_widescreen.vmt,在最下边的大括号之前添加如下参数(相信各位能看懂参数,英文写的很全,这里就不废话解释了):
        "Proxies"
        {
        "AnimatedTexture"
        {
        "animatedTextureVar""$basetexture"
        "animatedTextureFrameNumVar""$frame"
        "animatedTextureFrameRate""10"
        }
        }

        保存后再次预览,背景就动起来了。我们预览一下:


        IP属地:山东4楼2020-05-01 00:02
        回复
          最后一个预览图太大了不会动,我重新上传一下。


          IP属地:山东5楼2020-05-01 00:11
          回复
            楼主霸气


            IP属地:广东来自Android客户端6楼2020-05-01 00:12
            回复
              真大佬


              IP属地:广东来自Android客户端7楼2020-05-01 00:12
              回复
                2.制作更复杂的动态背景画面
                在刚才的基础之上,我们让动态背景更复杂一点,加一层云雾效果。
                首先用PS制作一个带有Alpha通道的云雾效果(随意用PS滤镜做了一个)。

                打开VTFEdit,将这个文件导入,其中阿尔法格式改为DXT5,其他保持默认,另存为roll.vtf,放到followme\materials\console下边。

                打开background01_widescreen.vtf,先将着色器名称改为,"UnlitTwoTexture",接着在"$basetexture" "console/backga"下边添加如下内容并保存:
                "$vertexalpha""1"
                "$nolod" "1"
                "$texture2" "console/roll"
                在"Proxies"小节中添加滚动控制参数:
                "TextureScroll"
                {
                "texturescrollvar" "$texture2transform"
                "texturescrollrate" .02
                "texturescrollangle" 180
                }
                如下图:


                好了,现在我们可以预览一下了:

                滚动的图片有明显的接缝是我做的不好,可以将图片四周做成透明的,滚动起来就没有违和感了。
                CS起源还有一种背景画面,是用地图实现的,游戏开始时通过mp_background 地图名 命令加载地图作为背景,这里就不说了。
                第一弹教程就到这里。


                IP属地:山东8楼2020-05-01 00:17
                收起回复
                  补充:
                  滚动图片制作:
                  可能各位会有问题,如何制作比较完美的透明滚动图片?这里我们一起来做一个。
                  我在网上找了一个世界地图的素材,看起来还不错:

                  把素材载入PS,提取其中的地图图层,新建一个画布并将地图图层复制进去。为了观察和修改,我们添加一个背景图层并填充为纯黑色:

                  对地图图层稍加处理,使其更好看些(这里用的是纤维滤镜):

                  切换到通道选项卡,点击新建,新建一个Alpha 1通道,默认全黑。

                  再次切换回图层选项卡,将背景图层填充为纯白色,保存文件为PNG格式并导入VTFEdit即可。

                  我们进游戏预览一下:


                  IP属地:山东9楼2020-05-01 11:56
                  收起回复
                    这个转了


                    IP属地:河北10楼2020-05-03 09:37
                    回复
                      楼主讲的很好,有一点小补充,如果在:cstrike\custom\followme\materials中在建一个叫UI文件夹放一首MP3就可以当背景音乐,望楼主采纳。


                      来自Android客户端11楼2020-05-03 20:08
                      收起回复
                        楼楼能不能帮我做一张


                        12楼2020-05-11 13:47
                        收起回复
                          console这个文件夹没有啊


                          IP属地:广东13楼2020-05-13 07:46
                          收起回复
                            永恒之心2的背景能用这种方法改吗?


                            14楼2020-06-04 20:30
                            收起回复
                              materials这里面只有temp vgui 怎么办?


                              IP属地:广东15楼2022-02-02 22:20
                              收起回复