查看: 4346|回复: 23

【其实是过程】从-1开始的V字泳装制造

[复制链接]

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

发表于 2020-3-15 14:29:11 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?加入(注册)

x
本帖最后由 V.X. 于 2020-3-16 14:27 编辑
这个过程其实我在贴吧发过啦,来这里又发一遍~

这里大佬比较多,稍微修改下










我这回把暗夜的V字泳装的做的过程给保留下来了。
先提前说一遍,这不是教程,是过程。看了这个并不会让你像我一样整出V字泳装,只算是来分享下思路

其实我也有很多不懂的地方,和可能错误的地方;留下过程方便自己总结也可以给别人参考,也望更有经验的人能纰漏指点。



直接开始讲吧~

首先准备几个工具。

DNFExtractor DNFExtractorSharp,我想这个论坛里的人应该都知道这俩玩意。

② 画素材用的像素画软件AsepriteAseprite用来画像素画非常好使,喜欢画像素画的建议入正,steam有售。
    软件本身无中文,需要补丁添加,在steam的社区能找到汉化。不过主要功能就那几个,看英文也无大碍。其它画图软件没试过,感觉应该都没这个方便。


再次啰嗦一下:其实改补丁啥的我不是很懂,很多问题自己都不是很清楚。这里主要要给大家展示的是如何创造一个这个世界上根本不存在的暗夜的V字泳装,并且想个办法在游戏里看到它。
作为V字泳装的传教士,我先在这里赞美一下V字泳装。











正式开始

01.png



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

02.png


活用搜索功能(快捷键Ctrl+F),就能找到暗夜的时装及皮肤文件。能看到暗夜的英文名就是thief(盗贼)。

前面9个文件就是暗夜的9个时装部位,最后一个看了下是暗夜相关的图标。这里不需要,我们把前面9个时装文件复制一份,另外找个地方保存起来。方便接下来的工作。


















1.2启动Ex,也就是DNFExtractor,它的界面是这样的。
03.png

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

04.png



打开之后,就能看到左侧窗口有了一排东西,这些东西就是这个NPK文件里的内容,它们都是IMG格式的文件。可以说,整个DNF的画面就是由这些一大堆的IMG文件组成的。

这里能看到这个body0000.img就是暗夜的所有皮肤。这里一堆五颜六色的皮肤里的第一个就是暗夜的初始默认皮肤。(防和谐下面的东西尽可能都打码了)如果要想自己改暗夜的皮肤颜色,其实就是把你使用的换成其它的。
比如说我现在是默认的皮肤,那就是第一个,把第一个位置的换成绿皮的,那所有原默认的皮肤就会都变成绿皮。至于怎么换,你应该看到下面的调色板选项下面有灰色的互换功能了,选择一个调色板就会亮起,用这个就能互换了。
05.jpg




我们到这一步的重点是提取暗夜的皮肤,也可以说这个皮肤就是人物模型,到时候要叠在上面画服装,所有时装的动作都是一致。

这里在灰色背景的预览区下方,选择调色板1,然后在最上方的窗口里右键选择保存所有贴图,它默认是保存到桌面上,桌面上会出现一个和这个IMG文件名同名的文件夹,就叫【sprite_character_thief_equipment_avatar_skin】最里面就是我们提取到的所有贴图。

06.jpg

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













1.3好了。接下来要用到Aseprite。我们用Aseprite打开0号图片,这时会弹个框,选同意,让它们全进来。【我的Asepritesteam买的,自己加了中文界面补丁,你们直接下的应该都是中文,看不懂只能去查查英文了】
07.png

完成之后应该是这样的:

08.jpg


这也是Aseprite的使用界面。

09.png


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

10.png


然后我们就把这个文件另存为为aseprite格式文件,这是这个软件的工程文件格式。接下来我们的主要的事情都是在这个工程文件里进行的。建议把之前准备的所有文件放在同一个文件夹里,方便调用。

~☆ ~ 【注意】:之后就是开始用Aseprite画了,之后的绘制的内容大概都需要点美术基础,后面一般人大概看看就好了。不过大家感兴趣也可以试试,像素画的好处就是易于上手。而关于aseprite这个软件的操作大概都不会细讲,想知道这个软件具体是怎么用的可以上B站找下相关介绍和教程,我也是从那里看来现卖的。

















评分

参与人数 1E币 +10 收起 理由
樱花视频制作 + 10 内容很赞!

查看全部评分

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2020-3-15 14:47:12 | 显示全部楼层
由于超过了发图限制,所以后面的部分明天再发吧~
回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2020-3-16 14:04:38 | 显示全部楼层
1.4我们可以把我们提取的暗夜的动画看看,能看出这176帧都是属于不同的动作,比如前12帧就是暗夜的待机动画。为了方便后面的制作,这里我们先分一下动作。 11.png

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

