Jump to content

[主题] 首个中文原创主题制作教程!


Recommended Posts

PokeMMO主题制作教程

作者:Teeemoooo (B站UP 聪明的泽)

—————

前言:

Hello,PokeMMO的小伙伴们你们好,我是阿泽。

自皮卡丘主题1.0版开始,到接连创作出了广受欢迎的耿鬼主题和伊布主题,

我也从一个主题制作的小白,逐渐积累了一些主题设计制作的心得体会。

自伊布主题发布以来,我收到了很多小伙伴私信提问关于主题制作的一些问题。

为了更好的给有兴趣制作主题的小伙伴一点经验上的帮助,我抽出了考研复习的时间,制作了本期教程。

并发布在了B站,本片帖子仅选取重点部分进行讲解,全部内容请移步B站:视频链接

同时,我制作了详细的说明文档,对每一张主题图片文件都进行了解析,并总结了主题字体的代码文件,将常用修改的代码段落进行了标注与解释说明。这些内容都是我个人对比研究出来的经验,希望可以给制作主题的小伙伴一点技术上的帮助。

说明文档在我的PokeMMO同好会3群内上传,感兴趣的小伙伴可以加群下载说明文档:76318773

欢迎制作主题的小伙伴进群分享交流自己的问题与心得经验,希望可以建立一个更加便捷,具有粘性的主题制作交流平台。

期待你们的加入!  

2020/7/14

—————

 

我将主题的设计制作划分为前期、中期、后期三个阶段。

首先是前期阶段,即内容构思素材收集

这个阶段决定了主题风格的大方向,首先要明确主题的内容,接下来就自然而然的可以确定主题的配色和出现的元素

比如我要做一个喷火龙的主题,那主题的颜色自然就是喷火龙的配色,元素就可以采用火焰、翅膀等素材。

570406682_TIM20200714215433.png.487a3adc6cdefd5cb9a2c398e7d57112.png

通过这样的逻辑顺序,可以使主题达到统一的视觉效果。

 

其次要明确主题的风格,风格是加分项,可以让你的主题更加有气氛。视觉风格的选择多种多样,Q版风、插画风、像素风等

214814606_TIM20200714215613.png.41cdce2eb38ab6fdb178d7109979fc6e.png

不同的视觉风格和不同的主题内容相结合,可以产生无数种可能!大胆的去尝试吧!可能有的小伙伴不了解这些视觉风格,那就需要你主动的积累和学习,可以先找一些现成的图片素材进行二次创作。

 

接下来就是素材收集的阶段,在明确了主题的内容和风格之后,就可以进行相关素材的收集,方便我们理清自己的制作思路,并且在收集素材的时候,也许还会有更好的点子冒出来。比如我想做像素风格的喷火龙主题,那我首先就需要去收集一些与喷火龙有关的像素画,或者一些像素游戏的界面作为参考。

185295435_TIM20200714215734.png.6252312c23c4f9965d193dc6f9ba01bd.png

 

图片素材收集完成之后就可以进入到中期制作阶段,在这里我推荐使用的软件是Photoshop

在初次制作主题的时候,可以先导入默认主题的素材文件,我会将文件打包上传,大家可以在群里下载。打开文件夹可以看到主题其实就是由很多图片构成的,而代码决定了每张图片界面在游戏中的位置和大小。

image.thumb.png.c14c064d84d15f1a6e732f4be43455fd.png

 

重点来了不论你想做什么样的主题,都一定要在每张默认主题界面的范围和对应功能区的基础上进行重新设计,因为每个界面的大小是被代码所固定好的,如果你的图片超出了默认主题的范围,就会出现显示不完全或者显示错误的情况。

当你做完一版界面之后,你可以将其导出到游戏文件的主题目录里,需要新建一个文件夹,并给你的主题起一个好听的名字。之后你就可以打开游戏,在设置中替换你自己的主题,进行后期的调整测试了。

 

当你进入后期测试阶段,恭喜你已经快要成功了。如果你发现界面的文字颜色和你的主题颜色产生冲突或变得不显眼,这时你就需要进行对应代码的参数调整,来保障主题文字信息的可读性。这里需要提醒一下xml代码中的颜色采用对应的编码,你可以在PS的取色器中选择理想的颜色,然后复制下方的颜色编码,再粘贴到代码中对应位置,就能更改特定位置文字的颜色。

1352362945_TIM20200714220818.png.a795b83027497a8c2c87cfb6816b1ebb.png

 

如果你像我一样从来没接触过编程,那也不用慌,我会在文件包里附上一个对照说明文档,标注出常用需要修改文字参数的代码。

image.png.44a98a2eaf856a44f162642227ae8dd6.png

 

你可以大胆的修改某段代码的颜色编码,保存之后进入游戏,在设置里重新选择一下你的主题文件,仔细对照有没有哪里的文字颜色发生变化,如果有,那么你刚才修改的那行代码对应的就是这里的文字了。虽然这个办法是最笨的,但你不用专门去学习一门编程语言就能修改你想要的文字颜色。在你反复调整达到满意之后,恭喜你完成了属于你的主题,快去分享给你的小伙伴一起在游戏里使用它吧!说不定换了新主题就能遇闪了呢!

 

主题制作对业余爱好者来说,是一个大工程,它既能给你带来你发挥创意时的成就感,也会让你面临种种能力之外问题的困扰,和学习制作的枯燥。但希望我能给你带来一点些许的动力,动手去做,去创造。由于图片大小数量的限制,我无法在论坛完全展示我的教程内容,在这里仅作概述,详细内容请在前言部分移步B站观看视频内容,关于教程文件和代码更加详细的说明我会放在群里。感谢小伙伴们的支持!

 

 

 

 

 

 

 

 

 

Link to comment
  • 3 months later...
  • Clara changed the title to [主题] 首个中文原创主题制作教程!
  • 10 months later...
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy.