illustrator的3D功能教程，教你做出彩的立体字

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

前言：illustrator有很多好用的神技，比如3D功能，可以做出很多花样出来，今天我们来分享一个有趣的2.5D的字效，效果图如下，请各位先瞅一眼：

这个字效是在AI中完成的，利用“3D”-“凸出和斜角”做出厚度，把几个面区分连接，再填充图案，简单容易，很快就能出效果！大家跟随我的节奏快快学起来吧！

一、设计字形

（1）用“矩形工具”设计出字形，为了便于后期制作效果，笔画要尽量粗些、高些：

（2）把字体残忍的分成两部分。画一条直线，选中字体和直线，“路径查找器”，执行左下角的“分割”：

二、做厚度

（1）分别选中上下部分，执行“效果”-“3D”-“凸出和斜角”，设置如下：

（2）调整方向和位置，尽量让连接处大小一样。这时，执行“对象”-“扩展外观”，右键“取消编组”，细心地调整对齐，这一步一定需要点耐心哦：

（3）进一步调整后，选中F字母的上下部分，“形状生成工具”把正面部分连在一起，并填充不同的颜色区分，侧面一样：

（4）有些地方使用“形状生成工具”不适合，我们可以灵活一点，直接用“路径查找器”-“联集”更方便些，比如o字母的侧面可以用这种方法：

（5）亦可以直接用“钢笔工具”，以这些字母厚度为参考，直接在上面勾勒出来，比如N和T，轻松几步之后，立体感已经逐渐显现啦！

三、调整处理细节

（1）把厚度调整得平滑合理些，字母转折的地方处理成圆角，这样的姿势才能更自然耐看：

（2）细心的我，画了几条辅助线，看看哪些地方还不准确，再优化一下下：

（3）全选，添加深色“描边”，侧面填充更亮的颜色，让立体感更明显：

四、添加图案填充

（1）现在整体比较单调，所以决定给字母的正面加上不同的图案。以F为例，利用“路径偏移”，添加一层，然后填充不同的颜色，并调整锚点，增加层次感：

（2）制作填充图案。先画个圆形，填充洋红色，把这个圆形拖进“色板”：

（3）选中黄色字母F，“外观”-“添加新填色”，单击“填色”下拉箭头，选择圆形图案。

（4）如果这不是你想要的效果，那很好办，在“填色”下拉箭头，选择“编辑图案”-单击“图案选项”，可直接调节中间蓝色框的圆形大小，间距调整“宽度”和“高度”，双击即可退出：

（5）要改变“填充图案”的方向，可右键，选择“变换”-“旋转”或者“分别变换”，勾选“变换图案”。其它字母的填充图案也是一样的方法，一会功夫，五彩斑斓的效果就出来啦！

五、加上投影和小装饰

（1）o字母是有弧度的，所以这里就直接加上渐变来表达它的明暗关系：

（2）几个字母之间，有互相遮挡的部分，给它加上投影，最后再加上一些小装饰，加强一下整体的氛围感：

最后再加个深色背景，左瞅瞅右看看，看哪里不爽就再调整下，效果如下：

最后，简单总结一下下，在这篇教程里，我们主要学到了两点：

1，利用“3D”-“凸出和斜角”做立体感的方法；

2，为笔画添加不同“填充图案”的方法；

这两个方法，做英文可以，做中文肯定也可以，做logo可以，以后用在版式设计中，估计也会很有意思！

所以，大家千万不要只把这个教程当成是一个英文字体的字效教程，一定要活学活用，想出更多的姿势，玩出不同的花样！

会玩，敢做！才是一枚优秀的设计师嘛！

记住！

这么简单好学的教程，千万别放在收藏夹吃灰了！

我溜了，下次见哦~

作者 | 刘兵克工作室X
来源 | 字体帮 (id: zitibang)