12.png

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

13.png

取名啥的,自己能看懂就行了。


之后的事情其实说起来就很简单了,就是新建个图层,在这个皮肤上画V字泳装,然后再把V字单独输出打包成IMG,然后V字泳装就诞生了~ 完结撒花.~~~~





当然但是你是要把这176帧全画完。

之前的女鬼是222帧,画了我好几天。

好吧,还是慢慢画、



不过嘛,如果有人跟着我一路做到这里且没出问题的话,就会发现这个提取的暗夜动作,“一顿一顿的”,比如说走路不是像原地踏步,而是像是在前后滑动。
提取出来就像下图左边的那样的,但是按理说应该是右边那样的才对。

008-export.gif

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

所以我们就再提取一个连贯的动作咯~







回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2020-3-16 14:11:54 | 显示全部楼层
15.png

1.5这里开始使用ES,也就是DNFExtractorSharpES的教程应该蛮多的,有一些自己做补丁经验的人大概也懂如何使用,用法也不细说了。
这里我们就从ES的纸娃娃里掏几个暗夜的模型。顶选项里的模型里选择试衣间,能看到下面有纸娃娃的按钮。

16.png

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

17.png

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

18.png

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

19.gif


我们就再需要输出一个单独的皮肤,一个带头发的皮肤,和一个穿好全身衣服的,再搞些你想模仿的其它搭配。


另外一边,把之前建立的aseprite工程文件备份,复制一个它来进行下一步操作。

原来一开始弄的工程文件是为了做好的衣服能对回原来的坐标弄的一个模型。现在我们需要一个更大的空间开始我们衣服的制作。所以将我们的工程文件的画布加大,并把之前刚刚输出的几个不同服装的造型摆好:





20.png

以防万一我把它们的图层都锁定了,新建的空图层【sling】就是我们要画的V字泳装的图层。

这里解释一下,最左边那个是最开始提取的模型,它有原本的坐标,做好的衣服最后要对回这个模型上,这样坐标就不会乱。第二个有连贯动作的身体,V字泳装就是在这个身体上绘制的。右边两个穿时装的都是用来参考动作动态的。

前期工作彻底完成啦,之后就是绘制剪影的过程~








回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2020-3-16 14:17:00 | 显示全部楼层
2.1剪影绘制,这部分基本就属于像素动画的范畴了。其实我最开始搞这个泳装就是想学习一下像素动画的。
DNF在像素画这方面还是很优秀的。

因为动作已经有了。只要往身上套衣服就行了。但是套衣服也不是描轮廓,你要想象出布料盔甲套在上面的感觉,所以上面才弄了几个官方的皮肤做参考,看看官方是怎么做的。但是不是每个职业都有守护者那样牛逼的莱子,V字水着的精髓就在于辣几个部位的联动,所有更多时候需要发挥我们的主观能动性。

说说我自己的方法吧

像待机,战斗待机,走路跑步这些动作是出现频率最高的动作,所以要好好搞~这里比方说我们要做一个走路的动作:

1图一.gif


(怕和谐,只能委屈暗夜变绿了)

参考其他穿着衣服的姿势,我大概确认一下莱的位置
画好一帧后画下一帧,下一帧要能和上一帧接得上。这里就有动画软件的好处,你可以随时变换对比,之前设置的循环节也可以检查动作是否流畅。

没啥技术含量,就是拿鼠标点一下你觉得是莱--头的位置,当然点不点得好,靠个人

画完之后动一下看看


2图二.gif

了有呐味了
画完效果还是不错的,如果不满意再修改修改。由于动作是循环的,最后一帧也是要能接下第一帧的。

之后嘛,就是确定好裆部的位置,再之后就是连接,肩膀,胸部,裆部,画好形状,再修改~

3图三.png

这里其实也没什么诀窍,大概只能多修改,让它看起来确实像块布,整体动作看起来是连续的。



4图四.gif

这里大概提一点

就是不管形状的边缘,还是线条,都要避免锯齿太多

Sprite-0002.png

就像上图那样,应该尽力把线条画成上图红框的那样,避免蓝框里的那种。

直线和曲线都是有规律的递进,尽可能减少像素挤在一块。





回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2020-3-16 14:22:06 | 显示全部楼层
2.2有啥补充的以后再补充吧。那现在我们把所有动作都做完了,该打包回去了。

