dnf补丁吧 关注:80,754贴子:298,566

从-1开始的V字泳装制造

只看楼主收藏回复

我又双叒整了个V字比基尼......其实没做完——这回是暗夜使者的,女枪先让位给她了~


IP属地:广东1楼2020-03-14 17:44回复
    我这回把暗夜的V字泳装的做的过程给保留下来了。
    先提前说一遍,这不是教程,是过程。其实我也有很多不懂的地方,和可能错误的地方;留下过程方便自己总结也可以给别人参考,也望更有经验的人能纰漏指点。
    直接开始讲吧~
    首先准备几个工具。
    ① 从别人那里掏来的DNFExtractor 和DNFExtractorSharp,我在这里就直接简称成Ex和ES了。这两个都是用来编辑管理DNF素材文件的,像ES里还有纸娃娃和试衣间。网上应该都能找到,很多QQ群文件里也有存着。
    ② 画素材用的像素画软件Aseprite。Aseprite用来画像素画非常好使,喜欢画像素画的建议入正,steam有售。软件本身无中文,需要补丁添加,在steam的社区能找到汉化。不过主要功能就那几个,看英文也无大碍。其它画图软件没试过,感觉应该都没这个方便。
    啰嗦一下:其实改补丁啥的我不是很懂,很多问题自己都不是很清楚。这里主要要给大家展示的是如何创造一个这个世界上根本不存在的暗夜的V字泳装,并且想个办法在游戏里看到它。作为V字泳装的传教士,我先在这里赞美一下V字泳装。


    IP属地:广东2楼2020-03-14 17:45
    收起回复
      -正式开始-

      1.1先去游戏目录下的ImagePack2里找原图片素材文件。

      活用搜索功能(快捷键Ctrl+F),就能找到暗夜的时装及皮肤文件。能看到暗夜的英文名就是thief(盗贼)。
      前面9个文件就是暗夜的9个时装部位,最后一个看了下是暗夜相关的图标。这里不需要,我们把前面9个时装文件复制一份,另外找个地方保存起来。方便接下来的工作。


      IP属地:广东3楼2020-03-14 17:48
      收起回复
        1.2启动Ex,也就是DNFExtractor,它的界面是这样的。

        点击【选择文件】,找到我们之前预先复制的暗夜时装里的皮肤文件,名字叫【sprite_character_thief_equipment_avatar_skin.NPK】,其实看文件名尾巴的单词就能知道它们分别是什么了。

        打开之后,就能看到左侧窗口有了一排东西,这些东西就是这个NPK文件里的内容,它们都是IMG格式的文件。可以说,整个DNF的画面就是由这些一大堆的IMG文件组成的。
        这里能看到这个body0000.img就是暗夜的所有皮肤。这里一堆五颜六色的皮肤里的第一个就是暗夜的初始默认皮肤。(防和谐下面的东西尽可能都打码了)如果要想自己改暗夜的皮肤颜色,其实就是把你使用的换成其它的。比如说我现在是默认的皮肤,那就是第一个,把第一个位置的换成绿皮的,那所有原默认的皮肤就会都变成绿皮。至于怎么换,你应该看到下面的调色板选项下面有灰色的互换功能了,选择一个调色板就会亮起,用这个就能互换了。

        我们到这一步的重点是提取暗夜的皮肤,也可以说这个皮肤就是人物模型,到时候要叠在上面画服装,所有时装的动作都是一致。
        这里在灰色背景的预览区下方,选择调色板1,然后在最上方的窗口里右键选择保存所有贴图,它默认是保存到桌面上,桌面上会出现一个和这个IMG文件名同名的文件夹,就叫【sprite_character_thief_equipment_avatar_skin】最里面就是我们提取到的所有贴图。

        里面就是我们要的素材,看一下文件夹文件数,是176个对象那就没错,对应暗夜的176帧。这里注意一下,第一个文件的名字是【0】,所以最后一个是【175】号,的确是176帧。


        IP属地:广东4楼2020-03-14 17:52
        回复
          1.3好了。接下来要用到Aseprite。我们用Aseprite打开0号图片,这时会弹个框,选同意,让它们全进来。【我的Aseprite是steam买的,自己加了中文界面补丁,你们直接下的应该都是中文,看不懂只能去查查英文了】

          完成之后应该是这样的:

          这也是Aseprite的使用界面。

          拖动到最后一帧看看是不是第176帧,确保全部帧都进来了。

          然后我们就把这个文件另存为为aseprite格式文件,这是这个软件的工程文件格式。接下来我们的主要的事情都是在这个工程文件里进行的。建议把之前准备的所有文件放在同一个文件夹里,方便调用。
          ~☆ ~ 【注意】:之后就是开始用Aseprite画了,之后的绘制的内容大概都需要点美术基础,后面一般人大概看看就好了。不过大家感兴趣也可以试试,像素画的好处就是易于上手。而关于aseprite这个软件的操作大概都不会细讲,想知道这个软件具体是怎么用的可以上B站找下相关介绍和教程,我也是从那里看来现卖的。


          IP属地:广东5楼2020-03-14 17:55
          回复
            1.4我们可以把我们提取的暗夜的动画看看,能看出这176帧都是属于不同的动作,比如前12帧就是暗夜的待机动画。为了方便后面的制作,这里我们先分一下动作。

            Aseprite有个功能,就是给帧,设置循环节,相当于给帧分组。我们框选这12帧设置一个循环节。

            然后就可以看到有个黑色框把它们框起来了,框起来之后播放动画只会在这12帧这里面循环。双击名字可以看到一些基本属性,我们给这个循环节取个名字【zhanjie】。然后我们继续辨认这些动作,直到我们把它们分好组。不知道是啥动作就打开游戏确认一下吧。

            取名啥的,自己能看懂就行了。
            之后的事情其实说起来就很简单了,就是新建个图层,在这个皮肤上画V字泳装,然后再把V字单独输出打包成IMG,然后V字泳装就诞生了~ 完结撒花.~~~~
            当然但是你是要把这176帧全画完。
            之前的女鬼是222帧,画了我好几天。
            好吧,还是慢慢画、
            不过嘛,如果有人跟着我一路做到这里且没出问题的话,就会发现这个提取的暗夜动作,“一顿一顿的”,比如说走路不是像原地踏步,而是像是在前后滑动。提取出来就像下图左边的那样的,但是按理说应该是右边那样的才对。

            因为这里涉及到一个图片的大小和坐标问题,提取这个皮肤照着画是为了到时候打包回去也用这个皮肤的坐标。坐标的问题我还不是很懂,所以我目前是这样做的。不过这些动作看起来很不连贯,V字泳装的精髓就在于摇动的莱莱,动作不连贯,就很难画好,怎么办?
            所以我们就再提取一个连贯的动作咯~。


            IP属地:广东6楼2020-03-14 17:59
            回复
              1.5这里开始使用ES,也就是DNFExtractorSharp。ES的教程应该蛮多的,有一些自己做补丁经验的人大概也懂如何使用,用法也不细说了。这里我们就从ES的纸娃娃里掏几个暗夜的模型。顶选项里的模型里选择试衣间,能看到下面有纸娃娃的按钮。


              纸娃娃是一个网页,我们在左上角选择暗夜,出来的就是暗夜的默认造型。在右上角的粉红色的【选项】里选择导出

              提示导出成功后,回到ES的试衣间,在代码框里复制刚刚复制到的装扮的代码,所有职业原始默认时装的序号都是0000。这里在加入列表框的下方勾选【加入皮肤】,取消勾选【隐藏文件贴图】。
              然后选择最下面的【加入列表】

              之后我们就在左边的列表里得到了暗夜各个时装的组件,包括皮肤。然后右键全部选择并加入拼合及执行拼合,就得到了一个拼好的暗夜了~把这个拼好的再输出,就会发现这个拼好的动作都是固定好的,不会乱飘。

              (上面这个其实我是拿DNF EX输出的动图,ES输出的动图品质好像没那么好。可以把ES里拼好的IMG拿到DNF EX里输出GIF)
              我们就再需要输出一个单独的皮肤,一个带头发的皮肤,和一个穿好全身衣服的,再搞些你想模仿的其它搭配。
              另外一边,把之前建立的aseprite工程文件备份,复制一个它来进行下一步操作。
              原来一开始弄的工程文件是为了做好的衣服能对回原来的坐标弄的一个模型。现在我们需要一个更大的空间开始我们衣服的制作。所以将我们的工程文件的画布加大,并把之前刚刚输出的几个不同服装的造型摆好:

              以防万一我把它们的图层都锁定了,aseprite的图层名字左边锁头形状的按钮就是锁定键位。
              而新建的空图层【sling】就是我们要画的V字泳装的图层。
              这里解释一下,最左边那个是最开始提取的模型,它有原本的坐标,做好的衣服最后要对回这个模型上,这样坐标就不会乱。第二个有连贯动作的身体,V字泳装就是在这个身体上绘制的。右边两个穿时装的都是用来参考动作动态的。
              前期工作彻底完成啦,之后就是绘制剪影的过程~。


              IP属地:广东7楼2020-03-14 18:05
              回复
                下面的内容没法不打码,所以有可能会被干掉,如果下面被干掉了,就看看我后面有没有补发。


                IP属地:广东8楼2020-03-14 18:06
                回复
                  因为怎么发都会被干掉,人变绿了也没用,所以配图发网盘了,看评论
                  2.1剪影绘制,这部分基本就属于像素动画的范畴了。其实我最开始搞这个泳装就是想学习一下像素动画的。
                  DNF在像素画这方面还是很优秀的。
                  因为动作已经有了。只要往身上套衣服就行了。但是套衣服也不是描轮廓,你要想象出布料盔甲套在上面的感觉,所以上面才弄了几个官方的皮肤做参考,看看官方是怎么做的。但是不是每个职业都有守护者那样牛逼的来来,V字水着的精髓就在于辣几个部位的联动,所有更多时候需要发挥我们的主观能动性。
                  说说我自己的方法吧
                  像待机,战斗待机,走路跑步这些动作是出现频率最高的动作,所以要好好搞~这里比方说我们要做一个走路的动作:
                  这里是图一 这里是图一 这里是图一 这里是图一 这里是图一
                  (好吧,我把人变绿了也没用)
                  参考其他穿着服装的姿势,我大概确认一下莱的位置
                  画好一帧后画下一帧,下一帧要能和上一帧接得上。这里就有动画软件的好处,你可以随时变换对比,之前设置的循环节也可以检查动作是否流程。
                  没啥技术含量,就是拿鼠标点一下你觉得是点的位置,当然点不点得好,靠个人
                  画完之后动一下看看
                  这里是图二,这里是图二 这里是图二 这里是图二 这里是图二
                  好了有呐味了
                  画完效果还是不错的,如果不满意再修改修改。由于动作是循环的,最后一帧也是要能接下第一帧的。
                  之后嘛,就是确定好裆部的位置,再之后就是连接,肩膀,胸部,裆部,画好形状,再修改~
                  这里是图三 这里是图三 这里是图三 这里是图三 这里是图三
                  这里其实也没什么诀窍,大概只能多修改,让它看起来确实像块布,整体动作看起来是连续的。
                  我是图四 我是图四 我是图四 我是图四 我是图四 我是图四
                  这里大概提一点
                  就是不管形状的边缘,还是线条,都要避免锯齿太多

                  就像上图那样,应该尽力把线条画成上图红框的那样,避免蓝框里的那种。
                  直线和曲线都是有规律的递进,尽可能减少像素挤在一块。


                  IP属地:广东12楼2020-03-14 18:22
                  收起回复
                    2.2有啥补充的以后再补充吧。那现在我们把所有动作都做完了,该打包回去了。
                    还记得之前留在最左边那个用来对坐标的皮肤模型吧,现在我们就把做好的部分逐帧逐帧地对回去
                    ,为的就是得到和皮肤坐标一致的位置。
                    然后再将这个对好坐标的泳装图层放回我们一开始留下的那个aseprite文件里。

                    再把皮肤的图层隐藏掉。点aseprite图层最前面的【眼睛】按钮可以隐藏当前图层。


                    之后就把这个图层输出成PNG贴图,放在一个单独的文件夹里。记得第一帧的名字要叫【0】。
                    好了,现在我们得到了完整的素材,现在只差最后一步,就是输出成img文件。


                    IP属地:广东13楼2020-03-14 18:25
                    回复
                      2.3从哪儿来就回到哪去。
                      回到DNFEX,打开皮肤的npk文件【sprite_character_thief_equipment_avatar_skin.NPK】。
                      再说一遍,修改是即时,不要直接在游戏目录里的NPK里修改。

                      V2V4V6文件这些东西目前我还不是很懂,于是用这个V2文件来改。文件图标的颜色就代表了他们文件的类型。

                      右键上方窗口里的图片文件,选择替换贴图,选择修改本IMG内的所有资源,资源位置就选择之前输出的素材所在的文件夹。
                      色位选A1R5G5B5,虽然不清楚原理,但是我以前选其它的出过问题。
                      替换选项则都不选。

                      不出问题,你就会得到这个。
                      你现在得到了真理!
                      赞美V字泳装!

                      然后右键另存为,输出IMG就可以开始传教了!!!!!!!!!!!

                      赞美!
                      再说一遍,这个不是教程,你不会因为看了我写的这个玩意,就能立即像我一样整出V字泳装来。
                      这个大概是分享一个个人的经验,和一种思路。
                      但是也许能增加V字泳装的信徒——


                      IP属地:广东14楼2020-03-14 18:30
                      收起回复
                        最后给看完的人来点小礼物:
                        s/17Ype7xFp9SuTQ-JJbUXQYA
                        码:u8qr
                        目前做完的IMG,包括一个替换原本服装的NPK,预览在里面。
                        如果泳装完全做完了,这个链接就会被删除替代。


                        IP属地:广东15楼2020-03-14 18:37
                        收起回复
                          好了,发完了,吃饭去惹


                          IP属地:广东16楼2020-03-14 18:39
                          回复
                            画起来太费时 每次有好的想法就开始画 画几张半途而废


                            IP属地:北京17楼2020-03-14 20:33
                            收起回复


                              IP属地:山西来自Android客户端18楼2020-03-15 00:39
                              回复