AI教程!用3D效果轻松制作趣味2.5D立体字效

时间:2021-11-28
类别:AI教程
水平:普通
观众:13476
这是一个能让你爱上画画,找回画画成就感,甚至画上瘾的练习方法 👉 立即点击

AI教程!用3D效果轻松制作趣味2.5D立体字效

教程作者:x(授权转载自:刘兵克工作室-字体帮

交作业去这里→#优设每日作业#

文章编辑:@雪寄草

关于教程

AI教程!用3D效果轻松制作趣味2.5D立体字效

字体帮的各位字友们,大家好,今天我们来分享一个有趣的2.5D的字效,效果图如下,请各位先瞅一眼:

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

教程步骤

Step 01 设计字形

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

AI教程!用3D效果轻松制作趣味2.5D立体字效 AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效 AI教程!用3D效果轻松制作趣味2.5D立体字效

Step 02 做厚度

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效AI教程!用3D效果轻松制作趣味2.5D立体字效

Step 03 调整处理细节

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

Step 04 添加图案填充

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效 AI教程!用3D效果轻松制作趣味2.5D立体字效

Step 05 加上投影和小装饰

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

  1. 利用“3D”-“凸出和斜角”做立体感的方法;
  2. 为笔画添加不同“填充图案”的方法;

AI教程!用3D效果轻松制作趣味2.5D立体字效

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

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

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

记住!

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

我溜了,下次见哦~

AI教程!用3D效果轻松制作趣味2.5D立体字效AI教程!用3D效果轻松制作趣味2.5D立体字效

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

37 收藏 129

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 3

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片