教你用C4D,玩转超酷的三维动态字体设计~

 最毕设 の 设计学习台 


如何将字体做成三维?
如何将三维字体做成会动的?​

本期小教程将会
带大家从零开始
制作一个完整的动态字体

使用到的软件:

Adobe illustration + Cinema 4D

先给大家介绍一下这个三维字体的制作原理:

首先是在AI中创建字体的曲线路径 > 将字体曲线导入C4D转换为曲线管子 > 形体调整并添加材质 > 在C4D中创建生成动画 > 输出

 Tips:

小编特意为大家整理了本次的教程所需的字体、材质等素材。
「最毕设」公众号后台回复「C4D」即可获取

Step 1

在AI中输入文字内容

按「T」快捷键,输入你的文本内容并将字体调整为Amplify (商用需购买哟~)

Step 2

在 AI 中用钢笔工具描绘

选择输入的文本,按「cmd+2」锁定
按键盘「P」,选择钢笔工具按照文本的线条描绘

Step 3

存储为 AI8 格式的文档

Step 4

将AI文档拖入至C4D软件

Step 5

新建一个圆,调为合适尺寸(三维字体粗细度)

在右边物件栏,点选圆后。下方属性菜单修改圆的半径。

Step 6

单轨放样

切换为透视视角(鼠标中键点击控制视窗之间切换)将调整好大小的圆(截面形状)以及一个字体路径拖到Sweep的下面,作为子物体

Tips: 图层关系,在sweep下,字体曲线路径一定要放在截面形状下方。一个sweep只能够使用一条曲线路径。

点选sweep之后,在右下角sweep的设置处选择caps,将start和end都设置为Fillet Cap,Steps设置为3。

复制多个Sweep,替换其中的字体曲线路径。

Step 7

调整线段重复地方

选择所有绿色放样物件,在下方属性栏,选择「Basic」,点击 X-Ray模式。

在右边物件栏选择字体曲线路径,然后再左菜单栏选择点编辑模式。将路径调整为合适的前后关系。

Step 8

新建sky和floor

在场景中新建一个sky和floor,将字体调整在floor的正上方。

Step 9

赋予对应材质

创建一个空集,将所有的字体放样组件都放入这个空集下。

打开预设的材质,将Gold材质拖给「Null」物件赋予,将Floor材质赋予「Floor」物件,Sky 材质赋予「Sky」物件。

Step 10

环境反射设置

sky&floor 赋予compatible标签,并调为不可见。右键点击Floor,选择CINEMA 4D Tags>Compositing

在下方菜单栏中,去掉Seen by Camera处的勾。意思是相机不可见。

按着cmd(alt)键,将Compositing标签拉到sky。即可复制一份到sky。

无法复制的同学请按照上方步骤在sky下再创建一个compositing标签并设置为相机不可见。

Step 11

光的设置

场景中添加一个面光源,并调整为正对字体角度及位置。

Step 12

渲染测试微调

调到一个合适的角度,点击渲染。

Step 13

序列帧设置

开启Autokeying

在进度条,点击第一帧

选中所有放样字体,将属性栏处的Start Growth 设置为100%。并将前面圆圈点击为红色

将时间轴拉至90F

将 Start Growth设置为0%,并开启左边的按钮

此时拉一下时间轴,就可以看到已经有动画啦!

Step 14

导出设置

渲染一共有3个按钮,第一个是「渲染预览」,第二个是「渲染导出」,第三个是「渲染设置」。

点开渲染设置,可以根据需求调整宽度(width)、高度(height)、分辨率(resolution)为合适的尺寸。

如果要渲染单张图片,Frame Range那里只需要开头(From)和结尾(To)固定为一帧即可,如果需要导出动画,则要设置开头(From)为第0帧开始到第90帧。

在Save设置中,点击 File 确定渲染图导出路径,Format可以根据自己的需求选择格式,如果想要透明背景的话则选择 PNG。

Tips:如果是导出动画,C4D 只能通过导出很多张图片再到其他软件合成。所以保存这里一定要指定一个新的文件夹,否则会很难管理哟~

点击「渲染导出」按钮,进度条走完之后。就可以到之前设置的文件夹找到对应的输出图啦~

Step 15.

输出序列帧,导入剪辑软件合成

如果要做出动画的话,还需要将所有的序列帧组合剪辑。这方面使用的工具就很多啦。imovie、Final Cut、PR、PS等等,快根据你的需要将这些序列帧组合成动画或者 GIF 吧!


完成作品后,po到微博@最毕设 给我们看吧!一起学习~



随着社交媒体及电商的发展,动态海报能够更吸睛并快速的传递信息。
而 C4D 结合视觉设计已然成必备技能。

如果你想结合C4D玩出更多视觉新花样,可以了解一下最毕设专门为设计师独家打造的「C4D动态视觉零基础入门课」吧!

11节视频课,面向零基础设计师
系统入门教学C4D
教会你学习思维举一反三

更多课程详情
扫码咨询

AR AR交互 C4D CAA MICA Processing 三维 专访 书籍设计 交互 交互设计 克兰布鲁克艺术学院 全球毕业展 分享会 创意编程 动态 动态平面 动态视觉 动画 品牌 埃因霍芬 多摩美 字体 字体设计 展览 平面 平面设计 广告 插画 攻略 教程 数据可视化 新视野 日本 日本设计观察 武藏美 毕业展 毕设 海报 美国 荷兰 视觉传达 设计 课程 马里兰