Nittbone 发表于 2024-9-16 10:40:18

【界外来客】原创向勋章制作教程

本帖最后由 Nittbone 于 2024-9-16 11:14 编辑

同学们好!

今天的勋章教程面向具备一定动手能力的同学,如果你看完之后觉得略微有些困难或你更想了解影视、游戏录制相关,可跳转至:
【十周年庆】歧路的勋章制作教学 - 勋章公会 - GameMale最新游戏MOD资源交流论坛!
【苹果系统】大墨迹的勋章制作教学 - 勋章公会 - GameMale最新游戏MOD资源交流论坛!
【九周年庆】勋章制作交流帖 - 勋章公会 - GameMale最新游戏MOD资源交流论坛!
======================================================
00引言                  
你为什么想要制作勋章?
其实,勋章的概念在各大主流bbs论坛均有实现,用于奖励论坛的核心用户群体,其装饰作用大于数值作用。
3dm勋章
我们泥潭的创始团队们不仅客制化了勋章的视觉统一设计,制定了一套独立的审阅体系,还引入了商业化数值机制,让勋章成为了核心游戏之一。
开放勋章投稿不仅大大降低了管理组的创作强度,也能实现许多论坛用户的价值需求,所以如果你有兴趣投稿,来试试看吧。


01思路确定      
制作勋章之前,请先确定你要实现一个什么需求?我制作了一个问题列表,用于帮助大家判断自己的需求。


[*]我想要展示一个我喜欢的故事?

[*]电影故事--->相关影视勋章
[*]游戏故事--->相关游戏勋章
[*]原创故事--->原创资产/装备勋章,部分时候可能需要举办活动来阐述这个故事并制作相关奖品勋章

[*]我想要展示一个喜欢的角色?

[*]人物--->相关(或原创)人物勋章
[*]宠物--->原创宠物勋章


[*]我想要展示一个概念?

[*]在RPG游戏里可以用装备来刻画--->原创装备勋章
[*]在RPG游戏里可以用物品来刻画--->原创资产勋章


[*]我想要宣传一个游戏/影视等ip

[*]相关系列各类勋章
[*]版块勋章

02实现方法      
请确认你能否实现这种需求,我们的勋章大多以动图的形式存在,那么想要制作这样的动图,是否有已经成形且符合要求的图片素材?

如果有,我可以通过哪些方法获取?

[*]视频网站获取clip
[*]游戏、影视内使用录屏工具录制
[*]通过解包文件提取相关素材做进一步加工
[*]使用绘画工具、建模工具搭建相关基础素材

针对后面两种情况,我们的工作往往要更加复杂的,今天我先简单地介绍已经有素材了,怎么制作成动图。


03素材提取      
我的需求是:


[*]我想要宣传Elden Ring这个游戏
[*]我想将游戏中的某个道具做成勋章并完善他的动图表现
[*]我需要去游戏内解包获取相关素材



通过解包文件,我选取了这张图片,这是游戏里一个名为“幻影血指”的道具,他的功能是入侵其他玩家的世界并杀死其他玩家。
我想在论坛的RPG扮演游戏中制作这么一个道具,用于论坛用户的“交互”设定,所以它符合我的需求。
04动图制作      
对于这张图片,首先我的最终目标是让他动起来,为了实现这个功能,我采用了最简单的动效工具Adobe After Effect和相关的制图工具Adobe Photoshop。

第一步,使用Photoshop将不需要的、难以编辑的视觉特效去除:

第二步,使用AE工具制作最基本的动作效果,这一步可以使用常规的变形、旋转功能并添加关键帧,我采用了一个傻瓜式的脚本Autosway,让程序自动帮我制作关键帧动画:

https://z4a.net/images/2024/09/16/2.gif
现在这个手指头已经动起来了,我们的任务基本已经完成了80%,甚至只要加一个背景就可以直接投稿了!是不是很简单!
不过为了更好的视觉表现,我们决定再加一点东西给它。
我们记得这个手指头最开始是有一些火焰效果环绕的,那么我们也可以复原上去。
第三步,我们想在这个手指的周围添加一些火焰,所以我们可以使用“蒙版”这一概念,在手指周围画一圈线条,之后让火焰覆盖到线条上。
考虑到这个手指一直在动,所以我们的线条可能也要适时地运动,所以我这里直接使用了自动追踪的功能:

