您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

游戏动效基础---Day01.特效贴图基础

原创文章 分类: 经验/观点 版权:
321 0 0 0
2019-02-12
1.6
编辑推荐


01.概况简介:


游戏动效实际上,包含两个方面,动画+特效。动画这方面我还熟悉一点,但是游戏特效这块完全是0基础。最近会更谢关于游戏特效的帖子,记录自己的学习历程。


游戏特效,不仅仅依赖引擎自带的粒子系统,还要依靠各类贴图才能逐步完成所需要的特效效果。同时,游戏引擎不是AE,没有内置的强大效果插件,所以原来做影视特效的很多便利制作方式,就不能使用了。


但每次挑战,都是进步的开始。我们上。


所需软件:AfterEffect,PhotoShop (任意版本均可);
所需插件:AE蓝宝石插件,关键词:Sapphire 11.0.1 Adobe MAC/WIN.rar;
所需机器:MAC/WIN,均可.

影视特效当中,我们通常使用各类插件来做特效。


Image title

比如说起光,我们就会使用OP光效插件,LightFactory。并且随着UI动效的普及,大家对AE和插件的使用愈发精湛,我就不废话了。


但是在游戏特效当中,利用贴图+模型+UV动画,则是最常见的手段。这是游戏引擎所决定的,所以在做游戏动效的特效部分时候,就要放弃之前的很多经验,从头开始。


Image title


上文说过,特效贴图,简而言之,有特殊纹理的正方形图片。

这就是一张,我做了一半的特效贴图。


Image title



02.贴图基本需求


手游的特效贴图,需要满足如下一些基本参数要求:


图片格式:TGA,PNG,DDS,【三种图片都包含通道,DDS需要使用特定软件查看】


图片大小:2的N次幂,64*64,128*128,256*256,512*512,通常不大于1024*1024【同样一张贴图,可以按照512绘制,然后降幂来进行压缩,从而保证贴图质量】


疑问:为什么贴图不能随便画,我画个129*129的,难道不行吗?
解答:所以如果制作成129*129的贴图它在显存中的大小就会变成256*256,这样就造成了不必要的显存开销,就算制作成128*512的贴图,它在显存中的大小也是512*512,所以尽量采用正方形的贴图。


图片命名规范:需要根据项目组的技术要求来。【比如一张火焰贴图,我们可以命名为Effect.Fire_Tex.png ,其他材质换名字,加数字就好了】


03.贴图基本绘制方式


画贴图其实是一个特效师的基本功,所以我们还是需要不断了解和练习的。关于软件选择,AfterEffect和PhotoShop都可以画贴图,甚至我有时候觉得AE画贴图比PS要更为的给力,因为AE的插件多!


PS绘制贴图基本流程,其实用AE更快,但是学习不能图快,要稳扎稳打。


案例01.常见环形光芒


001.先设置贴图文档


Image title



002.使用形状工具(下一个案例用笔刷),绘制横向线条,然后翻转90度,如下所示;


Image title



002.使用滤镜——风格化——大风,再使用滤镜——模糊——动感模糊


Image title


003.接着,请务必将贴图转成水平方向,然后使用滤镜——扭曲——极坐标,然后可以根据自己的需求调整所需细节;


Image title


这样我们实际上就在PS当中进行了一个最基础贴图的绘制,按照之前所说的导出格式,扔到Unity里面就能使用了。



案例02.常见冲击波贴图


001.文档设置同上


002.这次我们尝试使用笔刷,来绘制所需的线条。



Image title


003.这次我们还是翻转90度,还是使用滤镜——风格化——风,再使用滤镜——模糊——动感模糊。我们会发现,实际上,风滤镜,实际上效果比大风要更细腻。


Image title


004.接着,请务必将贴图转成水平方向,然后使用滤镜——扭曲——极坐标,然后可以根据自己的需求调整所需细节;


Image title


我们可以扔进Unity里面去着色,然后做个冲击波了。



案例03.常见拉丝刀光贴图制作


001.文档设置同上


002.制作风场拉丝线条,道理同上,然后压缩高度


Image title



003.拉伸后直接上极坐标,拉丝刀光效果就出现。


Image title



案例04.烟雾贴图绘制


001.本案例使用AE制作和蓝宝石插件。先把AfterEffect打开,设置参数大小跟PS一样就好了,此处省略;


002.MAC版本蓝宝石插件破解方法,大家可以看一下这个网站,很清楚,不赘述;

http://www.sohu.com/a/279612208_120031027


003.使用蓝宝石插件的S_WipeBlobs(翻译过来应该是斑点擦除),调节参数,可以达到如下效果;


Image title


004.给图层打合成,添加效果——极坐标,参数如图,基本效果就出来了;


Image title



这就是基础特效贴图的绘制思路。


下次我们看看如何使用这些绘制好的基础贴图。



粉红色的鸡叔

蓝色,我要更多的蓝色。

1994粉丝/14关注

“劳模勋章”之锄头勋章活雷锋小有名气首页达人小有见解
游戏动效基础---Day06.U3D粒子篝火游戏动效基础---Day05.MG专题分享

扫描二维码
去手机端查看海报

粉红色的鸡叔

TA已经获得11枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN