Illustrator绘制扁平化风格的房屋和路灯效果

时间:2017-9-27 12:56:43   作者:   来源:   阅读:567   评论:0
内容摘要:本教程主要使用Illustrator绘制扁平化风格的欧式建筑房屋,我们观察一下,这是一个扁平的插画,所以呢我们做的更多是一些高光和阴影的处理。感兴趣的朋友可以跟着教程一起来学习吧。先看看效果图:首先,还是新建一个文档。(800*600px,键盘增量设为1px)step 1 :要想富,先修路新建一个800*120px,颜...
本教程主要使用Illustrator绘制扁平化风格的欧式建筑房屋,我们观察一下,这是一个扁平的插画,所以呢我们做的更多是一些高光和阴影的处理。感兴趣的朋友可以跟着教程一起来学习吧。

先看看效果图:

Illustrator绘制扁平化风格的房屋和路灯效果,PS教程,思缘教程网

首先,还是新建一个文档。(800*600px,键盘增量设为1px)

Illustrator绘制扁平化风格的房屋和路灯效果,PS教程,思缘教程网

step 1 :要想富,先修路

新建一个800*120px,颜色为#706B79的矩形,然后在它上面加一个704*10px,颜色为#A8A5AA矩形和一个704*6px,颜色为#706B79的矩形。

Illustrator绘制扁平化风格的房屋和路灯效果,PS教程,思缘教程网

ok,路以通,我们来建个商店赚钱吧。

step 2 :建个商店。

1)新建一个314*7px,颜色为#9D9588的矩形作为商店的地面。然后建一个36*256px,颜色为#E9E7DC的矩形作为商店的侧墙。再在墙上添加两个22*53px,颜色为#F9F6E6的矩形,和一个22*125px,颜色为#F9F6E6的矩形作为墙上的装饰(浮雕。。)然后这3个矩形都让他们有个5px的反向圆角。

Illustrator绘制扁平化风格的房屋和路灯效果,PS教程,思缘教程网

2)将刚刚的3个装饰(浮雕)编组,复制两次,然后将上面一个向下移动2px,再选中它的下一层,布尔运算,减去顶层,改变颜色为#D6D4C3。将新得到的装饰连同墙一起编组,复制一个,移到右边对应的位置。

Illustrator绘制扁平化风格的房屋和路灯效果,PS教程,思缘教程网

3)新建一个90*180px的矩形,颜色为#EAAB61作为门。然后再建一个62*34px,颜色为#DB9747的矩形(可能是宠物的入口。。)然后给这个宠物门做个阴影。复制两次,减去顶层,改变颜色(平面里添加层次感)。

Illustrator绘制扁平化风格的房屋和路灯效果,PS教程,思缘教程网


标签:绘制 扁平 风格 房屋 路灯 

免责申明:

站内素材文件均整理自互联网,仅供个人学习参考使用,请勿用于商业用途,如您喜欢请购买正版

站内资源除部分为本站原创外皆由网上搜集和整理,若无意中侵犯到您的权利,敬请告之(QQ:2390986128)敬请告之,我们将在48小时内删除。知识产权声明】【★下载说明★】

图库精选

全站地图