现在手指的周围多了一圈随着运动变化的虚拟线条。
第四步,我们使用一些粒子特效,如particular、saber创建一些特效覆盖到线条上:

第五步,对图片的颜色再做一些调整:

现在火焰和手指像是一体了,看起来真的像是燃火的血指
第六步,最后我们再做一些高光、闪光之类的调整:
https://z4a.net/images/2024/09/16/6.gif


05进阶-外框制作      
我们现在有了动图,但是否合适做成勋章,已经其大小还需要做进一步的匹配。

第一步,我们先给动图套一个基本的外框:


第二步,给勋章添加分类元素

第三步,确定勋章的状态条件和等级


这样这个勋章就做好了!我们来看看成品吧!↓
这个勋章目前并没有投稿,是我昨天做另一套勋章留下来的废案,未来或许会改进后再重制吧: )
感谢大家的学习,大家一起成长进步!

泥潭療養院

卡扎拉尔 发表于 2024-9-16 10:41:15

全世界最需要的教程贴就这么水灵灵的被尼特发布了!只能说支持这一切!!!期待勋章以后百花齐放~

user_npc 发表于 2024-9-16 10:41:24

好复杂的都的教程,制作勋章真麻烦

XLK 发表于 2024-9-16 10:45:56

很给力的教学呢,想做自己喜欢的勋章的可以行动起来了,我等着大佬们的勋章就行了{:6_169:}

promax 发表于 2024-9-16 10:46:44

谢谢楼主分享惹,对于小白来说制作勋章还是挺难的一件事

cinder 发表于 2024-9-16 10:52:33

腦袋:我會了!手:不!你沒有!(嘗試了10分鐘宣告放棄.):Q

Morphyus 发表于 2024-9-16 10:54:42

{:6_188:}这个血指的特效很不错的样子

咸鱼鱼 发表于 2024-9-16 10:56:35

来点furry
我什么都会做的

PURO_ 发表于 2024-9-16 10:57:40

这样看来制作一个勋章很不容易,最终上架的每一个勋章的背后都是作者投入的诸多心血,瑞思拜{:6_200:}

折木 发表于 2024-9-16 10:59:33

大佬的勋章教学好详细惹 萌新有时间学学{:6_169:}

没药 发表于 2024-9-16 10:59:34

天惹,真的很实用厚!之前想做那种一张图片然后潜望镜扫过的效果的,但是网上查了半天也没有个教程:Q

ONOTOU 发表于 2024-9-16 11:01:54

制作勋章很麻烦的,辛苦了(o´ω`o)ノ

娱乐法师火布偶 发表于 2024-9-16 11:08:06

AE的部分本人暂时还是弄不明白的,目前还是直接用PS吧,不过本人已经学会拼接素材了,可以减少对原材料的依赖

you9632587 发表于 2024-9-16 11:09:00

期待泥潭更多大佬发力做出更多好看的勋章(然后男从排队排几年;P)

abba 发表于 2024-9-16 11:23:48

只会录频的勋章制作小白路过{:6_164:}

1287549 发表于 2024-9-16 11:28:50

好强啊感觉,泥潭真是人才济济呢

龙癌早期 发表于 2024-9-16 11:41:00

是这样的血指,本可也要觉醒勋章的获得

咕里奇 发表于 2024-9-16 11:59:15

老早之前也试过自己动手做做勋章,当时甚至没有用像AE这样的软件来添加特效,只是抠gif+调整大小就很痛苦了,最后实在手残就放弃了,还是老老实实屯金币买大佬们制作的勋章吧{:6_196:}

黑达克 发表于 2024-9-16 12:09:48

很好的教程,不过一般人好像只能到第四步,第五步得等凯西审核后才能交给坛花帮忙套框了。
p.s.这手指头的动态效果,想点一首林俊杰的《不潮不用花钱》{:4_114:}

凯诺斯 发表于 2024-9-16 12:14:46

感谢Nit大佬的教程惹,制作勋章看起来还是有点难度的{:6_169:}
页: [1] 2 3 4
查看完整版本: 【界外来客】原创向勋章制作教程