AI教程！手把手教你绘制2.5D室内场景插画

教程作者：软件基础营37期-A24-蓉先生

辅导老师：包大有趣

交作业：#优设每日作业#

前言

本次教程是画一个室内场景的等距插画，等距插画风近几年都很热门，在很多软件的闪屏，海报，banner等都能看见它是身影。本次主要用到AI软件，上手也很容易，接下来我们看下如何绘制吧。

你也想做出这么漂亮的插画吗？让包大老师手把手教你→点我学习制作AI插画

灵感来源

逛了宜家样板间，觉得他们北欧风格家具的设计和布局觉得很舒服，想着试试把这种场景画成等距视角风格。

教程步骤

• 步骤 01

① 在A4纸上绘制大致的场景布局、家具的摆放布置，和一些小物件的展示

② 先在纸上先绘制的话，可以根据整体随时调整细节，确定好了后，再切换到AI进行制作

• 步骤 02

① 新建画布800*600px

② 在画布边用直线工具画一条竖直线

③ 对象-变换-移动，水平移动10px-复制

④ 按Ctrl+D复制上一步操作

⑤ 画出来的直线一定要是奇数

⑥ 选中所有直线，右键-旋转-角度120 -复制，Ctrl+D

⑦ 选中所有直线，视图-参考线-建立参考线

⑧ 我们先用钢笔画一个立方体，立方体在这个2.5D里是平行四边形，由三个面组成

⑨ 沿着参考线分别画上方，左边，右边的四边形，并拼合编组

⑩ 这样正方体就完成了

⑪ 选中圈圈的锚点，按shift键往下拉，可以把立方体垂直拉长，往上拉可以变短

⑫ 选中圈圈的锚点，沿着立方体侧面水平拉长变短

⑬ 我们知道这样的规律后，就可以开始绘制各种各样东西了

• 步骤 03

① 先搭好一个室内的场景，从我们的视觉能够看到是三面墙

② 立方体的上方（#d0ebd7），左边（#66baaa），右边(#a1d9b6)

③ 光是从上往下的，所以上方的四边形，颜色最亮，再是右边，最深是左边

④ 通过选择立方体的不同锚点拉伸，得到其中一面墙

⑤ 同样的方法画出其他两面墙，拼合并编组“墙”

• 步骤 04

① 新建图层【储物柜】，绘制储物柜分解图

② 都是用立方体，通过选中不同的锚点，进行垂直或者水平拉伸得到形状

③ 上下是三个长方体，作为储物柜的台面和底部

④ 台面的长度最好是场景的三分之二

⑤ 中间是由四个抽屉，和四个空格组成

⑥ 一个空格和一个抽屉的宽度，占储物柜宽度的一半

⑦ 这样效果会比较好看，具体宽度可以自行调节

⑧ 画好一个后，拼合，复制三个备用

⑨ 通过ctrl+[ (后移一层)或ctrl+] (前移一层)  调整上下图层，拼合储物柜

• 步骤 05

① 绘制书本，书本主要由四个面组成

② 第2部分和第3部分的圆弧面，用锚点工具shfit+c点击要调整的边进行操作，拼合并编组

③ 其他的书本可以通过复制调整大小得到

④ 倾斜靠着的书，复制一个前面画好的书本，选中右键，倾斜-倾斜角度-12，确定

⑤ 绘制收纳盒，实则收纳盒只是由两个正方体，一个长方体组成，通过大小的变化拼合而成

⑥ 编组后复制3个，更换自己喜欢的颜色

⑦ 最后到了拼合部分了，把前面做的书放到合适的位置

⑧ ctrl+[  后移一层，ctrl+]前移一层调整到合适位置

⑨ 收纳盒的摆放方式和书本一样

• 步骤 06

① 新建图层挂画，绘制墙上的挂画

② 先绘制画框

③ 绘制仙人掌，先画一个椭圆，填充#7da78d，描边#41726a

④ 描边大小是1pt，用直接选择工具(A)，选中左右两边的锚点往上拉一点

