搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
(图文+视频)C4D野教程:一起来制作一个炸毛了的文字动画吧
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
制作
动画
文字
起来
图文
UI课程
发布时间:2020-05-08
关注
听说再不更新就要给我寄刀片了:
好吧,时间有限,先看问题吧:
微博上收到一个动画效果的问题,我们导出动图来看看吧:
动图压缩的比较厉害,大家知道那个意思就好。大概就是文字先随机的晃动,晃动着晃动着就炸毛了。这个效果其实是典型的C4D毛发的运用,包括还有其他一些鹿友的问题:
C4D的毛发功能其实很强大,并且也非常容易出效果,以上几位鹿友问的效果图其实只是用到了毛发里比较常见的一些功能。
来吧,今天我们就来看看如何制作一个炸毛了的文字动画吧!
打开C4D,把帧速率设置为25帧,总共就做200帧也就是8秒的动画吧:
新建一个文本对象,输入文字,选择一个比较粗一点的字体吧。
至于深度以及水平间隔这个大家看着办就好,记得把差值方式选为统一:
封顶的参数大家看着办就好,勾选创建单一对象以及圆角UVW保持外形。
类型选择为四边形,勾选标准网格,宽度适当调整一下就好,这样文字的布线会相当均匀一点:
再给文字添加细分曲面,细分数2就好了:
然后将细分曲面的两个对象连接成为一个对象并且切换到点级别优化一下:
先做晃来晃去的动画吧,给对象添加一个振动标签:
勾选启用位置,关键帧的位置大家凭感觉来吧,我这里是在39帧以前,让振动的位移为10,频率2:
到100帧的时候,让位移变成20,频率3:
到200帧的时候,位移变成0,频率为2,这样字母就有一开始晃动,中间剧烈晃动然后慢慢停下来的感觉了:
晃动的动画做好了以后,就可以添加毛发了,选中对象执行模拟-毛发对象-添加毛发:
这里引导线以及毛发的参数含义大家需要区分一下,简单理解,引导线是视图用于控制毛发的形态或者分布等,不代表毛发最终渲染的数量。如果数量多了操作起来会很卡,所以可以让引导线的数量少一点。而毛发参数中的数量就代表着最终渲染的毛发数量,例如我这里是30W根:
因为对于毛发材质来说,灯光也很重要,所以先打灯吧,然后再看着效果调整材质。如图所示,我就很常规的打了三盏灯,至于灯光的强弱大家看着效果来吧:
上材质吧,新建材质球拖给文字,在颜色通道中加载一张贴图:
反射通道我就随意的改了一下默认高光的参数,然后给了一个菲涅尔遮罩,让正面看起来反射不那么强烈:
毛发材质里,颜色通道里发根加载同样的贴图:
高光通道里,降低一下强度等:
粗细也搞一下吧:
长度同样搞搞,这些都是看着效果来的哈,参数不是唯一:
比例也搞搞:
最后再搞点集束:
接下来可以做毛发的动画了,首先大家要记住一点,毛发对象的影响面板有一个重力数值默认是-9.81。
所以毛发材质自带了一个动力学会受到重力的影响:
毛发材质里,我们让文字一开始没有毛发,所以长度大概在20帧的样子为0打上关键帧:
由于我们刚才做振动动画的时候,100帧是最剧烈的那个点,所以100帧的时候让长度恢复到80%:
同时毛发对象里,第0帧的时候先把启用关闭打上关键帧:
然后第20帧的时候,勾选启用再打上关键帧,这样毛发就会从第20帧才开始起作用,并且长度有一个0到80的变化:
动力学面板里,我们让保持静止的数值在50帧以前都是0:
第100帧晃动得最厉害的时候,让保持静止的参数为80:
然后在最后一帧的时候,静止保持的参数为50打上关键帧。
这样通过引导线我们就可以看到毛发看起来就是一开始比较软,在晃动最厉害的时候炸毛了,然后慢慢又软下来的感觉:
到这里其实动画其实基本上就制作好了,但是还有一点需要注意一下,因为我们的毛发实际是从第20帧才开始出现的:
由于毛发、文字都会受到灯光的影响,再加上毛发的投影一系列原因会导致有了毛发以后的文字总体看起来明显比没有毛发之前暗。如果做成动画的话,这样看起来就会比较突兀:
所以我这里采用的办法是在20帧之前,让对象正面的灯光强度降低一点:
让它在下一帧的时候,再立刻恢复强度,这样看起来亮度的过渡就没有那么突兀了:
摄像机固定视角,这一步不用说吧:
然后设置里设置渲染出图的尺寸以及帧速率,渲染全部帧:
保存格式为png,勾选A通道:
抗锯齿也可以给一下:
最后再导入到PS里加个背景、调色看看静图和动图的效果吧:
唉,动图压缩的厉害,还是看看今天的视频版吧:
其实今天的内容我反复渲染了三次看效果,每次渲染都要3个多小时,然后最后选了一个自己觉得稍微满意一点的效果。
嘛~反正做动画就是的耐心反复尝试吧!好啦,今天的分享就到这里,想要源文件以及原视频的童鞋后台
撩我获取吧!
更多内容欢迎关注公众号:公众号:野鹿志老鹿微信:maluyelang6666苦七微信:766057766本文由“野鹿志”发布转载前请联系马鹿野郎私转必究
UI课程作品
(图文+视频)C4D野教程:一起来制作一个炸毛了的文字动画吧相关作品
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
线性图标
收藏
非衬线字体
收藏
书法字体
收藏
多色图标
收藏
线性图标
收藏
多色图标
收藏
加载loading
收藏
多色图标
Load More