视觉设计 » illustrator的3D功能教程,教你做出彩的立体字

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

发表于: 视觉设计. 评论
Sponsor

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

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

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

一、设计字形

(1)用“矩形工具”设计出字形,为了便于后期制作效果,笔画要尽量粗些、高些:

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

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

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

二、做厚度

(1)分别选中上下部分,执行“效果”-“3D”-“凸出和斜角”,设置如下:

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

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

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

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

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

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

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

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

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

三、调整处理细节

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

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

(2)细心的我,画了几条辅助线,看看哪些地方还不准确,再优化一下下:

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

(3)全选,添加深色“描边”,侧面填充更亮的颜色,让立体感更明显:

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

四、添加图案填充

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

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

(2)制作填充图案。先画个圆形,填充洋红色,把这个圆形拖进“色板”:

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

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

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

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

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

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

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

五、加上投影和小装饰

(1)o字母是有弧度的,所以这里就直接加上渐变来表达它的明暗关系:

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

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

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

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

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

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

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

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

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

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

会玩,敢做!才是一枚优秀的设计师嘛!

记住!

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

我溜了,下次见哦~

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

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }