当前位置:首页ps教程卡通插画:PS绘制扁平化风格的房屋插画
卡通插画:PS绘制扁平化风格的房屋插画
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要使用Photoshop绘制扁平化主题的房屋插画,教程主要用到了布尔运算运用、简单图层样式的运用、渐变色应用,最后在把细节把控控制好完成效果图,希望思缘的朋友可以喜欢。

首先整理下大致内容:

1:布尔运算运用

2:简单图层样式的运用

3:渐变色应用

4:细节把控

先看看效果图

卡通插画:PS绘制扁平化风格的房屋插画

下面是教程

卡通插画:PS绘制扁平化风格的房屋插画

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

步骤4.绘制屋顶太阳能热水器,布尔运算方法。 步骤5.绘制小屋屋顶,形状变形+图层蒙版。 按照以上方法,画出主屋侧边漏水管、小屋烟窗及屋面的色块砖,丰富主体物不要忘了添加外沿墙的投影(#863026,透明度:50%) PA

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

卡通插画:PS绘制扁平化风格的房屋插画

步骤5.绘制小屋屋顶,形状变形+图层蒙版。

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

PART3:绘制设施及树木

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

卡通插画:PS绘制扁平化风格的房屋插画

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

依次画出另一颗树

卡通插画:PS绘制扁平化风格的房屋插画

步骤3.电线杆绘制 PART4:绘制星空 步骤1.绘制云通过布尔运算去处理,颜色#ffffff。月亮#f1f56d外晕通过层次渐变,叠加效果处理同样使用颜色#f1f56d不同透明度效果(18% 、7%),叠加出来。 步骤2.运用上述方法画出第

步骤3.电线杆绘制

卡通插画:PS绘制扁平化风格的房屋插画

PART4:绘制星空

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

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

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

卡通插画:PS绘制扁平化风格的房屋插画

进入论坛交配作业:http://www.4tu.cn/thread-855075-1-1.html

温馨提示:

文章标题:卡通插画:PS绘制扁平化风格的房屋插画

文章链接:https://www.4tu.cn/photoshop/21384.html

更新时间:2024年08月16日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

立体海报:巧用PS的3D功能制作立体海报

2024-8-16 9:36:58

ps教程

祛痘磨皮:使用PS给人像精修磨皮教程

2024-8-16 9:38:16

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