⑤ 再画一个矩形与椭圆，点击减去顶层

⑥ 直接选择工具选择底部两个锚点，调整为圆角

⑦ 用钢笔工具(P)，在椭圆左边画一条曲线描边#41726a

⑧ 选中曲线右键-变换-对称-垂直90度-复制

⑨ 将复制的曲线移到右边，再在中间画一条直线

⑩ 用直线工具(\\)画仙人掌的刺刺，描边#41726a，选中端点为圆角的

⑪ 然后在椭圆边边画小刺，画完编组

⑫ 将画好仙人掌编组的复制两个，调整好大小放在第一个的左右两侧

⑬ 变换完成后，记得检查描边大小保持一致1pt，ctrl+[和ctrl+]调整图层顺序

⑭ 将两个小的放置于后面，这样仙人掌的植株就完成了

⑮ 绘制仙人掌的花盆，先画一个长方形，颜色相对深一点的作为盆沿

⑯ 再画一个长方形盆体，相对小点，选择自由变换工具(E)

⑰ 点击第三个透视扭曲，将盆体上方其中一个锚点向外拉一点，成倒立的梯形

⑱ 将仙人掌和花盆编组

⑲ 选中仙人掌，点击效果-3D-凸出和斜角，厚度0pt，位置等角-右方，确定

⑳ 选中对象-对象扩展，把仙人掌放置先前画好的画框中

㉑ 用前一步同样的方法，把另一个画框画出来

㉒ 然后将画框分别编组，放置到左边的墙面调整好位置

• 步骤 07

① 新建图层玻璃门

② 绘制四个矩形，如图摆放，作为大门的背景

③ 绘制玻璃门的玻璃

④ 然后绘制一个立方体，玻璃门的条条框框，都是由这个立方体变换来的

⑤ 将绘制好的边边放置合适的位置，组成玻璃门。

⑥ 绘制7个长方体，放到合适的位置

⑦ 用直线工具绘制玻璃门的小格子，绘制6条#5b617

⑧ 绘制门把手，由两个椭圆和两个矩形组成，拼合编组门把手

⑨ 复制一个，把椭圆移动到右边，将两个门把手放置在合适的位置

⑩ 绘制矩形做玻璃的反光镜面，填充#ffffff，不透明度50%，放置合适的位置

⑪ 调整图层顺序，玻璃门整体完成

• 步骤 08

① 绘制房间门，由于房间门在储物柜的背面，所以将房间门的图层，放置于储物柜的图层下方

② 绘制矩形，作为房间门框，填充#70c4b6和#e9fcf5

③ 绘制房间门和门内的玻璃，房间门的分解图：

④ 将门放到合适的位置，门的边边有些突出的部分，选中，shift+m，按alt选中要删除的部分

⑤ 同样的方式绘制房间内的玻璃窗，就不再重复讲解了

⑥ 玻璃的颜色#d6f2fd，镜面反光为#ffffff，不透明度50%，直线#5b6176

⑦ 绘制门钉，连接门框和墙面

⑧ 绘制矩形，锚点工具shift+c，将上下两边拉出弧度

⑨ 如图绘制两个椭圆，最后组合编组门钉

⑩ 并复制一个，摆放至合适位置

• 步骤 09

① 新建图层地毯，绘制马赛克地毯

② 绘制两个矩形，分别填充#edf5f9和#819bc1

③ 通过数次切换不同的矩形复制，就可以完成了

④ 最后选中所有矩形编组，不透明度15%，放置合适的位置

⑤ 并将房间内的地板，也用同样的方法画上地毯

• 步骤 10

① 新建图层茶几，茶几分解如下图，都是由长方体组成

② 绘制好茶几后，拼合并编组，将其放置地毯大概中间的位置

• 步骤 11

① 新建图层沙发，将图层放置于最上层

② 画个矩形作为沙发扶手，选中左边上下两个锚点，改变圆角

③ 左上方可以尽可能的大点，并复制两次，备用

④ 画一个长矩形作为沙发靠背，也就是图中的2

