搜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
关注

1565100558118251463.png

1565100558118251463.png
最近老往医院跑,更文可能会滞后,请谅解。但是还是可能会有广告,因为缺钱,医院开销大。来一个简单的吧:

156510055882810911.png

156510055882810911.png
群里发了一个视频,我压成动图来看看吧:

156510055894413908.gif

156510055894413908.gif
效果源于网络 如侵请联删
这个动图效果其实如果之前有看过9种循环动画的文章的鹿友,应该会做的出来:

1565100559146648713.png

1565100559146648713.png
就是用样条约束做出来的,区别是之前的动图是贴图,这个文字有厚度,是实实在在的模型。来吧,我们就再做一次样条约束的文字动画案例吧。

1565100561133150774.gif

1565100561133150774.gif
打开C4D,新建一个文本样条,选择一个合适的字体,尺寸略微缩小一点,文本输入S:

1565100561201031244.png

1565100561201031244.png
再新建一个运动图形模块的文本对象,选一个合适的字体,同样也缩小一点,厚度的话我觉得0.5就可以了。由于后面我们会用到样条约束,样条约束会将对象进行扭曲,所以点差值方式那里选为统一,数量稍微提高一点数量:

1565100561141236005.png

1565100561141236005.png
封顶里面,类型选择为四边形,勾选标准网格,然后宽度为0.5cm,这样的话我觉得分段数就足够多,扭曲的时候不容易变形,也不会太卡:

1565100562194378128.png

1565100562194378128.png
新建样条约束,让样条约束成为文本对象的子集,把文本样条拖给样条约束,为了防止文本被拉伸,把模式选择为保持长度:

156510056282624724.png

156510056282624724.png
接下来你只需要在偏移那里首尾打上关键帧,动画就做好了,相当简单吧:

156510056250606431.png

156510056250606431.png
材质渲染这块我还是用的OC,很多鹿友问我为什么老用OC,因为OC确实快,而且出效果容易,不是N卡的鹿友请见谅哈:

15651005631173068.png

15651005631173068.png
先设置好渲染出图的尺寸,并且新建摄像机固定好视角:

156510056324795380.png

156510056324795380.png
文本的材质就设置一个普通的白色材质就可以了:

156510056473812029.png

156510056473812029.png
摄像机视角以及材质都弄好了以后,就可以切换到顶视图,将试图改为透视视图,显示方式改为光影着色,在另外一个视窗里去打光:

156510056450204040.png

156510056450204040.png
先打一个主光,色温可以稍微降低一样,让灯光偏暖一点:

1565100564164759536.png

1565100564164759536.png
再在文字的背后补一盏灯,降低强度,让文字背面不是死黑一片就行:

156510056516594140.png

156510056516594140.png
差不多就可以渲染出图了,渲染设置里这里可以把反射的计算次数改为0,因为这个场景本来就没有反射材质,这样可以提高渲染的速度。渲染其实就是一个平衡质量以及效率的游戏,这个得多尝试,记得勾选Alpha通道:

156510056891352326.png

156510056891352326.png
最后渲染出图看看效果吧:

1565100571121000719.gif

1565100571121000719.gif
大概就是这样,下面是今天的视频版
好了,今天的内容就分享到这里 ,想要源文件以及原视频的童鞋后台撩我获取吧!更多内容欢迎关注公众号:公众号:野鹿志老鹿微信:maluyelang6666苦七微信:766057766本文由“野鹿志”发布转载前请联系马鹿野郎私转必究

UI自学作品

(图文+视频)C4D野教程:样条约束文字动画小案例相关作品

收藏
设计规范
(图文+视频)C4D野教程:来自没有XP4.0用户最后的挣扎
(图文+视频)C4D野教程:来自没有XP4.0用户最后的挣扎
收藏
设计规范
(图文+视频)C4D野教程:四组魔性循环动画的制作方法
(图文+视频)C4D野教程:四组魔性循环动画的制作方法
收藏
设计规范
(图文+视频)C4D野教程:另外四组魔性循环动画的制作方法
(图文+视频)C4D野教程:另外四组魔性循环动画的制作方法
收藏
设计规范
(图文+视频)C4D野教程:教你制作灵动的波纹球体动画
(图文+视频)C4D野教程:教你制作灵动的波纹球体动画
收藏
设计规范
(图文+视频)Ai+Ps野教程:那种条纹立体数字的制作思路
(图文+视频)Ai+Ps野教程:那种条纹立体数字的制作思路
收藏
设计规范
(图文+视频)C4D野教程:NASA的那种动图是怎么做的
(图文+视频)C4D野教程:NASA的那种动图是怎么做的
  • 其他设计规范
  • 最新素材

其他设计规范

收藏
设计规范
设计师的十大痛苦,你经历过哪些?
设计师的十大痛苦,你经历过哪些?
收藏
设计规范
第一次录视频有点紧张,也欢迎大家指出我的问题所在,我也会慢慢改进,争取出一些...
第一次录视频有点紧张,也欢迎大家指出我的问题所在,我也会慢慢改进,争取出一些...
收藏
设计规范
Arnold渲染器,卡通及OSL材质源文件分享
Arnold渲染器,卡通及OSL材质源文件分享
收藏
设计规范
游戏海报参考练习
游戏海报参考练习
收藏
设计规范
两天做了一个数字
两天做了一个数字
收藏
设计规范
侏罗纪世界海报合成教程-第十七弹
侏罗纪世界海报合成教程-第十七弹
收藏
设计规范
面条机合成 有教程  详情主图
面条机合成 有教程 详情主图
收藏
设计规范
丸和——海鲜的卡通吉祥物LOGO+包装
丸和——海鲜的卡通吉祥物LOGO+包装
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