标题: 小雪读条皮肤Uitex动画制作详细教程
UITexMaker下载:(还是小雪和B叔的配方)
UITexMaker.zip
(773.51 KB, 下载次数: 245)
需要安装.NET Framework(自己360或金山卫士装一下吧)
废话:
有不少小伙伴对这个章节不太懂,我重新写一遍吧=。=!(谁说我不会写新手教程的,我可以的!!!)
其他3篇主引导教程也全部新增了不少补充,请自行阅读《皮肤制作教程索引》!!
有问题直接回帖。(务必描述清楚自己问题,最好附图,纯伸手怨妇党不处理)。
教程:
Follow me!开车啦~~
1.软件安装启动
- 系统需要安装.NET Framework,这个可以在360和金山的软件管理里面搜索一下安装,已经安装过的可以无视这一条。
- 下载上面的附件,随便放哪个目录就好,不需要专门的安装,启动里面的EXE后缀的文件即可。
2.问:这个是干嘛的?
这个你可以理解成转UITex格式或者制作UITex动画用的。
3.问:什么东西用得到?
读条皮肤里面有个Lighting和Animate这两个原件,这两个原件如果想要使用,它们必须使用该格式。(如果你不需要这个就可以不做这个东西)。
4.问:Lighting是什么?
首先你可以先阅读下
《文件结构说明》,那么Lighting就是高光(它的英文意思就是亮光),你想象一下读条在前进的时候,最靠前那个东东,我们希望有点火箭冲起来的感觉~。
它需要你皮肤文件夹下存在Lighting.UITex和Lighting.tga两个文件来支持,它默认的效果就是在进度条的进度所在位置并始终跟随。
比如插件里皮肤
Skin_Org这个,这个元件本身看起来是静态的,但是也是需要两个格式的文件,那么你就可以做一个
UITex动画,让里面2个帧都是一样的(好,如果这句话你没听懂先别急,下面解释)。
又比如插件里皮肤
Skin_SimplePink这个,这个高光则是星星们闪啊闪的,这个东东就是需要用到今天要学习的。
总之你明白,高光是一个跟随进度条的元件,当然这个位置你可以自己进行微调,它可以是动画,但是不管它是要动画还是不动画,你都需要
Lighting.UITex和Lighting.tga这两个文件来支持。
5.问:Animate又是什么?
Animate是动画的意思,同理,如果你希望需要这个原件来做支持,也需要Animate.UITex和Animate.tga这两个文件来支持。
那Animate和上面的高光有什么区别?Animate我们最初设计的时候呢,你可以理解成是QQ空间挂件。
所以它就是一个装饰品,但是为了避免过于繁冗,所以,你所有的挂件配饰都合在一个图上好了。就像平时我们看到gif动画,你可以理解成是把每个帧通过前面软件转成Animate.UITex和Animate.tga这个格式。
Animate另外就是还可以设置状态,就是静止 或者 跟随,而高光就是固定跟随的。
6.问:什么是帧?
来个gif示例,比如我们在TB经常看到的钻石图片:
闪闪的看起来很好吃的样子~!然后我们用Photoshop软件(
点击下载PS CC 14.2)打开。
(PS的安装如出现问题啥的请
查看此文,已经装了PS的无视。)
你会发现图层是这样的:
古老的动画,就是通过这种形式,一个个瞬间,然后切换,来达到动画的效果。
7.生成步骤:
步骤一.将每一个帧保存为TGA- 然后我们得到了7个帧的TGA文件。
test.zip
(2.09 KB, 下载次数: 4)
- 你可以下载上面这个已经转好格式的帧组,按照下面的步骤动手实测一下。
步骤二:拖入帧- 打开前面下载的工具,启动UITexMaker.exe。
- 将这7个帧按顺序拖到软件右侧区域(或者按住ctrl按住顺序选择,然后一起拖进去)。我们看到这样:
步骤三:设置数值
-
- Group,代表组,一般来说你只需要一个组,全部填为0,双击后单击在里面写即可。
- Gindex,代表索引,一般来说你保持和Frame的顺序一致即可,编程中通常都是从0开始计数的,不是从1。所以上面的组也表示第一个组,这里的0~6就分别表示了第1~第7张图。
- Delay,延迟时间,即每个动画帧的间隔时间是多少,编程中一般以毫秒计算,1秒=1000毫秒,如果你希望间隔1秒钟,则填1000,如果希望直接马上一个个闪过去,就填0,常用过度动画我们经常会设置200,300,500这三个数值。
- X,Y,Width,Height,软件默认已经为我们生成了,默认是按水平排列的,这个不用去动了,它的原理和CSS中的雪碧图是一样的。
步骤四:导出文件
- 勾选上保存UItex和Tga(此时生成的TGA是一个拼合过的TGA雪碧图),然后点击另存为。
- 如果需要弄其它的,可以点击“关闭工程”,继续处理下一个。
- 最后把生成的UITex和TGA文件剪切到皮肤文件夹下即可,两个文件都要拷喔!
步骤五:静态的Lighting或Animate
- 由于必须至少有2个帧才能正常,所以假如我们的高光或挂件我希望就是静态的摆在那,那你就可以把那个图片保存2次,然后拖进去,这样相当于在2个一样的图片间切换,就看不出什么改变了。这样看起来就是静态的。
- 但是值得注意的是Lighting和Animate就是必须都存在UITex,因为插件读的是这个文件。
步骤六:调试效果和数值
- 当你修改了文件后,你需要大退一下游戏才能生效看到新做的元件。
- 在修改参数设置中,你需要勾选上动画或高光后面的“显示”,你才能看见。
- Light如果是动画帧的话,则它的高度是实际高度/n(这设定应该算bug)。
- 尽管如此,在实际制作中,总之你可能需要对light还要多作一些数值调整,包括偏移和尺寸。所以进去的时候如果发现变形了不用急,自己看着调吧。
8.我不会画图啊!
有了动画的装扮,会让读条看起来更生动呢~!
什么?不会画图?不会作图也没关系啊。
读条本身的话直接搜索“读条”、“进度条”、“loading”等关键词的图片。
动画挂件可以搜索QQ空间挂件,或者在
素材中国和
昵图网等素材站找些素材。
剩下自己拼合发挥想象就可以啦!!!
你们的表情包那么多,我知道的!!
以下可以无视:
UITex解析:(还是小雪当年的那张图)