插画教程!街边拐角小店绘制思路分享

关于教程

先来说说我画这幅图的大概步骤吧,买一个毛坯房-涂料上色-置办家具-养只宠物-种上绿植-美化天空。

整个过程就感觉像是修建了一栋属于自己的房子,是不是感觉很有趣哈哈。

在接下来的教程里我主要重点讲解原创一幅噪点插画的思路及步骤,希望可以帮助喜欢插画的小伙伴们。

步骤1

定主题,找参考

因为此次原创是不限主题的,所以我选择了自己比较感兴趣的内容-插画类(当自己不知道该做什么的时候那就做自己最喜欢的)。

首先在各类优秀设计网站上浏览寻找灵感,我搜了很多插画类作品,自己觉得好看的就保存下来,后来发现我保存的大部分都是噪点插画,尤其其中一幅粉色的配色我很喜欢。所以我就决定也做一幅以粉色为主色的噪点插画。

接下来就是找作品参考,我在网上找了很多漂亮的房子,窗台,小屋,建筑等等图片,最后选取了一张街角小屋的图片,主要是因为这张照片角度比较正,结构不是太复杂,房子部分大都可以用基本形状画出来,简单漂亮。接下来就开始动手啦!

配色风格参考:

插画教程!街边拐角小店绘制思路分享 教程 第1张

内容参考:

插画教程!街边拐角小店绘制思路分享 教程 第2张

步骤2

画底稿。

在ai里画出房子基本形状,然后导出psd,在ps里将图层分类编组命名,便于后期上色。

其实这部分形状比较简单,习惯用ps的同学也可以直接在ps里画。这部分主要运用工具有形状工具,直接选择工具,钢笔工具。

插画教程!街边拐角小店绘制思路分享 教程 第3张

步骤3

第一遍上色。

选取颜色参考图里的主色调粉色填充墙面,然后用HSB调色法调整颜色分别将门窗,房檐,顶棚,桌子填充颜色。

在颜色选取的时候我们还可以通过一些配色网站找一些和主题色比较搭配的一些颜色拿来使用。

这一步骤不要求细节,只是先大概涂一下底色,后面第二遍上色的时候再进行细节刻画。

插画教程!街边拐角小店绘制思路分享 教程 第4张

步骤4

调整内容,绘画过程中一定要边画边看。

此时大概可以看出房子的基本效果。这个时候观察发现左边的窗户形状整体不太搭,右侧墙面的窗户感觉太拥挤。

所以我将左边窗户换成弧形的,右侧窗户去掉。

插画教程!街边拐角小店绘制思路分享 教程 第5张

步骤5

第二遍上色,制作噪点肌理感。

这个过程需要用到一些颗粒感笔刷。我主要运用这三种笔刷:“杂色肌理1”、“中密度色粉”、“喷枪1”,笔刷是我在手绘基础营学习的时候老师发的。

“杂色肌理1”主要涂抹面积比较大的部分如墙面;“中密度色粉”涂抹面积小一些的地方如门窗,桌子,屋檐等;“喷枪1”增加层次颗粒感。

在使用笔刷的过程中注意随时调整不透明度变化和画笔大小。

定好光源的方向,运用笔刷刻画出物体的暗面、灰面、亮面、高光,投影。

插画教程!街边拐角小店绘制思路分享 教程 第6张

插画教程!街边拐角小店绘制思路分享 教程 第7张

步骤6

添加装饰物。

房子做好以后,可以开始增加画面内容了,这个时候可以在我们平时生活常见的一些画面里选取素材。

比如趴在桌子上慵懒的猫咪,抽屉里的书籍,多肉,吊篮,墙上的相框等等丰富画面。

前景放了一些大叶片的热带植物,增加绿色,因为画面整体粉色偏多,添加一些绿色来中和一下。

这些小物件的制作基本都是用钢笔工具绘制,平涂上色。另外天空以及背景到天空的过渡也都可以直接用画笔平涂。

插画教程!街边拐角小店绘制思路分享 教程 第8张

步骤7

整体调整出图。

到现在画面基本完成了,最后再观察一下画面中是否有不和谐的地方进行调整。

比如发现背景到天空过渡是粉色,和房子颜色太相近,门的绿色有点深在粉色房子中间显得太突兀。

可以调整色相饱和度将过渡色调成其他相近色,门颜色饱和度降低等方式调整到一个较为和谐的感觉即可。

然后就可以出图啦!

插画教程!街边拐角小店绘制思路分享 教程 第9张

内容投诉

人已赞赏
教程

插画教程!教你绘制扁平化渐变质感插画

2019-9-11 8:00:00

教程

插画教程!绘制可爱星空元素404插画

2019-9-13 8:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索