Illustrator绘制海边房屋场景插画图片

来自:互联网
时间:2019-08-26
阅读:

步骤 05

接着我们在来制作画面左下方的草丛。

用椭圆工具画出,并添加渐变如图所示。下方不需要的部分用 减去顶层 方式可以减掉,也可以不减,因为我们保存时会选择画板,下方不在画板的部分是不会显示的。

做完之后为图层上锁。

填充渐变从左至右,从上至下分别为:

#000000 ~ #04050f ~ #8a3f45,位置 57%

#161b61 ~ #031c48 ~ #14172d ~ #451d27,位置40%,64%,90%

#0e0c27 ~ #0b2452 ~ #904e6a,位置 66%

#1e3770 ~ #182a7b ~ #884164,位置 21%,61%

#1e3770 ~ #182a7b ~ #884164,位置 21%,61%

#1c2b55 ~ #7c6d7f,位置 70%

Illustrator绘制海边房屋场景插画图片

步骤 06

接下来在做地面部分。

用矩形工具画一个800*120px的矩形放在画板的底部,并添加渐变如图所示。

Illustrator绘制海边房屋场景插画图片

然后为这个地面加上粉光影。用钢笔工具画出类似的形状,并添加颜色和高斯模糊。

Illustrator绘制海边房屋场景插画图片

接下来我们在做上面的地面。同样用钢笔工具画出类似的形状,并添加渐变如图所示。

Illustrator绘制海边房屋场景插画图片

步骤 07

整个地面的大色块已经制作完毕现在需要给地面添加细节。

细节图形都是用钢笔工具画的,因为是不规则图形大小大家可以根据自己画面来定。注意的是图形与图形之间要相切对齐。

做完之后锁定图层。

Illustrator绘制海边房屋场景插画图片

Illustrator绘制海边房屋场景插画图片

栅栏是带渐变效果的,图形大小最长的为2px*25px。全部选中,对象-复合路径-建立,然后添加渐变,渐变数值如图。

Illustrator绘制海边房屋场景插画图片

步骤 08

下面制作房子。

房子也是由矩形工具和钢笔工具画出图形添加渐变完成的,因为大部分都是不规则图形,数值不好控制,大家根据自己的画面调节,这里的数值是大约数值,可以自己调整,图形与图形之间对齐即可。可以用钢笔工具直接画,也可以用矩形工具加“联集”或者“减去顶层”来制作,我就挑几个有代表性的说一下。

① 绘制房子前面图形:

点击星形工具,用键盘上上下左右键的 ↓ 将边数减到3变成三角形,绘制一个宽106px、高63px的三角形。

再换成矩形工具,绘制两个106px*4px和95px*119px的矩形。

将三角形和两个矩形按顺序组合在一起,全选后 形状模式 里面的 联集,这三个形状集合成一个如图所示的形状了。并添加渐变如所示

Illustrator绘制海边房屋场景插画图片

② 绘制窗户:

选择矩形工具画一个20px*37px描边数值为1px的矩形,ctrl+c 、trl+f 原位复制后对象-路径-偏移路径(-2px)。把偏移后的矩形数值设置为16px*32px,并稍微拖动让上面的宽度大一些。选择两个矩形后 形状模式 里的“减去顶层”得窗框并添加#141f40的色值。

之后再用矩形工具画一个17px*35px,两个9px*24px的窗户里面的渐变矩形。不难发现每个矩形是单独的渐变这样是不对的。所以我们还是需要使用联集把这三个图形连成一个图形。

然后还是用矩形工具画一个10px*28px的矩形放在窗框的两侧,这时候有两个选择,第一种是可以和做中间窗框一样偏移路径得到。第二种就是让中间的渐变排列在两侧窗框的上方,调整一下位置就可以得到最后的图形了,看自己选择。

Illustrator绘制海边房屋场景插画图片

同理。下方的窗户做法也是一样的。我就不过多赘述了。

中间窗框的数值为20px*37px,描边数值为0.5px。两边数值为10px*36.5px,描边数值为1px。

③ 绘制房檐:

接着在用星形工具绘制一个宽119px高72px的三角形,ctrl+c、ctrl+f 原位复制后对象-路径-偏移路径(-3px)并将偏移后的三角形向下移动到多出底边一些,选中两个图形后“减去顶层”得到房檐,再把两个角稍加调整即可。

Illustrator绘制海边房屋场景插画图片

④ 绘制屋顶:

用矩形工具画一个160px*73px的矩形,然后用直接选择工具调整左下角和右上角变成一个平行四边形,添加渐变如图所示。

Illustrator绘制海边房屋场景插画图片

再用矩形工具画一个宽度为0.8px的矩形长条,添加色值为# 172f61的颜色。复制一条向下拖,ctrl+d 重复上一步。调整边缘使长度与屋顶的平行四边形边相切。

剩下的其他部分就是画好形状再添加渐变即可。

Illustrator绘制海边房屋场景插画图片

Illustrator绘制海边房屋场景插画图片

Illustrator绘制海边房屋场景插画图片

返回顶部
顶部