恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

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

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
游戏动效基础---Day01.特效贴图基础
0.0°
2019-02-12 原创文章 经验/观点 举报 2574 6 7 0


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



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


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



更新:2019-02-12

收藏

6人已收藏

粉红色的鸡叔

蓝色,我要更多的蓝色。

  • 62

    作品

  • 2072

    粉丝

  • 14

    关注

  • MG动画与游戏动效
  • 和平精英LOGO演绎
  • 动效笔记
  • 游戏动效基础---Day06.U3D粒子篝火

    猜你喜欢

      2019-02-12 原创文章 经验/观点 举报 2574 6 7 0

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

      0.0°

      你确定要举报游戏动效基础---Day01.特效贴图基础

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年02月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录