搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
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来制作一个框架线条文字吧!
开始之前还是先大体分析一下原图,能够看出原模型字母的框架其实是有点low poly低多边形的感觉,所以我们要先做出一个低多边形的字母模型。另外由于除了框架以外,框架内部还有许多不规则的线条,所以我觉得可能要做两层才可以。
第一层由于晶格是根据模型的布线来使模型产生变化,所以做好low poly的字母模型以后,我们尝试用晶格来做。
第二层的线条我打算用追踪对象来做,追踪对象不仅可以追踪路径,还可以把各个点连接起来。大概初步分析就这么多,具体做的时候我们再看吧。打开C4D,新建文本:
选择一个觉得合适的字体,适当的增加深度,由于我们后面要使用到晶格,所以把光影着色线条打开,方便观察:
点差值方式改为统一,让布线更加均匀一点:
封顶里面把圆角封顶选上,参数默认就可以了,勾选创建单一对象,类型选择为四边形:
添加一个置换变形器,着色面板添加一个噪波,然后适当的调整置换的强度,这一步不用多说吧:
再添加一个减面效果器,适当的调整强度,这样模型上的布线就都成了三角面:
如果你觉得线有点多,只要调整文本中点差值处的数量就可以了:
然后再添加晶格,修改圆柱和球体的半径,这样框架部分就做好了:
我们接下来再看看内部的那些线怎么做吧,选中所有对象,鼠标右键连接对象:
在选中连接后的晶格对象前提下,执行运动图形-追踪对象:
然后再把追踪模式修改为连接所有对象,这样对象就会基于模型的点添加出很多样条来:
但是原图的线是有些地方密集有些地方稀疏,并且字母的中间部分是没有连接起来的。所以我们需要选中晶格对象,在点级别的模式先去手动框选一些点来进行删除:
重复上面连接晶格对象以后的步骤,把这些对象都放进追踪对象里,然后再删除多余的点,这里我就不重复啦:
弄完大概这个样子吧:
由于追踪对象做出来的线是样条,没有办法直接渲染的,所以新建圆环样条和扫描,让追踪对象和圆环成为扫描的子集。当然你也可以添加毛发材质来渲染,这个看个人吧:
你还可以调整细节,例如圆环样条的半径大小以及追踪对象中的样条类型等,这个大家看着效果来吧:
基本上这样就差不多做好了。
当做完才发现好像有一款稻草人插件可以比较简单的来搞定这个效果。。。阿西BUG!我们来看看这个插件如何使用吧,将之前的对象隐藏,然后如图所示新建空白样条:
直接把插件拖进C4D,然后双击红色箭头处,空白样条就会添加一个标签:
直接把文本拖到物体栏,然后把更新打上勾,对象就变成样条了:
同样这些样条是不能被渲染的,所以要用扫描或者毛发材质,这个就不用多说了吧:
插件还可以修改样条的数量,文后我会分享给大家,感兴趣可以自己拿去玩玩看吧。
不过我觉得今天的内容直接用插件没办法那么灵活的表现出原图中线条的部分稀疏部分紧密的效果。而且还是得先用晶格做框架:
材质和渲染方面我就不多说了,总体来说无论是用C4D自带的物理渲染器还是用OC,都会比较卡,毕竟线很多。所以建议可以先暂时关掉扫描,只留下晶格做出的框架部分,然后上材质打灯,搞完以后再开启扫描:
最后渲染出图以后,PS调调色,码字排版导样机看看效果吧:
总体来说今天的内容方法很简单,不过要做好效果还得细调,下面是今天的视频版:
好啦,今天的分享就到这里,想要源文件以及原视频的童鞋后台
撩我获取吧!更多内容欢迎关注公众号:公众号:野鹿志老鹿微信:maluyelang6666苦七微信:766057766本文由“野鹿志”发布转载前请联系马鹿野郎私转必究
UI教程作品
(图文+视频)C4D野教程:那种框架线条的效果是如何制作的?相关作品
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
线性图标
收藏
非衬线字体
收藏
书法字体
收藏
多色图标
收藏
线性图标
收藏
多色图标
收藏
加载loading
收藏
多色图标
Load More