⑤ 将2的上方两个锚点选中，往后拉，有向后靠的感觉，并将2复制1层备用

⑥ 选中1的右上方的锚点，拉伸至与2相接

⑦ 选中1和2，路径查找器-联集（1和2必须有相交的部分）

⑧ 将沙发靠背的几个角改成圆角

⑨ 把前面1和2复制的形状，放置到合适的位置上，并调整好

⑩ 按渐变工具(G)，为1添加渐变，数值依次为：

#e9a3b2，位置0%

#ff7093，位置40%

#ed6b94，位置76%

#d96695，位置100%

⑫ 为3添加渐变，数值为#ffb7cb，#ff7093

⑬ 选择2和4，路径查找器-联集

⑭ 添加渐变颜色#ffc5e1，位置14%，#ff7389，位置100%

⑮ 复制3次形状2，作为沙发另一边的扶手

⑯ ctrl+[和ctrl+]，调整图层顺序，到沙发后背下方

⑰ 选中4，取色(i)1的颜色，选中5，取色(i)2的颜色,选中6取色(i)3的颜色

⑱ 画矩形作为沙发坐垫，渐变工具(G)，颜色依次为：

#e9a3b2，位置0%

#fe7093，位置36%

#ed6b94，位置76%

#dc6795，位置100%

⑲ 绘制圆柱作为沙发褪，复制两次，放置合适位置

⑳ 这样沙发就完成了，编组，并把沙发放置合适的位置

• 步骤 12

① 新建图层绘制台灯，形状梯形

② 先绘制一个矩形，自由变换工具(E)，选中第三个透视扭曲

③ 选中矩形下方锚点，往外拉梯形就绘制好了

④ 所有形状拼合，编组，放置到沙发旁边

• 步骤 13

① 新建图层绘制单人沙发凳

② 绘制立方体，选中1和2，形状生成器工具(shift+M )，将1和2链接，

③ 选中新形状的下方三个锚点，改变圆角

④ 渐变工具(E)，角度180，颜色依次是：

#e9a3b2，位置0%

#ff7093，位置40%

#ed6b94，位置76%

#d96695，位置100%

⑤ 绘制矩形，改变圆角1，复制1得到3

⑥ 绘制矩形2，选中2和3，渐变工具(E)，角度是180，颜色依次是：

#e9a3b2，位置0%

#ff7093，位置18%

#ed6b94，位置44%

#d96695，位置100%

⑦ 将这个形状和前面的形状拼合，组成单人沙发凳，放置图中茶几左边

• 步骤 14

① 接下来绘制小物件了

② 新建图层书本，绘制立方体，选中不同锚点拉伸，得到新形状

③ 锚点工具(shift+c)使直线变弯曲

④ 绘制好书本后，复制一层，改变颜色，得到黄色的书本，选中，右键-变化-旋转6°

⑦ 将两本书放置到单人沙发凳上

• 步骤 15

① 新建图层，绘制仙人掌

② 绘制一个椭圆，填充#7da78d

③ 用直接选择工具，选中左右锚点向上拉，再选择下方锚点往下拉长

④ 效果-3D-凸出和斜角-凸出，厚度为2pt，确定

⑤ 选中再点击对象-扩展对象，这样就生成形状了

⑥ 用直线工具，颜色#34513f，端点为圆角，在椭圆画短短的直线，作为仙人掌的小刺

⑦ 将这些小刺编组，复制三个，调整位置放置到合适的位置，完成仙人掌植株

⑧ 绘制花盆，绘制两个椭圆和一个倒立梯形，组成花盆主体

