echart 固定刻度文字宽度_(图文+视频)C4D野教程:一起来制作一个炸毛了的文字动画吧...

1eee2d795981810ee4db39cb410a102f.png

39e36885ca97202f7a50faca7867086b.png

听说再不更新就要给我寄刀片了:

ac8d794910dd5a16cfa759402750d189.png

好吧,时间有限,先看问题吧:

d2188967f7390620641422dbf1188716.png

微博上收到一个动画效果的问题,我们导出动图来看看吧:

cacfb23167eaec9907a74423e513f02e.gif

动图压缩的比较厉害,大家知道那个意思就好。大概就是文字先随机的晃动,晃动着晃动着就炸毛了。

这个效果其实是典型的C4D毛发的运用,包括还有其他一些鹿友的问题:

9bf4f1be471eddeffec3bdfae77f7561.png

99b4bd921b18fdc27d700a7a99582833.png

C4D的毛发功能其实很强大,并且也非常容易出效果,以上几位鹿友问的效果图其实只是用到了毛发里比较常见的一些功能。

来吧,今天我们就来看看如何制作一个炸毛了的文字动画吧!

b0d1e8fd2cd0b79d7a1513943134b0bb.gif

打开C4D,把帧速率设置为25帧,总共就做200帧也就是8秒的动画吧:

27e21848ca4786a10fac3e0d72066ff8.png

新建一个文本对象,输入文字,选择一个比较粗一点的字体吧。

至于深度以及水平间隔这个大家看着办就好,记得把差值方式选为统一:

f7fde0a8d4c6b48f44c831265976e841.png

封顶的参数大家看着办就好,勾选创建单一对象以及圆角UVW保持外形。

类型选择为四边形,勾选标准网格,宽度适当调整一下就好,这样文字的布线会相当均匀一点:

9bcc3a2cea4c1bdf0f008f24faf64025.png

再给文字添加细分曲面,细分数2就好了:

85a90c32e1a77f73fe0bb9fc0e8c32d0.png

然后将细分曲面的两个对象连接成为一个对象并且切换到点级别优化一下:

ac3b195dc3d436d5a2cf4d3b96865f98.png

先做晃来晃去的动画吧,给对象添加一个振动标签:

e69fd3d9f9a47d5641b4040cded58f25.png

勾选启用位置,关键帧的位置大家凭感觉来吧,我这里是在39帧以前,让振动的位移为10,频率2:

25a8cab8953ee6ae0106ae3e7c844837.png

到100帧的时候,让位移变成20,频率3:

7277b23fb8baa7a31c4072066084a943.png

到200帧的时候,位移变成0,频率为2,这样字母就有一开始晃动,中间剧烈晃动然后慢慢停下来的感觉了:

b8437262eb3cc17928447fbff0de531b.png

晃动的动画做好了以后,就可以添加毛发了,选中对象执行模拟-毛发对象-添加毛发:

7ad602b1629ad4ab85eebdd2cd5cc4d2.png

这里引导线以及毛发的参数含义大家需要区分一下,简单理解,引导线是视图用于控制毛发的形态或者分布等,不代表毛发最终渲染的数量。

如果数量多了操作起来会很卡,所以可以让引导线的数量少一点。

而毛发参数中的数量就代表着最终渲染的毛发数量,例如我这里是30W根:

76e955ca90adc119b8dddbeff6e93b88.png

因为对于毛发材质来说,灯光也很重要,所以先打灯吧,然后再看着效果调整材质。

如图所示,我就很常规的打了三盏灯,至于灯光的强弱大家看着效果来吧:

6a290e8d47714729d9b15e8aae1970a3.png

上材质吧,新建材质球拖给文字,在颜色通道中加载一张贴图:

91d747480d3c85aba2bcce587a117415.png

反射通道我就随意的改了一下默认高光的参数,然后给了一个菲涅尔遮罩,让正面看起来反射不那么强烈:

a3bfbbf80376e453ef9a93d937545a0e.png

毛发材质里,颜色通道里发根加载同样的贴图:

f8e213676c6839a6c4febb472ab9f1a0.png

