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

同学们好！

今天的勋章教程面向具备一定动手能力的同学，如果你看完之后觉得略微有些困难或你更想了解影视、游戏录制相关，可跳转至：
【十周年庆】歧路的勋章制作教学 - 勋章公会 - 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，让程序自动帮我制作关键帧动画：

现在这个手指头已经动起来了，我们的任务基本已经完成了80%，甚至只要加一个背景就可以直接投稿了！是不是很简单！

不过为了更好的视觉表现，我们决定再加一点东西给它。

我们记得这个手指头最开始是有一些火焰效果环绕的，那么我们也可以复原上去。

第三步，我们想在这个手指的周围添加一些火焰，所以我们可以使用“蒙版”这一概念，在手指周围画一圈线条，之后让火焰覆盖到线条上。

考虑到这个手指一直在动，所以我们的线条可能也要适时地运动，所以我这里直接使用了自动追踪的功能：

现在手指的周围多了一圈随着运动变化的虚拟线条。

第四步，我们使用一些粒子特效，如particular、saber创建一些特效覆盖到线条上：

第五步，对图片的颜色再做一些调整：

现在火焰和手指像是一体了，看起来真的像是燃火的血指

第六步，最后我们再做一些高光、闪光之类的调整：

05进阶-外框制作        

我们现在有了动图，但是否合适做成勋章，已经其大小还需要做进一步的匹配。

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

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

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

这样这个勋章就做好了！我们来看看成品吧！

↓

这个勋章目前并没有投稿，是我昨天做另一套勋章留下来的废案，未来或许会改进后再重制吧  : )

感谢大家的学习，大家一起成长进步！

来自群组: 泥潭療養院

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

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

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

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

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

这个血指的特效很不错的样子

来点furry
我什么都会做的

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

大佬的勋章教学好详细惹 萌新有时间学学

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

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

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

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

只会录频的勋章制作小白路过

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

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

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

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

感谢Nit大佬的教程惹，制作勋章看起来还是有点难度的