6

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

 3 years ago
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.
neoserver,ios ssh client

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

12月 5, 2021 发表于: 视觉设计. 评论

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)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK