

illustrator的3D功能教程,教你做出彩的立体字
source link: https://www.shejidaren.com/illustrator%e7%9a%843d%e5%8a%9f%e8%83%bd%e6%95%99%e7%a8%8b%ef%bc%8c%e6%95%99%e4%bd%a0%e5%81%9a%e5%87%ba%e5%bd%a9%e7%9a%84%e7%ab%8b%e4%bd%93%e5%ad%97.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

illustrator的3D功能教程,教你做出彩的立体字
前言: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)
赞助商链接
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。
Recommend
-
6
illustrator高级渐变教程 | 设计达人 设计达人 爱设计,爱分享。
-
1
illustrator实现好看的3D立体文字 1月 17, 2022 发表于: 视觉设计. 评论
-
8
无需C4D也能做出立体字 | illustrator字体教程 8月 13, 2022 发表于: 视觉设计.
-
6
Adobe Illustrator(AI)2022软件安装包和安装教程 精选 原创 Adobe Il...
-
4
illustrator 绘制飞鸟 LOGO 教程 11月 3, 2022 发表于: 视觉设计.
-
6
illustrator版式教程: 神奇的Ai变形工具 设计达人 爱设计,爱分享。
-
6
illustrator入门到精通视频教程 3月 16, 2023 发表于: 优秀设计资源.
-
7
illustrator绘制植物弥散光教程 4月 2, 2023 发表于: 视觉设计.
-
5
illustrator设计潮流3D立体膨胀风教程 5月 28, 2023 发表于: 视觉设计.
-
8
illustrator 实现3D流体渐变字体教程,出来的海报效果很酷炫! 6月 20, 2023 发表于: 视觉设计.
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK