AI教程 2022年05月9日
0 收藏 0 点赞 862 浏览 4149 个字
摘要 :

教程作者:极致设计设计师就业衔接班14期-121-梦梦 教程指导:如如(极致设计设计师就业衔接班讲师) 交作业请到微博搜索话题 #极致设计每日作业# 文章编辑:@雪寄草 ……

教程作者:极致设计设计师就业衔接班14期-121-梦梦

教程指导:如如(极致设计设计师就业衔接班讲师)

交作业请到微博搜索话题 #极致设计每日作业#

文章编辑:@雪寄草

关于教程

大家好,我是来自设计师就业衔接班14期的梦梦,本期来手把手教你制作2.5D矢量插画,新人小白也可以轻松上手哦~

通过本次教程,你将学习AI中的形状工具、钢笔工具、形状生成器工具和混合工具,难度不大,非常适合新手学习,快来点亮你的室内场景设计技能吧!

教程效果图

AI教程!从0开始教你绘制2.5D小房间插画

教程步骤

步骤1:新建画布

打开Adobe Illustrator,点击文件->新建文档(Ctrl+N),尺寸916*916px,颜色模式RGB,分辨率72ppi,如下:

AI教程!从0开始教你绘制2.5D小房间插画

步骤2:创建参考线

2.1 选中钢笔工具按住Shift绘制一条垂直直线,按住Alt键向右平移复制一条,在选中的状态下,使用混合工具,对象-混合-混合选项-选择指定的步数为“单数”,点击快捷键(Ctrl+alt+B)。

AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画

2.2 选中已绘制的参考线,右键-变换-旋转-60°-复制

AI教程!从0开始教你绘制2.5D小房间插画

2.3 重复上一步骤2.2得到完整参考线,观察参考线是否为三角形组成的网格,若是存在线条偏差的情况,回到第一步2.1把指定的步数为单数,重做接下来的操作。

AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画

2.4 选中所有已绘制的参考线,点击对象-扩展,在弹出窗口后单击确定。然后在选中所的参考线,点击视图-参考线-建立参考线,并锁定图层更名为参考线。注意:视图-对齐网格,对齐点,对齐像素,全部不要勾选

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画

步骤3:绘制地面

3.1 使用“矩形工具”画一个矩形,大小:916×916,命名为“背景”颜色为“#FFE6D2”

在使用矩形工具,绘制一个矩形大小为“460×460”颜色先随意填充一下,效果-3d-凸出和斜角具体数值参考下方截图,命名为矩形1。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

3.2 选中步骤3.1中的“矩形1” 按住Alt键向右平移复制一个,命名为“矩形2”,进行修改相应的参数数值如下方图片1,然后选中“矩形2”按住Alt键向右平移在复制一个命为“矩形3”进行修改相应的参数数值如下方图片2,根据图片3的效果分别对3个矩形进行位置调整一下。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

3.3 选中所有的矩形-对象-扩展外观-右击取消编组(多次单击取消编组)然后使用“直接选择工具”进行调整3个矩形的基本结构,并进行填充颜色如下方图2所示,最后选中所有的地面(Ctrl+g编组)双击图层命名为“地面”

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

步骤4:绘制桌子电脑

4.1 使用矩形工具绘制一个矩形,颜色随意填充一下,宽237x长146-效果-3d-凸出和斜角具体数值参考下方图1,然后-对象-扩展对象-选中状态下右击-变换-对称-垂直-勾选预览-确定-如图2所示,并且在选中状态下右击取消编组(单击多次取消编组)进行填充颜色

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

4.2 使用矩形工具绘制一个矩形,宽113x长108,颜色随意填充一下,效果-3d-凸出和斜角具体数值参考下方图1,选中绘制好的矩形-按住Alt键向右平移在复制一个矩形,然后选中桌子-对象-扩展对象-并且在选中状态下右击取消编组(单击多次取消编组)调整一下桌子的结构并进行填充颜色如图2所示。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

4.3 使用矩形工具绘制两个矩形,颜色随意填充一下(在此说明:在绘制最初形状的时候,颜色可以根据自己的喜好进行填充,后面会统一对颜色进行调整的,后边不会在写颜色随意填充的字眼),尺寸和具体数值分别如图1所示 然后-效果-3d-凸出和斜角-电脑中间的屏幕部分参照下方图片2

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

4.4 进行绘制键盘:同样使用矩形工具绘制一个矩形宽111x长43-圆角弧度为“4”如图1所示,绘制好键盘分别对键盘-效果-3d-凸出和斜角数值如下方图,然后选中键盘-对象-扩展对象-右击取消编组(单击多次取消编组)使用形状生成器工具把键盘进行连接一下如图3-4,注意事项:如果无法连接-就点击-释放蒙版-然后在依次选择进行接。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

