教你用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 吧!

欢迎大家把做完的作品Post到微博并@最毕设,我们一起打卡吧!

随着社交媒体及电商的发展,动态海报能够更吸睛并快速的传递信息。而C4D结合视觉设计已然成为一股新趋势。如果你想结合C4D玩出更多视觉新花样,那快点来报名最毕设的「C4D动态视觉零基础入门视频」吧!

11节视频课,面向零基础设计师
系统入门教学C4D

新春特价优惠持续给力
放假在家也要不断充电

更多课程详情
扫码咨询


如果大家喜欢这类小教程,
也欢迎大家转发分享、留言给小编哦。