纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页photoshop教程图片处理

设计立体渐变风格的建筑场景插画图片 Illustrator插画制作教程

大玲子   2021-06-11 我要评论
Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片。教程主要是建筑物的描绘和植物的渐变层次主要运用了形状工具和椭圆工具的组合变化增加锚点调整锚点等主要知识点喜欢的朋友们动手练习一下吧!效果图

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

教程步骤

首先我们来分析这张建筑风景插画插画的主体是有红色墙、白色墙、屋顶等三部分组成的建筑房子以及房子周围的三个树丛等装饰物。

所以绘制时我们将按照5个步骤来进行分别是

1.新建文档->2.创建背景->3.绘制建筑物->4.添加植物装饰->5.调整和导出现在来一步步详细说明:

步骤一、新建文档

1.1打开Adobe Illustrator点击文件->新建(快捷键Ctrl+N)创建一个新文件参数设置如下:

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

步骤二、创建背景

2.1 在绘制前首先确定已在菜单栏->视图中开启了“对齐网格”功能。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

2.2 找到 AI 的图层面板双击图层名称处将名称修改为【背景】。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

2.3 选中【背景】图层使用矩形工具(快捷键M)绘制 800*600px 的矩形颜色填充为 #fee0d7 。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

2.4 找到【对齐】面板将对齐方式设置为【对齐画板】然后选中刚才绘制的矩形分别点击【水平左对齐】和【垂直顶对齐】将矩形与画板居中对齐(新建的矩形与画板上下左右完全重合就是已经对齐了)。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

2.5 接着选中该矩形按 Ctrl+2 将矩形锁定这样我们接下来的操作就不会影响到背景层了。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

步骤三、绘制建筑物

建筑物由【红色墙】、【白色墙】、【屋顶】等三部分组成主要使用「建立矩形」、「颜色填充」「物体对齐」等方法。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1绘制房子主要墙体

3.1.1 新建图层命名为【建筑物】并将该图层放在【背景】图层上方。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.2 选中【建筑物】图层绘制第1个矩形「红色墙面」宽度为 260px 高度为 165px 填充颜色为 # f6646e ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.3紧贴「红色墙面」左侧绘制第 2 个矩形「透视面」宽度为 5px 高度为 187px 填充颜色为 #c7d6c8 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.4 紧贴「透视面」左侧绘制第 3 个矩形宽度为 87px 高度为 187px 填充颜色为 #ffffff ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.5 完成后调整三个矩形的位置关系如下图:

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.6 使用直接选择工具点击矩形 2 右上方锚点下移 14px ;点击矩形 3 右下方锚点上移 8px 形成透视面;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.7 紧贴「红色墙面」的下方绘制矩形 4 宽度为 265px 高度为 8px 填充颜色为 #f3c5d9 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.8 使用【直接选择工具】点击矩形 4 左上角锚点向右平移 5px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.1.9 选取4个矩形鼠标右键进行编组;

3.2绘制屋顶的形状

3.2.1 紧贴「红色墙面」的上方绘制一个新的矩形 1 宽度为 273px 高度为 36px 填充颜色可默认状态;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.2.2 使用【直接选择工具】选中矩形最上方左侧点将点向左平移 26px 选中最上方右侧点将点向右平移 18px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.2.3 紧贴矩形1绘制一个长为317px高为23px的新的矩形2使用【直接选择工具】删除最上面左侧的锚点;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.2.4 选择矩形1和矩形2进行【形状合并】;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.2.5 使用【直接选择工具】选择最右边下方锚点下移 28px ;鼠标右键调整图形顺序:排列–置于底层;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.2.6 完成后【渐变】填充:

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.3绘制屋顶暗部

3.3.1 紧贴屋顶右侧边沿绘制长为 95px 高为 59px 的矩形使用【直接选择工具】选择最上方左侧锚点删除;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

 

