哈喽~大家好,这次我给大家分享一个小插画:扁平夜景房屋。我用的是PS哦,AI 也可以。

首先整理下大致内容:

1:布尔运算运用

2:简单图层样式的运用

3:渐变色应用

4:细节把控

 

PART1:绘制背景

Step1.首先新建画布1200*900px,分辨率72px,然后画个矩形做底色,填充颜色如下:

 

PART2:绘制房屋

Step1.首先在页面合适的位置通过矩形合并形状来画出主房屋的墙面,颜色#ee7250

 

 

Step2.接下来,在地面合适的高度把屋的外延用矩形画出来并把阳台的颜色与主墙颜色区分拉开 层次,接着需要注

 

 

Step3.大体外形建立后,我们要把房子他的窗户和们制作出来,这里主要利用到的是矩形合并 方法,要主要的是图

 

 

依次画出页面的窗户或者门

 

 

Step4.屋顶太阳能热水器制作

 

 

Step5.绘制小屋屋顶

 

 

按照以上方法,画出主屋侧边漏水管,以及小屋烟窗和屋面的色块砖,丰富主体物 不要忘了做出外沿墙的投影(#863026,透明度:50%)

 

 

PART3:绘制设施及树木

Step1.背景树采用圆圈合并图层+矩形补充,矩形修正起水平线。首先用圆形工具画出第一个 圆,按住alt拖动复制圆调整其大小,因为树丛是高低错落的,圆形只能勾勒起外型还需 通过矩形合并叠加来填满空余,最后要通过矩形(减去顶层形状)来修整在一条水平线上。 颜色采用透明渐变色,渐变加强其上下空间,留有的呼吸空间,添加透明是和背景色很好 的融入。注意层次感

 

 

Step2.绘制单颗数木,注重树球的前后层次关系

 

 

相同的方法完成另一颗树

 

 

Step3.电线杆绘制

 

 

PART4:星空处理

Step1.绘制云和上述,背景树丛一样的原理,采用白云#ffffff。月亮是通过层次渐变,相同颜色 不同透明度效果,叠加出来。

 

 

Step2.运用上树方法画出第二种云

 

 

Step3.绘制四角星。颜色#ffffff用矩形工具

 

 

Step4.最后通过复制其他的云和星星,完成最后的效果,注意星空的层次感,所以要把控好云和 星星的大小及透明度。

 

注意点:
1:布尔运算运用
2:简单图层样式的运用
3:渐变色应用
4:细节把控

原图链接:https://dribbble.com/shots/2858845-Hometown
原作者:Rwds

 

 

转载请注明:学UI网 » 扁平夜景房屋插画

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
教你绘制梦幻星空【AI插画】教你绘制梦幻星空【AI插画】
AI打造线发光纤维效果AI打造线发光纤维效果
黄金比例Logo 【AI教程】黄金比例Logo 【AI教程】
字母人像插画组合视觉造型字母人像插画组合视觉造型
噪点插画教程【PS教程】噪点插画教程【PS教程】
一张神奇有趣的海报效果制作全过程一张神奇有趣的海报效果制作全过程
2.5D插画教程【AI教程】2.5D插画教程【AI教程】
平面设计创意365天 第二季共180集(海外同步更新中)平面设计创意365天 第二季共180集(海外同步更新中)
教你用AI+PS画一只可爱的小象教你用AI+PS画一只可爱的小象
平面设计创意365天 第一季共182集平面设计创意365天 第一季共182集