扁平夜景房屋插画 – 韦德1946

哈喽~大家好,这次我给大家分享一个小插画:扁平夜景房屋。我用的是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

 

 

转载请注明:韦德1946 » 扁平夜景房屋插画

登录收藏

学UI就上韦德1946!越努力,越幸运!

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

【特色推荐】

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

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

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

 
你可能喜欢的:
PHOTOSHOP 3D功能系列教程 ②PHOTOSHOP 3D功能系列教程 ②
新人小白快速学习引导页插画设计技巧新人小白快速学习引导页插画设计技巧
蜗牛绘制教程蜗牛绘制教程
PHOTOSHOP 3D功能系列教程 ①PHOTOSHOP 3D功能系列教程 ①
版式设计研究,扭曲技巧版式设计研究,扭曲技巧
3步教你学会PHOTOSHOP 3D酷炫海报3步教你学会PHOTOSHOP 3D酷炫海报
在AI中绘制装饰画在AI中绘制装饰画
零基础扫盲,正片叠底的应用方法零基础扫盲,正片叠底的应用方法
太空狗插画教程太空狗插画教程
抽奖机教程抽奖机教程