3.3.2 选择屋顶和屋顶暗部使用【路径查找器】-【分割】;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.3.3 鼠标右键取消编组删掉多余部分【吸管工具】吸取屋顶渐变。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.3.4 对屋顶两个形状进行编组;鼠标右键–排列–后移一层(Ctrl+[)后移到墙面后:

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.4绘制屋顶亮部屋檐

3.4.1 绘制长度为 318px 高度为 3px 的矩形 1 颜色填充 #ffffff ;旋转 4° ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.4.2 使用【直接选择工具】按住Shift选择左侧两点【水平居中对齐】;同样选择右侧两点【水平居中对齐】;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.4.3 绘制长度为 3px 高度为 53px 的矩形 2 颜色填充 #ffffff ;与上一个矩形【相交】使用【路径查找器–形状模式-联集】

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.4.4 绘制好屋顶部分选取屋顶部分鼠标右键进行编组;

建筑的基础造型绘制完毕!

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

接下来开始丰富建筑的细节往下看哦!

3.5制作红色墙面细节

分析:红色墙面的细节比较多主要分为「红墙纹理」、「红墙木框」、「红墙窗户」、「红墙阴影」等四大部分。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.1绘制红墙窗户

分析:红墙的窗户部分分为窗户的基本型、窗户的内部光影、以及窗户的窗栏三大部分;接下来一一绘制。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.2 绘制窗户的基本型;

3.5.3 绘制长度为 130px 高度为 107px 的矩形 1 填充颜色为 #ffa05f ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.4 再绘制一个长度为 119px 高度为 97px 的矩形 2 填充颜色 #2a3c99 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.5 选取两个矩形【对齐–水平居中对齐–垂直居中对齐】;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.6 选取矩形2【对象–路径–偏移路径】偏移 -4px 得到矩形 3 填充颜色 #743a89 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.7 调整窗户的位置:窗户距离红墙右边沿 8px 距离红墙下边沿 34px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.8 窗户的基本型绘制好了接下来开始绘制窗户的内部光影

3.5.9 绘制「窗户内部光阴」

3.5.10 接着 Ctrl+C, Ctrl+F 原位复制偏移得到的矩形 3 填充颜色 #190968 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.11使用【直接选择工具】将右下角锚点向上平移 31px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.12使用【添加锚点工具】在形状的下边沿添加一锚点;使用【直接选择工具】将锚点移动重合矩形 2 的下边沿;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.13 Ctrl+C, Ctrl+F 原位复制图形填充颜色 #481499 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.14 使用【直接选择工具】将右下角锚点向上平移 48px 将左下角右侧锚点向左平移 52px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.15 将形状【混合模式–正片叠底】改变形状透明度为 64% ;得到如下图形效果:

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.16 绘制一个长度为 7px 高度为 26px 的矩形填充颜色 #190968 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.17 将矩形放置在窗内对齐;使用直接选择工具选择矩形的左上锚点向下平移 7px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.18 绘制一个长度为长度为 8px 高度为 76px 的矩形 1 填充颜色为渐变;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.19 将矩形透明度–变亮–不透明度 20% ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.20 再绘制一个长度为 7px 高度为 43px 的矩形 2 填充颜色为渐变不透明度 59% ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.21 复制矩形 2 向右平移 4px 得到矩形 3 

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.22 调整具体位置具体参数如下

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.23 最后做窗户的杆子:绘制一个长度为 7px 高度为 92px 的矩形填充颜色 #2a3c99 放置在合适的位置衔接窗户;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.24 原位复制矩形向右平移 23px 重复这一步骤选取三个矩形【垂直居中对齐】;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.5.25 窗户部分绘制完毕选取窗户部分进行编组。

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6 绘制红色墙面纹理

3.6.1 新建长度为 242px 高度为 116px 的矩形填充颜色渐变;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.2 选取矩形鼠标右键【排列–后移一层】重复步骤将矩形放置在窗户底调整窗户、墙面阴影的具体位置;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.3绘制长度为 60px 高度为 4px 的矩形 1 填充颜色 #ffa76c ;

3.6.4 与墙面阴影底部和窗户边沿对齐;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.5 绘制长度为 2px 高度为 100px 的矩形 2 填充颜色 #ffa76c ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.6 原位复制矩形向右平移 50px 选取两个矩形对象–混合–混合选项–指定步数然后建立混合选项 1 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.7原位复制混合选项填充颜色 #8363a0 向右平移 2px ;得到混合选项 2;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.8 原位复制混合选项 1 填充颜色 #430b13 向左平移 2px ;得到混合选项 3;

3.6.9得到效果图并调整位置与墙面阴影左侧贴合;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.10 绘制一个长度为 120px 高度为 4px 的矩形填充颜色 #ffa76c ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.11 放置在混合选项【顶部对齐】贴合窗边并将其进行编组;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.12 绘制一个长度为 4px 高度为 16px 的矩形颜色填充 #ab3e68 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.13 移动到底部黄色矩形【相交】原位复制矩形并平移到相应位置平移4次;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.14 绘制一个长度为 239px 高度为 4px 的矩形颜色填充 #ab3e68 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.15 调整位置与五个矩形的底部重合

3.6.16 将以上矩形进行编组鼠标右键–排列–向后一层(Ctrl+[)将其放置与窗户底部;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.17 绘制一个长度为 4px 高度为 14px 的矩形颜色填充 #dd7a94 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.18 移动到上方黄色矩形相交;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.19 原位复制矩形并向右平移 53px 到相应位置平移 2 次;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.20 编组鼠标右键–排列–向后一层(Ctrl+[)将其放置与窗户底部;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.21 绘制一个长度为 249px 高度为 4px 的矩形颜色填充 #ffffff ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.6.22 移动矩形位置与底层渐变矩形上边沿衔接;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7添加红色墙面光影

3.7.1 绘制一个长度为 258px 高度为 18px 的矩形颜色填充为 #5d2882 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.2 将矩形移动到红墙与红墙顶部对齐;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.3 使用【直接选择工具】选择矩形右下方锚点向左平移 138px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.4 将图形的混合模式更改为【正片叠底】透明度20%;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.5绘制长度为 33px 高度为 173px 的矩形将矩形移动与红墙左侧边对齐选择【吸管工具】吸取上一步制作的红墙阴影;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.6 使用【添加锚点工具】给矩形左侧靠近底端添加一个锚点;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.7 使用【直接选择工具】将左侧底部的锚点向左平移5px;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.8 绘制长度为 138px 高度为 34px 的矩形将矩形与红墙底部直角对齐;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.9 使用【直接选择工具】选择左下方锚点向右平移 25px ;【吸管工具】吸取红墙阴影;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.10 绘制长度为 8px 高度为 107px 的矩形将矩形与窗户、红墙右侧对齐;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.11 使用【直接选择工具】选择左上方锚点向下平移 9px 【吸管工具】吸取红墙阴影;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.12 绘制一个长度为 4px 高度为 10px 的矩形将矩形与墙面的白色光影对齐【吸管工具】吸取红墙阴影;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.7.13 绘制完红墙的阴影进行编组;

以上红墙内容制作完毕。

接下来开始绘制白墙的墙面内容。

3.8 白墙的墙面内容

3.8.1 绘制一个长度为 87px 高度为 6px 的矩形 1 填充颜色为【渐变】;

3.8.2调整矩形与白色墙面【顶端对齐】;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.8.3绘制一个长度为 32px 高度为 6px 的矩形 2 填充颜色为 #afb8ae ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.8.4对象–路径–偏移路径–偏移-2px得到同心矩形 3 填充颜色 #6e726e ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.8.5此同心矩形离白色墙面顶部 38px ;

3.8.6 原位复制将同心矩形下移 27px 重复 4 次得到效果图;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.8.7完成后进行编组;

3.8.8红白墙面绘制完后接下来开始做屋顶的细节.

3.9绘制屋顶细节

3.9.1 新建长度为 113px 高度为 1px 的矩形 1 颜色填充 #380c64 

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.2复制矩形 1 得到矩形 2 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.3将矩形 1 放置在红色墙面白色矩形上方 83px 并旋转 30° ;

3.9.4将矩形 2 放置在屋檐的左侧边沿矩形 1 矩形 2 在同一水平面上并旋转 150° ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.5选取矩形 1 矩形 2 对象–混合–混合选项–间距(指定的距离)50px 然后对象–混合–建立得到以下效果;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.6选取得到的混合选项调整形状图层顺序效果如图;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.7新建宽度为 100px 高度为 1px 的矩形 3 颜色填充为【渐变】原位复制矩形 3 并向上移动得到矩形 4 ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.8将矩形 4 旋转 25° ;矩形 3 旋转旋转 30° ;选取矩形 3 矩形 4 调整图形顺序得到效果图;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.9原位复制屋顶白色边沿填充颜色 #18004c;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.10沿屋檐结构线右平移 62px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.11使用【直接选择工具】选取右下方两个锚点向上平移 29px ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.12选取左边两个锚点向右平移 62px ;得到效果图;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.13绘制长度为 4px 高度为 20px 的矩形 5 填充颜色为 #18004c ;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.14距离红墙左侧边沿50px调整矩形位置在红墙上方;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.15绘制长度为4px高度为35px的矩形6填充颜色为#18004c;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

3.9.16距离红墙右侧边沿50px调整矩形位置在红墙上方得到效果图.

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

步骤四、添加植物装饰

建筑部分绘制完后开始绘制周围植物

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1制作植物群1

4.1.1 绘制一个宽度为35px高度为36px的椭圆1颜色填充为渐变;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.2 使用直接选择工具将上面的锚点右移4px右锚点向左平移3px;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.3 绘制宽度为42px高度为101px的椭圆2填充颜色为渐变;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.4 使用添加锚点工具右上方添加锚点使用直接选择工具适当调整锚点;效果如图:

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.5 绘制宽度为58px宽度为160px的椭圆3填充颜色为渐变;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.6 使用椭圆2同样的方法添加锚点适当的调整锚点;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.7 得到三个植物的造型用排列调整三个图形的前后关系

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.8 绘制一个宽度为132px高度为144px的矩形遮住植物显露的部分

4.1.9 使用建立剪切蒙版得到植物的效果图

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.1.10 调整形状顺序

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2制作植物群2

4.2.1 绘制宽度为52px高度为135px的椭圆1填充颜色为渐变使用同样的方法添加锚点调整描点位置

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.2 绘制一个宽度为62px高度为107px的椭圆2;填充颜色为渐变使用直接选择工具调正锚点的位置;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.3 绘制一个宽度为56px高度为62px的椭圆3颜色填充为# 210a63;使用直接选择工具调整锚点;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.4 得到三个植物的造型用排列调整三个图形的前后关系;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.5 绘制一个宽度为7px高度为23px的椭圆4填充颜色为# f85f6b旋转20°;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.6 绘制一个宽度为5高度为16px的椭圆5填充颜色为# f85f6b;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.7 绘制一个宽度为7px高度为23px的椭圆6填充颜色为# f85f6b旋转343°;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.8 绘制一个宽度为3高度为12px的椭圆7填充颜色为# f85f6b旋转20°;调整椭圆位置 并进行编组;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.9 绘制植物群2的投影:

(1)绘制宽为67px高度为98px的椭圆8颜色填充为#c7dac8;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

(2)绘制宽度为50px高度为56px的椭圆9颜色填充为#c7dac8;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

(3)调整适当的位置选取椭圆8椭圆9使用形状模式联集得到阴影图形;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

(4)调整图形顺序设置图形模式为正片叠底透明度为80得到效果图;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.10 绘制宽度为147px高度为143px的矩形遮住植物群2;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.2.11 选取植物群2和矩形建立剪切蒙版得到效果图;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.3制作植物群3

4.3.1 绘制宽度为70px高度为230px的椭圆1

4.3.2 使用吸管工具吸取植物群1植物3的渐变颜色调整渐变;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.3.3 使用添加锚点工具添加锚点;使用直接选择工具调整锚点位置得到植物1的效果图

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.3.4 绘制宽度为60px高度为152px的椭圆颜色填充为渐变;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.3.5 使用添加锚点工具添加锚点;使用直接选择工具调整锚点位置得到植物2的效果图

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

4.3.6 调整植物的位置并进行编组鼠标右键–排列–置于底层;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

步骤五、调整与导出

5.1 新建一个长度为800px高度为600px的矩形对齐背景;

5.2 填充颜色为渐变;调整混合模式调整不透明度;

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

5.3 新建矩形渐变填充

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

5.4 最后检查一遍文件–导出–导出为-jpeg格式–勾选使用画板导出

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片

最终效果

Illustrator插画制作教程:设计立体渐变风格的建筑场景插画图片


相关文章

猜您喜欢

  • 线描风格城市 AI手绘插画教程 手工用线条绘制城市建筑插画图片

    AI手绘插画教程:手工用线条绘制城市建筑插画图片线描风格城市插图。效果图 1. 怎样设置新的项目文件 由于我假定您已经在后台运行了Illustrator请将其启动并使用以下设置为我们的项目设置新文档(文件新建或Control-N): 画板数量: 1 宽度: 1200 px 身..
  • 个性的水晶立体字立体浮雕字体 CorelDraw制作海报立体字

    CorelDraw制作海报立体字个性的水晶立体字立体浮雕字体立体艺术字这个立体字的效果在海报中经常的用到经常遇到人问这个效果是怎么做的今天就可以一起来学习吧。先来看看最终的效果图吧: 具体的制作步骤如下: PS后期修饰步骤如下:借机展示一下..

网友评论

Copyright 2020 www.Shellfishsoft.com 【贝软下载站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式