高光通道里,降低一下强度等:

1f7c429bd2fe2532f1f0e4e24a520f41.png

粗细也搞一下吧:

2fdc5cf2c3d7ebb949fd52da9ccd569e.png

长度同样搞搞,这些都是看着效果来的哈,参数不是唯一:

921ae3a6acb5b4e3701726ab4717e95b.png

比例也搞搞:

a21b84ea342b3c6a369a371638805845.png

最后再搞点集束:

3fd0f5f3c5fbdbf2e3ae37a12421822c.png

接下来可以做毛发的动画了,首先大家要记住一点,毛发对象的影响面板有一个重力数值默认是-9.81。

所以毛发材质自带了一个动力学会受到重力的影响:

58c0261474c0ccad30ebe61f33d1e2d3.png

毛发材质里,我们让文字一开始没有毛发,所以长度大概在20帧的样子为0打上关键帧:

70ef0a094aa0aa6108ccd7ebe214dd48.png

由于我们刚才做振动动画的时候,100帧是最剧烈的那个点,所以100帧的时候让长度恢复到80%:

1c41951e828ff20d6071281098318f66.png

同时毛发对象里,第0帧的时候先把启用关闭打上关键帧:

5742d6fc7f256b1ef8131f7a302eabe0.png

然后第20帧的时候,勾选启用再打上关键帧,这样毛发就会从第20帧才开始起作用,并且长度有一个0到80的变化:

681701070cef1167e07fe6aea155ef85.png

动力学面板里,我们让保持静止的数值在50帧以前都是0:

63be873cdf47a8eb9ea5f929976a16c9.png

第100帧晃动得最厉害的时候,让保持静止的参数为80:

a795c5455ddd16f0740f668539c57a54.png

然后在最后一帧的时候,静止保持的参数为50打上关键帧。

这样通过引导线我们就可以看到毛发看起来就是一开始比较软,在晃动最厉害的时候炸毛了,然后慢慢又软下来的感觉:

62be18515de08ec858154e300115f3e0.png

到这里其实动画其实基本上就制作好了,但是还有一点需要注意一下,因为我们的毛发实际是从第20帧才开始出现的:

768a4c7c9ef26e73a25cb19420b59b7f.png

由于毛发、文字都会受到灯光的影响,再加上毛发的投影一系列原因会导致有了毛发以后的文字总体看起来明显比没有毛发之前暗。

如果做成动画的话,这样看起来就会比较突兀:

c462f6091d707069cffd2d8c55ab0312.png

所以我这里采用的办法是在20帧之前,让对象正面的灯光强度降低一点:

2c608e6984ade4f4153d84ebe8c11f8a.png

让它在下一帧的时候,再立刻恢复强度,这样看起来亮度的过渡就没有那么突兀了:

56aff2f1e6f4123e2f993f6eaf2ce846.png

摄像机固定视角,这一步不用说吧:

1fa0620f80bb0c33d417229c6beea158.png

然后设置里设置渲染出图的尺寸以及帧速率,渲染全部帧:

05a241e34b636c2f3f147a83ea1d906e.png

保存格式为png,勾选A通道:

c768e6be9465d7e58baa226345fcb525.png

抗锯齿也可以给一下:

c37ff9366eae945665c1cbfacc4f8634.png

最后再导入到PS里加个背景、调色看看静图和动图的效果吧:

88b79f9c6be76c00e592df673e97618e.png

9788ab10361d31b998c4c3b93e4b4128.gif

唉,动图压缩的厉害,还是看看今天的视频版吧:

cfb2fd30ff920d33532e7f202d4ca6e4.png
https://www.zhihu.com/video/1094547558151614464

其实今天的内容我反复渲染了三次看效果,每次渲染都要3个多小时,然后最后选了一个自己觉得稍微满意一点的效果。

嘛~反正做动画就是的耐心反复尝试吧!

好啦,今天的分享就到这里,想要源文件以及原视频的童鞋后台撩我获取吧!

更多内容欢迎关注公众号:

公众号:野鹿志

老鹿微信:maluyelang6666

苦七微信:766057766

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值