4.5 根据图片对电脑和键盘做一下位置的调整,然后在依次进行填充颜色

AI教程!从0开始教你绘制2.5D小房间插画

4.6 绘制一个矩形:尺寸18×28-圆角弧度为“2”-效果-3d-凸出和斜角,数值如下方图1所示,然后-对象-扩展外观-选中矩形-右击取消编组(单击多次取消编组)参照图2进行绘制手机与填充颜色。

AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

4.7 每次加上3d效果和凸出斜角“都要执行-对象-扩展外观-选中矩形-右击取消编组(单击多次取消编组)”在此说明后边便不再重复,

4.8 绘制一个矩形:尺寸10×12-效果-3d-凸出和斜角参考-图1-数值进行设置-按住Alt键向右平移复制一个,按住alt+shift等比缩放一下调整一下大小参照下方图2-按照步骤4.7操作后-分别进行填充相应的颜色,调整最终效果如图3。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

4.9 凳子的绘制-使用钢笔工具把凳子的轮廓勾画出来-选中凳子的后背-效果-3d凸出和斜角,具体数值参照图片2-然后选中凳子的坐垫进行-效果-3d凸出和斜角具体数值参照图片3,按照步骤4.7操作后-使用-形状生成器工具进行链接如图4-参照图5分别进行填充相应的颜色,调整最终效果如6-最后选中所有(Ctrl+g编组)双击图层命名为“桌子”。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

步骤5:绘制书架

本节提示:按住Alt键向右平移即可复制任何形状

5.1 绘制一个矩形尺寸120×50-效果-3d-凸出和斜角数值如图1-按住Alt键向右平移复制一个-按照步骤4.7操作后-参照图片2进行填充颜色-然后在绘制一个书本尺寸32×45

效果-3d-凸出斜角-数值参照图3-按住Alt键向右平移复制一个-效果-3d-凸出斜角-数值参照图4-使用钢笔工具勾画一个矩形-填充为白色如图5-勾画好后参照图5进行多次复制书本-具体步骤在步骤5-在依次调整位置,按照步骤4.7操作后-分别进行填充颜色

如果感觉书本太大,根据自己的页面进行适当缩小或调整。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

5.2 在绘制一个矩形尺寸120×50-效果-3d-凸出和斜角数值如图1-按照步骤4.7操作后-参照图片2进行填充颜色。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

5.3 绘制一个矩形和圆形尺寸如图1-效果-3d-凸出和斜角数值如图1-按照步骤4.7操作后-参照图片2进行填充颜色。

AI教程!从0开始教你绘制2.5D小房间插画

5.4 使用钢笔工具进行勾画如图1-根据图2绘制树叶-参照图3进行位置的调整,最终图参照图4进行修改-选中所有书架部分进行(ctrl+g)编组命名为“书架”

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

步骤6:绘制窗户

6.1 绘制3个矩形如图1(不用绘制99×145的矩形)-根据图2进行调整每个矩形中间的间距-效果-3d-凸出和斜角数值-参照图3-参照图片4进行绘制矩形-绘制好后参照图片5-效果-3d-凸出和斜角数值-在绘制两个矩形尺寸:2×134和3×3-选中2个矩形参照图6调整2个矩形的位置-Ctrl+g(编组)-参照图6-效果-3d-凸出和斜角数值-按照步骤4.7操作后-根据参照图7进行分别填充颜色和位置的调整。然后选中所有的形状-编组(Ctrl+g)命名为“窗户”

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

步骤7:绘制柜子

7.1 绘制矩形尺寸:144×308-效果-3d-凸出和斜角数值参照图1-绘制两个矩形数值分别参照图2和图3-使用钢笔工具-绘制柜子门把手-参照图4-尺寸改成(12×36)-选中所有形状按照步骤4.7操作后-根据图5进行调整和填充颜色-根据图6绘制一个矩形-和分别填充颜色-参照图7进行调整位置-选中所有形状-ctrl+g(编组)命名为“柜子”。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

步骤8:绘制床

8.1 使用矩形工具绘制一个矩形-数值参照图1-在绘制一个数值参照图2-绘制一个矩形尺寸参照图3-选中图1和图2矩形-按照步骤4.7操作后-然后使用形状生成器工具分别-进行连接(若连接不成功,请先释放蒙版)-参照图6进行调整位置和填充颜色-参照图7进行使用钢笔工具绘制床单-分别进行填充颜色。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

8.2 使用钢笔工具勾画一个枕头形状-效果-3d-凸出和斜角数值参照图1-使用椭圆工具进行绘制尺寸参照图2-鼻子的部分可以使用钢笔工具进行绘制-根据图2进行对熊的形状和比列修改和调整-选中图1和图2形状-按照步骤4.7操作后-参照图3分别进行填充色-数值如图3-选中所有形状-ctrl+g(编组)命名为“床”。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

