PS设计教程网欢迎你!

Illustrator绘制渐变风格的建筑场景插画(5)

文章来源于 优设,感谢作者 大玲子 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2020-03-12
3.7.13 绘制完红墙的阴影,进行编组; 以上,红墙内容制作完毕。 接下来,开始绘制白墙的墙面内容。 3.8 白墙的墙面内容 3.8.1 绘制一个长度为 87px ,高度为 6px 的矩形 1 ,填充颜色为【渐变】; 3.8.2 调整矩形与

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绘制渐变风格的建筑场景插画

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa