[打印本页]
小雪读条皮肤Uitex动画制作详细教程
作者: 浮烟    时间: 2016-05-15 01:50

标题: 小雪读条皮肤Uitex动画制作详细教程

JX3PVE独家专稿,转载需授权,By@浮烟烟烟烟烟烟

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

步骤二:拖入帧
步骤三:设置数值

步骤四:导出文件


步骤五:静态的Lighting或Animate

步骤六:调试效果和数值

8.我不会画图啊!
有了动画的装扮,会让读条看起来更生动呢~!
什么?不会画图?不会作图也没关系啊。
读条本身的话直接搜索“读条”、“进度条”、“loading”等关键词的图片。
动画挂件可以搜索QQ空间挂件,或者在素材中国昵图网等素材站找些素材。
剩下自己拼合发挥想象就可以啦!!!
你们的表情包那么多,我知道的!!


以下可以无视:
UITex解析:(还是小雪当年的那张图)


作者: xuezhan    时间: 2016-08-14 13:57
1111111111111
作者: 一风之泣一    时间: 2016-11-25 16:03
SDFSF