步骤9:绘制空调

9.1 根据图1分别画出空调的几个面-参照图分别进行颜色的填充-调整后选中所有的形状-ctrl+g(编组)命名为“空调”。

AI教程!从0开始教你绘制2.5D小房间插画

步骤10:绘制装饰

10.1 分别绘制一个矩形和5个圆形-数值和位置参照图1-选中矩形尺寸:66×73-效果-3d-凸出和斜角数值参照图2-按照步骤4.7操作后-在根据图3进行调整颜色-根据图4进行对数值的调整和修改-参照图5的最终效果图-对图4多余的部分进行修改和删除-选中所有的形状-ctrl+g(编组)命名为“相册”。

AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画AI教程!从0开始教你绘制2.5D小房间插画

10.2 绘制一个圆形60×60图1所示-参照图2在绘制一个圆形-分别对2个圆形-效果-3d-凸出和斜角-根据图3进行绘制“对号”-同时参照图4进行调整圆角弧度-选中所有形状-按照步骤4.7操作后-对圆形图1-先释放蒙版-在使用形状生成器进阶链接如步骤4.4绘制键盘的链接-然后选中2个矩形和对号-根据图5-分别进行填充颜色与位置的调整。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

10.3 绘制一个圆形362×362图1所示-参照图1-效果-3d-凸出和斜角–按照步骤4.7操作后-分别进行填充颜色-进行对地毯的图层位置调整(使地毯在床的下方)然后选中所有形状-ctrl+g(编组)命名为“地毯”。

AI教程!从0开始教你绘制2.5D小房间插画

10.4 绘制一个矩形:尺寸16×16-效果-3d-凸出和斜角参考-图1-数值进行设置-使用文本工具-分别输入:A、B、C-参照图2-4进行数值的设置-效果-3d-凸出和斜角-选中所有形状-按照步骤4.7操作后-分别进行填充相应的颜色,调整最终效果如图5-按住Alt键向右平移复制一个,按住alt+shift等比缩放一下调整一下大小参照下方图5-根据图5使用钢笔工具勾画-纸飞机-分别进行填充颜色-按住Alt键向右平移复制一个,按住alt+shift等比缩放一下调整一下大小参照下方图5。选中所有形状-ctrl+g(编组)命名为“装饰物”。

AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画 AI教程!从0开始教你绘制2.5D小房间插画

步骤11:最终效果

11.1 全部绘制完成,可以根据最终的效果图展示-进行大小比列的调整。

最终效果图

AI教程!从0开始教你绘制2.5D小房间插画

好啦,以上就是本教程的全部内容,希望你能从中得到灵感或者启发~

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

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

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/13060.html

相关推荐
精品
AI教程!酷炫几何风海报字体效果小教程
教程作者:@郁闷的鸡(极致设计大课堂UI&动效课讲师) 报名课程:鸡爷UI就业实战班  |  动效设计全能实战班 交作业:#极致设计…
日期:2022-05-22 点赞:1 阅读:770
优秀
AI教程!教你绘制扁平风矢量网页插画
教程作者:极致设计设计师就业衔接班14期-128-晴 教程指导:如如(极致设计设计师就业衔接班讲师) 交作业请到微博搜索话题→ #极致设计每…
日期:2022-05-22 点赞:0 阅读:384
优质
这LOGO怎么做?第58期-八边形立体螺旋LOGO
教程作者:君小阳(授权转载自公众号:这logo怎么了) 交作业:#极致设计每日作业# 关于教程 各位狗子们晚上好,今天给大家讲解下面这个lo…
日期:2022-05-22 点赞:0 阅读:274
最新
AI+AE教程!教你制作扁平风格猫咪动态插画
教程作者:极致设计设计师就业衔接班14期-99-kiko 教程指导:如如(极致设计设计师就业衔接班讲师) 交作业:#极致设计每日作业# 文章…
日期:2022-05-22 点赞:0 阅读:271
最新
Ai 超全面自学手册!NO.09 文字工具
本期主题:文字工具的使用 本期讲师:吃喝玩乐团团长(极致设计设计师就业衔接班讲师) 文章编辑:@雪寄草 由衔接班的三位讲师合力带来的 全新 …
日期:2022-05-22 点赞:0 阅读:1,033
推荐
AI教程!2022新版AI新功能,轻松制作3D图标视觉海报
教程作者:吃喝玩乐团团长(极致设计设计师就业衔接班讲师) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 关于教程 说出来你可能不信,这回…
日期:2022-05-14 点赞:0 阅读:294
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站