当前位置:首页>ps实例教程>ps绘画教程>插画教程>教程内容

插画制作,用PS制作一副扁平化得夜景房屋插画(4)

来源:站酷 作者:紫儿妖姬 学习:4403人次

本篇教程通过PS制作一副扁平化得夜景房屋插画,教程可以通过PS制作,也可以通过AI制作,我们会用到布尔运算、图层样式、渐变色等,通过这些制作安静的夜景房屋,教程比较详细,同学们可以根据教程所述尝试着做一下,对制作插画有兴趣的同学们可以跟着做一下,具体如何做通过教程来学习一下。

效果图:

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com
www.16xx8.com

操作步骤:

首先整理下大致内容:

1:布尔运算运用

2:简单图层样式的运用

3:渐变色应用

4:细节把控

PART1:绘制背景

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

PART2:绘制房屋

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

PART3:绘制设施及树木

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

依次画出另一颗树

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

Step3.电线杆绘制

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

PART4:绘制星空

Step1.绘制云通过布尔运算去处理,颜色#ffffff。月亮#f1f56d外晕通过层次渐变,叠加效果处理同样使用颜色#f1f56d不同透明度效果(18% 、7%),叠加出来。

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

Step2.运用上述方法画出第二种云效果。

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

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

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com

完成:

插画制作,用PS制作一副扁平化得夜景房屋插画_www.16xx8.com
www.16xx8.com

操作的时候小心细节的把控,跟着教程一起来学习一下吧。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
红酒煮茶2020-04-03 09:16
我的作业:

愤青吼吼2019-01-16 04:51
画了一天,那个背后的树林还是不会操作,那个运算不熟。
MyGril2018-11-13 11:34
评论给我们鼓励...
我喜欢转笔婷2018-09-27 12:44
今天练路考,师父叫我看看油还有多少,我拧开油箱盖看了半天也没看清楚,光线太暗。我顺手摸出打火机凑近油箱口,就在我准备按下打火机的时候师父一脚把我踹飞了,尼玛到现在劳资还在医院输液。我决定明天就退款,这师傅脾气太坏了。我要换驾校!!!
铭心的思念2018-09-26 11:36
非常喜欢作者的教程
酒玖月晞2018-09-26 10:07
加油
清纯小年代2018-09-26 02:56
给力
阿基米德奶茶2018-09-26 02:56
给力
是小受哦2018-09-26 02:56
真棒
岁岁莫愁2018-09-26 02:53
打卡
龙翔天籁2018-09-26 02:52
已阅

关注大神微博加入>>

网友求助,请回答!