手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

时间:2022-07-01
类别:手绘教程
水平:进阶
观众:1.3w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

教程作者:蓝贵莲(授权转载自公众号:胡晓波工作室

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

大家好好好好好好好呀!我是专治“不会画癌症晚期”的蓝贵莲!今天又是我们发动插画技能的时间了,你准备好了吗?

今天我们带来的技能是当下比较流行的「扁平风景插画教程」绘制技巧。这次的教程是由助教老师「周哈哈」完成的,先展示下效果:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

我觉得对于基础不好的同学来说,这个风格也容易上手并出效果,所以就让哈哈整理出来,希望对大家有帮助吧~


大家好,我是干啥啥不会,吃啥啥不剩的周哈哈。

平日里忙呀忙呀夹缝里抽空画画,而且还画得慢!磨磨唧唧的性子根本改不了,但是又很热爱插画,最近尝试了新的玩法,并过度沉迷无法自拔,因为我终于可以每日插画打卡了,每天花 1-2 小时画一张完整的作品———然后然后,然后就有了现在这篇分享啦。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

知识重点:造型概括、色块概括

操作工具:数位板 | Photoshop

操作难度:★★★☆☆

扁平风景插画的特点

今天要分享的这类型的扁平风景插画,是通过对照片的概括,大面积的上色,并刻画出体积感的风景画面。既能增强画面概括能力,又可以培养观察能力。(一本正经起来了)。

这类型插画有非常多值得学习的对象,比如,波兰插画家、概念设计师 Slawek Fedorczuk、韩国插画师 Shin jong hun 等等。先来欣赏一下他们的部分作品

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

*图片来自插画师Slawek Fedorczuk,仅供赏析

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

*图片来自插画师 Shin jong hun,仅供赏析

看完是不是觉得很棒并且跃跃欲试?

来来来,上正菜!

#1 绘制草图

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

打开百度,搜索风景图片,尽量选择有前景、中景及远景的照片。在选择照片后要进先行两个步骤的分析:

1.首先观察画面,分析画面景别层次。画出最大的色块。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

2.在最大色块里进行第二次分型,将每个元素画出来。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

接下来我们分析这次挑选的照片。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

照片的层次有了,但是就是元素比较少,我想让画面更丰富一点的,不想完全跟着照片来。于是我就找来另外一个照片做参考。提取了这个照片中的房子和前景的植物。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

于是就得到了下面这张草图:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#2 笔刷介绍

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

在正式开始绘制前,我们先来认识一下本次教程需要用到的笔刷

  • 方头笔-起型——起型和大面积铺色。

特点:实,边缘干净,笔触明显,方形。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

  • 场景-起型——起型、过渡。

特点:边缘自带肌理,可以很好的丰富画面

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

  • 喷枪-过渡——颜色过渡。

特点:薄涂,调和

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

  • 小点——画面最后添加质感使用。

特点:稀疏的肌理,可以进一步增加质感,丰富画面

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

  • 喷溅笔刷——画面最后添加质感使用。

特点:喷墨状的稀疏肌理,可以增加画面质感。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#3 铺大色块

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

颜色在照片的基础上做调整。通过颜色的提取我们可以看出,这个色调是比较柔和的,颜色给人一种朦胧的感觉。照片中的山是冷色调,水和天空是暖色调。整体的饱和度不高。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

但我想要色彩浓郁一点的颜色,所以我在原来颜色的基础上,调整了饱和度:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

颜色确定后,开始铺大色块,先不要去考虑细节,专注与画面中最大的色块,观察画面,分析画面的景别层次关系,离我们越远的地方越虚的(对比度越弱),但是边缘依然是要保持清晰。元素边缘不要太碎。

接下来,正式开始。使用【方头笔-起型】笔刷,使用将前景、中景和远景进行概括。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:注意铺色时流量选择100%。

使用【方头笔-起型】笔刷,继续划分画面,在每个景别里继续分层级。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

使用【方头笔-起型】笔刷,这个时候画面里的元素就基本概括出来了。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#4 切分光影色块

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

在继续刻画前,我们通过观察照片中光的走向,来设计我们画面的光源方向。离太阳最近的地方(山川), 光是最强的,其他地方渐弱。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

STEP 1 明暗过渡

我们在铺明暗色块之前,先用喷枪笔刷,给色块进行一个明暗的过渡。

以山川这部分举例:

使用【喷枪-过渡】笔刷进行过渡。亮面的过渡色吸取我们前面确定好的山川的最亮的颜色,暗面吸取最暗的颜色。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:过渡时笔刷不透明度或者流量可以保持在50%-80%。

其他地方也用同样的笔刷进行一样的操作。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

STEP 2 划分明暗

接下来用色块划分明暗。

  • 山川的绘制

使用【方头笔-起型】笔刷对山川进行明暗的分块。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:注意笔刷流量在100%。

  • 水面的绘制

使用【方头笔-起型】笔刷对水面进行明暗分块。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

  • 石头的绘制

使用【场景-起型】笔刷对水面进行明暗分块。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:注意笔刷流量在100%。

  • 地面的绘制

使用【场景-起型】笔刷对地面进行明暗分块。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:明暗可以相互叠加。

  • 植物的绘制

使用【方头笔-起型】笔刷对植物进行明暗分块。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:注意笔刷流量在100%。

接着使用【滤镜】中的高斯模糊将植物进行虚化。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

  • 房子和地面的绘制

使用【场景-起型】笔刷对房子进行明暗分块。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

  • 树林的绘制

使用【喷枪-过渡】笔刷吸取黄色扫一层过渡色。。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:过渡时笔刷不透明度或者流量可以保持在50%-80%。

接着选择黄色,用方头笔刷笔触。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:注意笔刷流量在100%。

整体推进,到这里已经完成了大部分的绘制了。放上对比图:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#5 阳光的绘制

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

 

1. 新建一层,模式调成颜色减淡。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

2. 混合选项只勾选第一个。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

3. 用【喷枪-过渡】笔刷画圆,然后边缘加细线。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

4. 画面中的亮面部分受阳光的影响偏暖。所以在这里我们用喷枪在画面的亮面轻轻的扫一层暖色。使用【喷枪-过渡】笔刷过渡受阳光照射的部分。依然拿山川来举例:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

整体画面过渡效果:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

5. 绘制山川的高光:

使用【方头笔-起型】在离阳光最接近的地方绘制高光,越靠近太阳的颜色越亮:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#6 绘制环境色

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

环境色:物体表面受到光照后,除吸收一定的光外,也能反射到周围的物体上。尤其是光滑的材质具有强烈的反射作用。另外在暗部中反映较明显。环境色可以让画面更加丰富。

我这里环境色主要表现在前景的部分,离我们近的地方细节会更丰富。远景只需要做概括。环境色一般加在暗部。受到旁边植物的影响,我会在这些地方使用【场景-起型】笔刷添加一些环境色。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:笔刷不透明度30-50%。

以石头为例,吸前景植物的颜色。在暗部可以轻轻扫一两笔。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

整个画面加了环境色后。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#7 绘制水面倒影

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

水面倒影的方法,是的没错,就是你们想的那样,比较偷懒的方法。没想到也没关系,接下来就让我细细道来。

1. 把山川、树林和房子合并复制一层,垂直翻转翻转,置于底层

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

2. 由于倒影这部分的水面是背光的,所以这部分应该调暗。用曲线调整明暗,不透明度调整到 80%,可以使倒影更好的融入到水面。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

3. 接着吸取水面颜色,使用【喷枪-过渡】笔刷在倒影上刷一层过渡,让倒影更自然。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

Tips:笔刷不透明度50-100%。

水面的倒影受水波纹的影响。倒影的边缘不会那么清晰,这个时候可以加一个动感模糊的效果。营造水波的感觉。

滤镜—模糊—动感模糊 , 看着画面调整合适的数值。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

4. 倒影的细节处理

分析画面中不舒服还可以优化的地方:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

用【场景-起型】笔刷画投影并优化倒影,然后把太阳的倒影也加上,最终得到以下画面。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#8 添加肌理和点缀

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

这里的方法其实跟画太阳使用的是一样的方法,将图层模式都更改为【颜色减淡】,混合选项只勾选第一个,颜色使用黄色。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

1. 地面的点缀:

使用【小点】笔刷沿着地面的边缘来回涂抹几遍 。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

2.水面的波光:

使用【喷溅画笔】给水面加波光的效果,要有疏密,大小的区分 。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

整体效果:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

2. 其他地方的肌理:

使用【喷溅画笔】,选择旁边物体的颜色,选择性的扫一些肌理。拿两个局部举例:

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

整体效果 :

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

到这里已经算是完成了整个画面,最后最后,在这里我们可以再给画面加一层质感:选择【滤镜】—【杂色】—【添加杂色】(通过预览窗口观察自己的画面去选择杂色的数量)。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

添加完杂色后,画面就完成了。

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

#9 最终成品展示

手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷) 手绘教程!手把手教你绘制这套高级感风景插画(含专用笔刷)

那么本次教程就到此结束了。怎么样,这套扁平风景插画,你现在觉得自己又可以了吧?(专用笔刷放在文章末尾的 附件下载 版块啦~)

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
笔刷3.41MBtzi3 点此复制 登录下载
42 收藏 110

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 4

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片