F~R5D5`_[EA6QC{W@2XQK.png


还记得之前留在最左边那个用来对坐标的皮肤模型吧,现在我们就把做好的部分逐帧逐帧地对回去
,为的就是得到和皮肤坐标一致的位置。

然后再将这个对好坐标的泳装图层放回我们一开始留下的那个aseprite文件里。


Z41)R83V@R_8760F{]81~2G.png

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

U}E)C8N2EX[@ARA28(R0GXE.png

WDPLBN16%UTOI$@WSU6KPA3.png

之后就把这个图层输出成PNG贴图,放在一个单独的文件夹里。记得第一帧的名字要叫【0】。


好了,现在我们得到了完整的素材,现在只差最后一步,就是输出成img文件。





2.3从哪儿来就回到哪去。

回到DNFEX,打开皮肤的npk文件【sprite_character_thief_equipment_avatar_skin.NPK】。
再说一遍,修改是即时,不要直接在游戏目录里的NPK里修改。


2NW(AFD4GR6NU}{Q1AE1E_7.png



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

QR67)TA]((Y`BQVWWVI9CAL.png

右键上方窗口里的图片文件,选择替换贴图,选择修改本IMG内的所有资源,资源位置就选择之前输出的素材所在的文件夹。

色位选A1R5G5B5,虽然不清楚原理,但是我以前选其它的出过问题。

替换选项则都不选。


}VY592I8JCV)O@C]IAN8C_G.png

不出问题,你就会得到这个。

你现在得到了真理!

赞美V字泳装!


ISR7SVOJPSM7(GR)HR8ZLQC.png






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

0.gif

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

但是也许能增加V字泳装的信徒——


{:8_539:}





回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2020-3-16 14:24:26 | 显示全部楼层
另外这个做完的img我发到暗夜的模型区了

传送门:http://bbs.exnpk.com/forum.php?m ... id=53364&extra=
回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
2
发表于 2020-3-16 14:59:22 | 显示全部楼层
挺厉害的

                               
登录/注册后可看大图

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
18
发表于 2020-3-16 15:16:27 | 显示全部楼层
强,活到老学到老
补丁恰饭一群:133135359
补丁恰饭二群:15911782
定制补丁QQ:474022595
B站:留不住LBZ
还有其他补丁作品可以看我主题
回复

使用道具 举报

等待验证会员

     粉丝
1
发表于 2020-3-17 11:02:12 | 显示全部楼层
感谢大佬分享教程
回复

使用道具 举报

铂金会员

Rank: 6Rank: 6Rank: 6

     粉丝
123
发表于 2020-3-18 16:28:32 | 显示全部楼层
从贴吧过来,给大佬加油
回复

使用道具 举报

初级会员

Rank: 2Rank: 2

     粉丝
0
发表于 2020-3-30 15:08:40 | 显示全部楼层
不会画画咋办{:5_118:}
回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2020-3-31 16:01:02 | 显示全部楼层

像素画可以说是最好入门的绘画了{:8_536:}
回复

使用道具 举报

初级会员

Rank: 2Rank: 2

     粉丝
1
发表于 2020-4-19 18:41:52 | 显示全部楼层
这个太有用了
回复

使用道具 举报

初级会员

Rank: 2Rank: 2

     粉丝
1
发表于 2020-5-19 19:00:26 | 显示全部楼层
大佬 辛苦了  辛苦了
回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
0
发表于 2020-8-22 13:28:14 | 显示全部楼层
大佬啊 {:5_118:}{:5_118:}
回复

使用道具 举报

初来乍到

     粉丝
0
发表于 2021-1-24 20:50:06 | 显示全部楼层
大佬 辛苦了
回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2021-1-26 01:18:08 来自手机 | 显示全部楼层
Emlise 发表于 2021-1-24 20:50
大佬 辛苦了

☺️
回复

使用道具 举报

新手上路

Rank: 1

     粉丝
0
发表于 2021-3-5 23:56:57 | 显示全部楼层
大佬 怎么把所有帧的位置一起移动啊
回复

使用道具 举报

中级会员

Rank: 3Rank: 3Rank: 3

     粉丝
73

中级勋章

 楼主| 发表于 2021-3-7 02:06:21 来自手机 | 显示全部楼层
怎么手绘补丁啊 发表于 2021-3-5 23:56
大佬 怎么把所有帧的位置一起移动啊

不要选单独的一帧,选择整个图层。aseprite里是点图层的名字的位置。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入(注册)

本版积分规则

Ex梦想承载者

反馈

投诉举报 意见反馈 用户协议 论坛规则

反馈须知: 切勿滥用举报,任何与举报相关的信息必须属实!

网站资源

  • 客户端
  • 微信
  • 微博

手机APP|小黑屋|Archiver|小黑屋|CC BY-NC-ND 2.5 CN|Ex梦想承载者

Ex梦想承载者

GMT+8, 2025-4-27 01:55

快速回复 返回顶部 返回列表