咕噜噜

今天我们带来的技能是当下比较流行的「扁平风景插画教程」绘制技巧。快来。

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

先展示下效果:

图片

 

——————————————————

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

图片

知识重点:造型概括、色块概括操作工具:数位板 | Photoshop操作难度:★★★☆☆
* 扁平风景插画的特点
今天要分享的这类型的扁平风景插画,是通过对照片的概括,大面积的上色,并刻画出体积感的风景画面。既能增强画面概括能力,又可以培养观察能力。(一本正经起来了)。
这类型插画有非常多值得学习的对象,比如,波兰插画家、概念设计师 Slawek Fedorczuk、韩国插画师 Shin jong hun 等等。先来欣赏一下他们的部分作品

图片

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

图片

*图片来自插画师 Shin jong hun,仅供赏析 
 
 
看完是不是觉得很棒并且跃跃欲试?
来来来,上正菜!
  
 

图片

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

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

图片

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

图片

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

图片

 

 

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

图片

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

图片

 

 

 

图片

 在正式开始绘制前,我们先来认识一下本次教程需要用到的笔刷
 
  • 方头笔-起型——起型和大面积铺色。
特点:实,边缘干净,笔触明显,方形。
 

图片

 

 

 

 

  • 场景-起型——起型、过渡。
特点:边缘自带肌理,可以很好的丰富画面

图片

 

 

  • 喷枪-过渡——颜色过渡。
特点:薄涂,调和

图片

 

 

  • 小点——画面最后添加质感使用。
特点:稀疏的肌理,可以进一步增加质感,丰富画面

图片

 

 

  • 喷溅笔刷——画面最后添加质感使用。
特点:喷墨状的稀疏肌理,可以增加画面质感。

图片

 

 

图片

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

图片

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

图片

图片

 

 

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

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

图片

图片

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

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

图片

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

图片

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

图片

* 明暗过渡
我们在铺明暗色块之前,先用喷枪笔刷,给色块进行一个明暗的过渡。
以山川这部分举例:
使用【喷枪-过渡】笔刷进行过渡。亮面的过渡色吸取我们前面确定好的山川的最亮的颜色,暗面吸取最暗的颜色。
图片
图片

 

 
Tips:过渡时笔刷不透明度或者流量可以保持在50%-80%。
其他地方也用同样的笔刷进行一样的操作。

图片

* 划分明暗
接下来用色块划分明暗。
  • 山川的绘制
 使用【方头笔-起型】笔刷对山川进行明暗的分块。
 

图片

图片

 

Tips:注意笔刷流量在100%。
  • 水面的绘制
 使用【方头笔-起型】笔刷对水面进行明暗分块。

图片

图片

 

 

  • 石头的绘制
 使用【场景-起型】笔刷对水面进行明暗分块。
图片

图片

 

Tips:注意笔刷流量在100%。
  • 地面的绘制
 使用【场景-起型】笔刷对地面进行明暗分块。
 

图片

 

图片

Tips:明暗可以相互叠加。 
 
  • 植物的绘制
 使用【方头笔-起型】笔刷对植物进行明暗分块。
 

图片

图片

 
Tips:注意笔刷流量在100%。
接着使用【滤镜】中的高斯模糊将植物进行虚化。

图片

 
  • 房子和地面的绘制
 使用【场景-起型】笔刷对房子进行明暗分块。

图片

 

图片

 

 

 
  • 树林的绘制
 使用【喷枪-过渡】笔刷吸取黄色扫一层过渡色。。

图片

图片

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

 

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

图片

图片

 
Tips:注意笔刷流量在100%。
整体推进,到这里已经完成了大部分的绘制了。放上对比图:

图片

 

 

 

 

图片

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

图片

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

图片

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

图片

图片

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

图片

图片

整体画面过渡效果:

图片

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

图片

图片

 

 

 

 

图片

环境色:物体表面受到光照后,除吸收一定的光外,也能反射到周围的物体上。尤其是光滑的材质具有强烈的反射作用。另外在暗部中反映较明显。环境色可以让画面更加丰富。
 
我这里环境色主要表现在前景的部分,离我们近的地方细节会更丰富。远景只需要做概括。环境色一般加在暗部。受到旁边植物的影响,我会在这些地方使用【场景-起型】笔刷添加一些环境色。
图片

图片

Tips:笔刷不透明度30-50%。
以石头为例,吸前景植物的颜色。在暗部可以轻轻扫一两笔。
图片

图片

整个画面加了环境色后。

图片

 

 

 

图片

水面倒影的方法,是的没错,就是你们想的那样,比较偷懒的方法。没想到也没关系,接下来就让我细细道来。
1. 把山川、树林和房子合并复制一层,垂直翻转翻转,置于底层

图片

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

图片

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

图片

Tips:笔刷不透明度50-100%。
水面的倒影受水波纹的影响。倒影的边缘不会那么清晰,这个时候可以加一个动感模糊的效果。营造水波的感觉。
滤镜—模糊—动感模糊 , 看着画面调整合适的数值。
       

图片

4. 倒影的细节处理
分析画面中不舒服还可以优化的地方:
 

图片

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

图片

 

图片

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

图片

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

图片

图片

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

图片

图片

整体效果:

图片

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

图片

整体效果 :

图片

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

图片

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

图片

图片

 

图片

那么本次教程就到此结束了。怎么样,这套扁平风景插画,你现在觉得自己又可以了吧? 
插画042笔刷
链接:https://pan.baidu.com/s/1KGN3uXcpmglXTyFWaIm40Q
提取码:2022

 

原文地址:胡晓波工作室(公众号)

作者:蓝贵莲

图片

转载请注明:学UI网 » 不会画人又怎样?手把手教你绘制这套高级感风景插画(含专用笔刷)!

登录收藏
 
你可能喜欢的:
5 个案例带你领悟几何面性趣味LOGO5 个案例带你领悟几何面性趣味LOGO
设计师看了都会收藏的色块矢量插画教程来了!【零基础】设计师看了都会收藏的色块矢量插画教程来了!【零基础】
无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
手把手教你画一张国潮风插画海报!(附笔刷包)手把手教你画一张国潮风插画海报!(附笔刷包)
插画线稿很难画?来学习优雅抽象色块线描观花植物插画线稿很难画?来学习优雅抽象色块线描观花植物
做了10年ui,第一次接触这种插画视觉需求,太难了!做了10年ui,第一次接触这种插画视觉需求,太难了!
插画在 UI 场景中的趋势化探索插画在 UI 场景中的趋势化探索
超级可爱!插画萌新必学的PS极简马克笔简笔画:盆栽篇超级可爱!插画萌新必学的PS极简马克笔简笔画:盆栽篇
第一次做这种需求,竟然是和插画师一起完成的!!!第一次做这种需求,竟然是和插画师一起完成的!!!
十二生肖之吃货門神十二生肖之吃货門神