扁平夜景房屋插画

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

Illustrator
(0)

相关推荐

  • 扁平人物插插画练习【做作业】

    又到了做作业的时间了,今天我们的作业是一个扁平的人物插画,相对啊来说难度也不是很大.各位 童鞋可以看下面的注意事项哦! 注意: 注意整体的结构比例 注意阴影效果的表现 注意线条的流畅度 要求:提交的作 ...

  • ps扁平化风格插画教程

    扁平化风格插画这是设计师基本技能,根据图片的风景制作成扁平化风格插画或者靠想象力来完成插画.下边就简单的教一下夕阳的插画. 操作方法 01 打开PS软件,先新建一张背景,然后选择左边工具栏的 [渐变工 ...

  • ai制作扁平化风景插画教程

    ai制作扁平化风景插画图文视频教程 操作方法 01 1.新建文件:文件-新建 尺寸随意 可以是800*800 2.置入参考文件:文件-置入 02 3.画一颗小树: 绘制椭圆-顶点削尖-用竖线分割成左右 ...

  • 简单4步,轻松打造扁平风颗粒感插画【AI教程】

    小编:今天@Ethan为大家带来一篇插画教程,简单4步轻松搞定,过程简单效果出彩,不懂AI的小伙伴也不用怕,完全可以跟着教程实现出来,赶快来尝试一下吧! 1.制作插画背景 首先创建文档(文件>新 ...

  • 扁平化风景插画【教程】

    小编:hello,各位小伙伴们又到了做作业的时间了,今天这位给大家分享教程的是一位来自咱们老虎帮的小伙伴哦!大家有啥问题可以去 私聊她哦!记住可撩哦~~ 看完教程咱们交作业咯!点我直达作业提交页面~~ ...

  • 什么是矢量插画(矢量插画怎么绘制)

    今天又是我们发动插画技能的时间了,你准备好了吗?今天我们带来的技能是「色块矢量插画」的绘制技巧.这次的教程是我插画班的助教老师 cici 完成的,先来看一下效果:cici 是我 23 期插画班的学员, ...

  • ai怎么画人物插画(ai能画插画吗)

    扁平插画是最近几年的热门设计趋势之一,其应用范围很广,经常出现在网页.手机界面.广告.海报中.扁平插画可以流行的原因主要有以下几点:1. 它为独创性艺术奠定了坚实的基础,为界面设计,印刷品和品牌产品添 ...

  • 25个微扁平化2.0风格网页设计

    现如今,扁平化设计比起最开始的风格已经没有那么"平"了,更丰富的细节,更清晰的层次,更优秀的视觉体验使得它和初期有了相当大的差别.于是Ryan Allen 在为 Dapper Ge ...

  • 新人小白快速学习引导页插画设计技巧

    你有没有过这样的困惑?UI设计的门槛越来越高,手绘(包括插画)的重要性也被日益重视起来.我只是个刚入行的新手,我不会手绘怎么办?我熟悉PS.AI软件操作但我就是不知道怎么去下手设计插画? 画好插画难不 ...