PS设计教程网欢迎你!

Photoshop设计扁平化风格的夜景房屋插画

文章来源于 站酷,感谢作者 紫儿妖姬 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2018-08-14
本教程主要使用Photoshop设计扁平化风格的房屋插画教程,扁平化风格是大家最喜欢的一种设计模式,一个简约风格的夜景房屋的插画,推荐给思缘的朋友学习,希望大家可以喜欢。

先看看效果图:

Photoshop设计扁平化风格的夜景房屋插画

首先整理下大致内容:

1:布尔运算运用

2:简单图层样式的运用

3:渐变色应用

4:细节把控

PART1:绘制背景

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

Photoshop设计扁平化风格的夜景房屋插画

PART2:绘制房屋

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

Photoshop设计扁平化风格的夜景房屋插画

Step2、接下来,在地面合适的高度把屋的外沿用矩形画出来并把阳台的颜色与主墙颜色区分拉开层次,接着需要注意的是外沿的立体度,通过阴影(#863026 透明度:50%)拉开界面的三维度。

Photoshop设计扁平化风格的夜景房屋插画

Step3、大体外形建立后,我们要把房子他的窗户和们制作出来,这里主要利用到的是矩形合并方法,以及图层之间的前后关系。注意门的细节处理,局部阴影处理。

Photoshop设计扁平化风格的夜景房屋插画

依次丰富页面其它窗户和门。

Photoshop设计扁平化风格的夜景房屋插画

Step4、绘制屋顶太阳能热水器,布尔运算方法。

Photoshop设计扁平化风格的夜景房屋插画

Step5、绘制小屋屋顶,形状变形+图层蒙版。

Photoshop设计扁平化风格的夜景房屋插画

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

Photoshop设计扁平化风格的夜景房屋插画

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