⑨ 复制1，往上移动，绘制矩形2，ctrl+[，放置于1下面

⑩ 复制1，自由变换为3，作为花盆内部的切面

⑪ 复制3两次，与之相交，路径查找器-相交，换颜色为4，整个花盆就完成 了

⑫ 与前面的仙人掌植株拼合，并编组放置于黄色书本上面

• 步骤 16

① 绘制时钟，绘制一个正圆，作为时钟的钟盘

② 直线工具垂直画一条直线，作为刻度

③ 选中直线，快捷键r，按住alt键，将旋转中心拖至椭圆中心，角度90，复制

④ ctrl+d两次，得到时钟刻度

⑤ 绘制小的椭圆作为中心，用钢笔画出时针和分针

⑥ 时钟完成，全选编组，点击效果-3D-凸出和斜角，对象-扩展外观

⑦ 选中钟盘复制，放置于底层，往上移动，填充#ffffff，作为时钟的厚度

⑧ 全选编组，并放置于大门的左上方

• 步骤 17

① 绘制水杯，绘制两个椭圆，和一个矩形，将这个三个形状拼合就是被子的主体

② 选中矩形和下方椭圆，渐变工具(G)，颜色依次为#e98eb0，#ff7093

③ 选中1复制一层为2，将2填充#f9f9f9，作为水杯的内壁，自由变换比1小一点

④ 复制2两次，相交，路径查找器-相交，得到形状作为水杯装的水，填充颜色

⑤ 绘制矩形填充颜色，复制一层并自由变换调整大小

⑥ 路径查找器-减去顶层，得到的形状就是水杯的手柄，拼合编组并放置到茶几上

⑦ 绘制摊开书本，都是由矩形形状组成

⑧ 摊开的书本会有一定的弧度，所以1和2会有点向上凸起的弧度

⑨ 锚点工具shift+C，点击1和2的矩形边边向上移动

⑩ 如图组成拼合，并编组放置于茶几上

⑪ 绘制水壶，绘制两个椭圆和一个矩形，并填充颜色，拼合成圆柱作为水壶主体

⑫ 再绘制一个圆柱，并填充颜色

⑬ 上方的椭圆会比矩形大点，但是会比上个圆柱小，作为壶颈。

⑭ 在图中1旁边绘制一个小三角作为壶嘴，颜色取1，并复制一层

⑮ 填充白色作为水壶内壁，再通过布尔运算，路径查找器，绘制壶柄

⑯ 拼合并编组，把水壶放置到茶几上

• 步骤 18

① 新建图层花瓶，主要是由花瓶，蝴蝶结，还有绿植组成

② 花瓶主要由两个圆柱组成，填充颜色

③ 大的圆柱为花瓶主体，小的为瓶颈，调整大小并填充颜色

④ 花瓶蝴蝶结是用钢笔工具(P)绘制的

⑤ 在绘制蝴蝶结的时候，先绘制一个椭圆，用直接选择工具(A)，对锚点进行更改移动

⑥ 复制一层，选中-右键-对称-垂直-确定，可以得到另一边的蝴蝶结，绸带方法相同

⑦ 绘制绿植，先用钢笔工具(P)，绘制三条曲线作为根茎，填充颜色，描边1pt

⑧ 用钢笔工具绘制3片叶子，填充颜色

⑨ 再复制多层叶子，调整大小，改变方向，放置于三根根茎上

⑩ 细看绿植的叶子都是由这三片叶子，大小变换和方向变换转变而来

⑪ 最后将绿植和花瓶拼合编组，放置于储物柜上方

最终效果

结语

本期教程到这里就结束了，希望大家在练习过程中多思考、理解制作思路和操作方法，活学活用。

如果你也想绘制出这么漂亮的插画，戳链接让包大老师手把手教你→点我学习制作AI插画

相关推荐

→ AI教程！教你绘制双色调等距视角风格办公场景插画

→ AI+PS教程！教你绘制2.5D等距视角风格夏日度假场景插画

一个人做练习的时候，做得好没人发现，做得差没人点评，总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」，每天一个小练习， 4 位U站管理员与大家一起打卡练习，点赞点评，互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内，上传打卡练习，话题微博格式【 DAY 01~365 】转发视为参加。（动图为打卡演示） 【收获】更好的自己

来源：https://uiiiuiii.com/illustrator/1212153276.html
图文来源于网络，如有侵权请联系删除。