逗游推出了新版本,更换了全新的UI引擎,优化了个性化皮肤的效果,简化了制作过程,降低了制作难度,如果觉得官方皮肤不好看,可以轻松自定义你想要的皮肤。
本教程适用于最新逗游客户端2.8.0版本,旧版版本的皮肤制作原理跟新版本的基本相同,可以参考这篇教程制作。
这篇教程可以教喜欢个性化的逗游客户端用户自定义皮肤,原理非常简单,文章的内容主要还是以提供制作经验为主,可以让制作的皮肤更漂亮美观,尽量少的出现错误。教程可能写的比较长,但是因为原理很简单,所以看以遍就能明白,完全没有难度。
制作原理:逗游客户端的皮肤全部放在skin文件夹下,我们只需要用相同名称、相同尺寸、内容不同的图片进行替换即可实现自定义皮肤。
制作准备:有足够的素材,至少掌握一款图像处理工具(我用的是Adobe Photoshop CS6)。
制作步骤:本次教程以制作一个 Fate stay night 的皮肤为例,效果图如下
此款自定义皮肤的下载链接:http://pan.baidu.com/s/1dDemSsL
其中的某些制作步骤的顺序或者操作习惯可视自己的情况自行调整,下面我会尽可能说的详细。我们观察逗游官方的皮肤会发现,逗游的每款皮肤都有一个主题色调,在制作自定义皮肤之前我们就需要大体的想象出自己做出来的皮肤是什么样子的,尤其是确定好这个主题色调,这样做出来的皮肤才不会在各方面出现不协调的现象。
1.打开逗游安装文件夹,查看skin文件夹,里面是所有皮肤文件,全是图片文件,复制出其中的一个文件夹(不能是index文件夹),复制出来放在喜欢的位置,我们将要对这个文件夹进行编辑修改。那么我选择的是‘文件夹5’,我把他放在桌面方便编辑,同时备份一个‘文件夹5’ 以防止出错。
接下来就可以对里面的文件进行修改,理论上可以修改里面的任何文件,但是为了减少步骤和保持逗游客户端的主体风格,大部分系统图标文件是没有必要修改的。我们要进行选择性修改,其余的保持原状即可。
3.首先修改的是名为‘main_btn_min.png’图片文件,这是最大、最重要、最突出主体的一个文件,将这个文件用Photoshop打开。
<异次元:查看这个文件,我们看到这是一个长条状的图片,皮肤运行的时候为了防止图片内容因为拉伸而变形,所以是采取从最左边读取图片像素,依次向后显示的办法应用在皮肤上。旧版本的逗游客户端皮肤文件中也有这个图片,但是有用户反映,在超大显示平上逗游客户端无法全屏显示...所以新版本的逗游皮肤把这个文件做的更长了,横向像素更多,以便适应更大的显示器....囧>
这是一张4000x126像素的图片,图片的主要内容集中在从左边开始的大约900像素的范围内,这也是我们主要修改的地方。在修改的时候主题图案的位置要大体估算好,不必太精确,最右侧标尺线即是客户端小窗口化的最右边界,大约在34cm处。将素材图片打开,进行正式编辑。
Tips:在编辑主题图片位置的时候要注意调整的最佳。意思是说,图片的主要内容,比如说人物的脸,重要的标志性图标等不能在运行时被系统图标阻挡。如果被挡住的话要重
新调整位置。
制作的效果图如下,并且图片两边最好保证为纯色而不是图案,这样方便制作,具体原因见步骤5.
并且为了突出皮肤的可识别性和主题标志,我们可以找合适的地方添加主题标志,推荐位置是:
主要皮肤图片基本制作完成,剩下的就是位置调试,现在可以将图片导出为同名的.png文件,放入客户端皮肤文件夹5,替换文件后试运行,查看效果,试运行结果如下:
效果还不错,图片位置也正好合适,不需要再进行调试,至于图片最左边为什么有空白没有修改,在步骤5中做出解释。
那么到现在为止,最重要的一部分已经修改完成。