百木园-与人分享,
就是让自己快乐。

AI教程!扁平风格温馨室内插画

img

教程作者:软件基础营44期-B51-葡萄皮

教程指导:包大有趣

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

关于教程

首先确定绘画主题。然后构思画面中的色调表现,接着通过寻找参考并进行关键元素的提取和整理,绘制出一幅暖色调的室内场景图。

你也想做出这么漂亮的插画吗?戳链接让包大手把手教你→ 点我学习制作AI插画

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:282706954 进群暗号:优优的忠实观众

教程步骤

步骤一:新建文档

1.1 打开Adobe Illustrator,点击文件新建(快捷键CTRL+N/COMMAND+N),创建一个新文件,如下:

输入数值800X600PX,更改文件名称为【室内场景】颜色模式为「RGB」

AI教程!扁平风格温馨室内插画

步骤二:创建背景

2.1 在开始绘制之前,先更改图层名称为背景】

AI教程!扁平风格温馨室内插画

2.2 点击「矩形工具」,或者快捷键M

(800PX,长600PX,颜色为#FFFFFF)

AI教程!扁平风格温馨室内插画

2.3 为了确定整个画面的构图,需要标尺来辅助。

在工作区中找到视图中的「标尺」,或者快捷键COMMAND+R/CTRL+R

同时也要注意为三条参考线做好图层的归纳和重命名。

AI教程!扁平风格温馨室内插画

2.4 分别绘制两个矩形的墙面。

新建矩形1,或快捷键M ( 232PX,长551PX,颜色为#FBF3F2 )

矩形2 444PX,长552PX,颜色为#FBF3F2 )

AI教程!扁平风格温馨室内插画

步骤三:绘制书柜

3.1 新建矩形 ( 152PX,长437PX)

新建矩形 ( 数值72X83PX52X187PX72X221PX52X118PX72X84PX52X85PX )

使用对齐工具中的「水平居中对齐」和「垂直居中对齐」排列组合。

AI教程!扁平风格温馨室内插画

3.2 白色矩形置于顶层,红色矩形次之,并选中红白。

使用「路径查找器」中的减去顶层」,然后点击「直接选择工具」(快捷键A),选中柜子外轮廓的四个锚点,由外往内拉成圆角。如下图:

AI教程!扁平风格温馨室内插画

3.3 添加阴影,新建矩形工具,分别向左下右调整3PX( 颜色为#6A1D14 )

AI教程!扁平风格温馨室内插画

步骤四:绘制装饰物

4.1 罐身由圆角矩形、梯形、椭圆形组成。

圆角矩形 ( 宽31.141PX,长4.862PX )

梯形:新建矩形,直接选中工具选中最下角的锚点,靠内拉动(宽25.945PX,长4.384PX)

椭圆形 ( 宽57.004PX,长68.817PX )

矩形 ( 32.312X10.233 PX )

罐底使用矩形工具,选中并点击路径查找器中的“减去顶层”。直接选择工具选中锚点使其平滑。(数值为32.312X10.233 PX)

4.2 罐口的圆角矩形

( 宽31.141PX,长4.862PX)

装饰置于顶层,图层命名为“罐子”。

圆点装饰 ( 宽10.872PX,长11.528PX,描边2.349 )

圆点装饰2 ( 宽6.543PX,长6.937PX,描边1.414,填充同上 )

AI教程!扁平风格温馨室内插画

4.3 装饰珊瑚

使用钢笔工具勾出轮廓;

使用ALT键复制1个做底;

底座宽55.456 PX,长14.559PX,图层重命名为“装饰珊瑚”。

AI教程!扁平风格温馨室内插画

4.4 绘制蓝色瓶子

矩形(21.985X3.723 PX)(15.944 X21.306PX)

椭圆形(47.105PX)

矩形(21.509X3.725PX)

瓶身色彩使用钢笔工具勾勒,并为瓶子重命名“蓝色瓶子”。如下图:

AI教程!扁平风格温馨室内插画

4.5 绘制黄色瓶子

方法同上,用矩形工具绘制底部瓶身。

矩形(28.8 X 15.106PX、36.757 X 12.941PX、36.8 X 78.415 PX)

使用直接选择工具往里拉动。之后用路径查找器“联集”合并,为瓶子重命名“黄色瓶子”。

部分花纹用钢笔工具绘制。

AI教程!扁平风格温馨室内插画

4.6 绘制横着的书本

使用矩形工具(63.263 X 12.128PX)

复制1个缩小,选中两者使用路径查找器“减去顶层”。

再创建白色矩形(52.148 X 8.555PX)

其他书本也同理。如下图:

AI教程!扁平风格温馨室内插画

4.7 绘制竖着的书本

创建矩形(宽11.029PX,长71.154PX)

另一个(宽4.618 PX,长48.242 PX)

其他书本同理。

AI教程!扁平风格温馨室内插画

4.8 绘制盆景

钢笔工具勾出植物轮廓后填色。

矩形做瓶身(宽46.843PX,长112.598PX,填充#9CD4CF)

钢笔勾出反光。

瓶身的花纹,矩形工具。

以此类推,做14个,CTRL G/Command G打组后复制粘贴成三条长花纹。

AI教程!扁平风格温馨室内插画

4.9 绘制时钟

使用椭圆形工具L,(宽97.499PX,长97.499PX。描边3.28)

刻度(宽6.393PX,长1.032PX)

中心椭圆(宽6.353PX,长6.353PX,描边1PX)

AI教程!扁平风格温馨室内插画

4.10 绘制柜子和连接的桌子

从上到下开始绘制。

桌面:矩形(宽303.326PX,长4.612PX)

桌面阴影:矩形(宽303.33PX,长11.717PX)

桌子柜面:矩形(宽304.33PX,长66.843PX)

抽屉柜:矩形(宽90.75PX,长42.149PX)

矩形(宽73.498PX,长29.797PX)

矩形(宽34.919PX,长5.704PX)

矩形(宽33.141PX,长10.855PX)钢笔工具添加锚点后,拉成较为圆润的造型。

桌角,矩形(宽5.425PX,长17.234PX)

矩形(宽206.781PX,长11.128PX)

AI教程!扁平风格温馨室内插画

4.11 绘制桌上的物品

新建矩形(宽8.191PX,长25.054PX)

矩形(宽37.44PX,长43.67PX)

矩形(宽2.056PX,长55.347PX)

矩形(宽13.299PX,长4.113PX)

书1

使用矩形工具绘制出顶部(宽22.881PX,长3.666PX)

左侧封面(宽22.881PX,长3.666PX)右侧复制翻转即可。

书页使用钢笔工具勾出轮廓。

书2

矩形工具(宽55.795PX,长28.444PX)使用直接选择工具拉动左边锚点。

白色书页,矩形工具(宽49.622PX,长19.962PX)

阴影部分使用圆角矩形工具和复制书的外轮廓,通过圆角矩形减去顶层得到。其余使用钢笔工具绘制。

枕头

使用钢笔工具绘制出抱枕形状,再复制一层做阴影。再使用直线段工具绘制6根长度超过抱枕的线,选中2、4、6后用路径查找器中的分割,并向45度移动。

AI教程!扁平风格温馨室内插画

4.12 绘制两个相框

相框1:矩形(宽111.068PX,长83.152PX,描边3.28PX)

相框阴影,ALT键复制矩形,剪刀工具裁剪出所需要的高光和阴影。透明度为100%,模式为明度。

新建矩形工具(宽85.162PX,长52.745PX)复制两个同样的矩形,一个更改填充,另一个交错叠在下面,使用路径查找器中的“减去顶层”,得到阴影。

矩形(宽16.792PX,长42.577PX)

矩形(宽10.686PX,长426.979PX)

椭圆绘制半圆(填充#BDAC81)

矩形(宽10.686pX,长426.979PX)旋转90度。

矩形(宽19.845PX,长452.819PX)

分别打入文字,选择面板中的文字——文字方向——垂直,或选择直排文字工具。

高光使用钢笔工具或者矩形工具即可,模式滤色,透明度78%。

相框2:

矩形(宽1110.638PX,长165.347PX,描边3.28PX)

阴影方法、填充颜色同上。

矩形(宽77.991PX,长123.823PX)阴影方法同上,框中的画用钢笔工具勾出轮廓。

高光、填充颜色同上。

AI教程!扁平风格温馨室内插画

4.13 绘制浮雕

使用钢笔和椭圆绘制,填充参数如下:

AI教程!扁平风格温馨室内插画

步骤五:绘制阴影

5.1 阴影填充参数如下图所示:

顶部阴影使用矩形工具和椭圆工具,减去顶层得到。

5.2 植物盆栽的阴影用Alt键复制1层,通过形状生成器Shift m按住Shift删减多余的部分。左边与上一步阴影通过路径查找器做“联集”,阴影填充和13.1一样。右边阴影较深,填充后打组。

5.3 桌底、钟使用钢笔工具勾出轮廓。

5.4 浮雕、相框、刻度、桌上的物品复制后使用形状生成器,或者路径查找器中的“联集”。

AI教程!扁平风格温馨室内插画

步骤六:导出图片

在菜单栏中选择文件——导出——导出为——选择储存地址和储存格式——分辨率——确定。

AI教程!扁平风格温馨室内插画

最终效果

AI教程!扁平风格温馨室内插画

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

【优优教程网 365 打卡计划】

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

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

>> AI教程!扁平风格室内场景插画
>> AI教程!充满森林气息的室内插画

AI教程!扁平风格温馨室内插画


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

未经允许不得转载:百木园 » AI教程!扁平风格温馨室内插画

相关推荐

  • 暂无文章