搜UI
  • 免费下载
  • 设计灵感
  • 设计规范
  • 👑 充值会员
    • 流体渐变
    • 渐变配色
    • 色彩搭配
  • 注册
  • 登录
  • 首页
  • 探索
  • 素材分类
  • 素材专辑
  • UI设计
    • APP设计
    • 原型demo
    • GUI
    • 小程序界面
  • 网页UI
    • 网页设计
    • 原型demo
    • 软件设计
  • 字体下载
    • 衬线字体
    • 非衬线字体
    • 圆角字体
    • 手写字体
    • 网页字体
    • 图标字体
    • 书法字体
  • 交互动效
    • 加载loading
    • 转场动效
  • ICON图标
    • 面性图标
    • 线性图标
    • 拟物图标
    • 2.5D图标
    • 卡通图标
    • 像素图标
    • 按钮图标
    • 多色图标
    • 活动图标
  • 插图/插画
    • 扁平化插画
    • 多彩渐变插画
    • 2.5D插画
  • 样机贴图
    • 手机样机
    • 名片样机
    • 动画样机
    • 电脑样机
    • 笔记本样机
    • 穿戴设备样机
    • UI作品样机
  • 设计导航
  • 首页
  • 探索
  • 素材分类
  • 素材专辑
  • UI设计
  • 网页UI
  • 字体下载
  • 交互动效
  • ICON图标
  • 插图/插画
  • 样机贴图
  • 设计导航

(图文+视频)C4D野教程:一起来制作一个炸毛了的文字动画吧

搜UI > 文章/作品 > 设计教程 > 设计规范

收藏
0加入专辑
© 共享素材,请勿商用
举报
制作 动画 文字 起来 图文
会员
UI课程
UI课程 发布时间:2020-05-08
关注

155374730551266701.png

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

155374730588375394.png

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

1553747306131463187.png

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

1553747306157421971.gif

1553747306157421971.gif
动图压缩的比较厉害,大家知道那个意思就好。大概就是文字先随机的晃动,晃动着晃动着就炸毛了。这个效果其实是典型的C4D毛发的运用,包括还有其他一些鹿友的问题:

155374730659411230.png

155374730659411230.png

1553747306138191046.png

1553747306138191046.png
C4D的毛发功能其实很强大,并且也非常容易出效果,以上几位鹿友问的效果图其实只是用到了毛发里比较常见的一些功能。来吧,今天我们就来看看如何制作一个炸毛了的文字动画吧!

155374730662308921.gif

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

155374730753836223.png

155374730753836223.png
新建一个文本对象,输入文字,选择一个比较粗一点的字体吧。至于深度以及水平间隔这个大家看着办就好,记得把差值方式选为统一:

1553747307142635492.png

1553747307142635492.png
封顶的参数大家看着办就好,勾选创建单一对象以及圆角UVW保持外形。类型选择为四边形,勾选标准网格,宽度适当调整一下就好,这样文字的布线会相当均匀一点:

1553747307154176456.png

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

155374730773568340.png

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

1553747307104843732.png

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

1553747308100595317.png

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

1553747308160745614.png

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

1553747308135658150.png

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

1553747308197490021.png

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

155374730875284781.png

155374730875284781.png
这里引导线以及毛发的参数含义大家需要区分一下,简单理解,引导线是视图用于控制毛发的形态或者分布等,不代表毛发最终渲染的数量。如果数量多了操作起来会很卡,所以可以让引导线的数量少一点。而毛发参数中的数量就代表着最终渲染的毛发数量,例如我这里是30W根:

155374730969892749.png

155374730969892749.png
因为对于毛发材质来说,灯光也很重要,所以先打灯吧,然后再看着效果调整材质。如图所示,我就很常规的打了三盏灯,至于灯光的强弱大家看着效果来吧:

1553747309177263238.png

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

1553747309140675576.png

1553747309140675576.png
反射通道我就随意的改了一下默认高光的参数,然后给了一个菲涅尔遮罩,让正面看起来反射不那么强烈:
毛发材质里,颜色通道里发根加载同样的贴图:
高光通道里,降低一下强度等:
粗细也搞一下吧:
长度同样搞搞,这些都是看着效果来的哈,参数不是唯一:
比例也搞搞:
最后再搞点集束:
接下来可以做毛发的动画了,首先大家要记住一点,毛发对象的影响面板有一个重力数值默认是-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野教程:一起来制作一个炸毛了的文字动画吧相关作品

收藏
设计规范
如何用PS制作黑暗的哑光绘画?
如何用PS制作黑暗的哑光绘画?
收藏
设计规范
如何制作几何线条图案
如何制作几何线条图案
收藏
设计规范
设计师如何更好地制作HDR图像?
设计师如何更好地制作HDR图像?
收藏
设计规范
直通车制作思路解析-关于直通车制作的一些思考
直通车制作思路解析-关于直通车制作的一些思考
收藏
设计规范
(图文+视频)C4D野教程:来自没有XP4.0用户最后的挣扎
(图文+视频)C4D野教程:来自没有XP4.0用户最后的挣扎
收藏
设计规范
(图文+视频)C4D野教程:四组魔性循环动画的制作方法
(图文+视频)C4D野教程:四组魔性循环动画的制作方法
收藏
设计规范
(图文+视频)C4D野教程:另外四组魔性循环动画的制作方法
(图文+视频)C4D野教程:另外四组魔性循环动画的制作方法
  • 其他设计规范
  • 最新素材

其他设计规范

收藏
设计规范
第三期·原汁机场景搭建改稿
第三期·原汁机场景搭建改稿
收藏
设计规范
海报创意方法——隐晦的性感
海报创意方法——隐晦的性感
收藏
设计规范
教你9个正文编排技巧,从打字员进阶设计师
教你9个正文编排技巧,从打字员进阶设计师
收藏
设计规范
(图文+视频)Ai+Ps野教程:超级简单的楼梯油漆字效果海报
(图文+视频)Ai+Ps野教程:超级简单的楼梯油漆字效果海报
收藏
设计规范
解析版式高级知识——复合网格
解析版式高级知识——复合网格
收藏
设计规范
设计师不可放弃的 冷门小操作,正在输入.... 重命名
设计师不可放弃的 冷门小操作,正在输入.... 重命名
收藏
设计规范
浅谈设计中的画面“黑白”关系
浅谈设计中的画面“黑白”关系
收藏
设计规范
(图文+视频)C4D野教程:TFD详细概述及烟雾动画小案例
(图文+视频)C4D野教程:TFD详细概述及烟雾动画小案例
Load More

最新素材

收藏
原型demo
最佳线框套件 Optimum Wireframe kit
最佳线框套件 Optimum Wireframe kit
adobe-xd
收藏
像素图标
1000+像素图标
1000+像素图标
IllustratorSketchadobe-xd
收藏
衬线字体
Brewski Brewery Typeface
Brewski Brewery Typeface
收藏
非衬线字体
MOAM91
MOAM91
收藏
原型demo
Web应用程序仪表板UI套件
Web应用程序仪表板UI套件
Sketchfigma
收藏
2.5D图标
丰富多彩的游戏图标
丰富多彩的游戏图标
Photoshop
收藏
拟物图标
拆箱插图图标套件
拆箱插图图标套件
PhotoshopIllustratorSketch
收藏
多色图标
太空探索者图标
太空探索者图标
Illustrator
Load More