今天我们带来的技能是当下比较流行的「扁平风景插画教程」绘制技巧。快来。
小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~
——————————————————
平日里忙呀忙呀夹缝里抽空画画,而且还画得慢!磨磨唧唧的性子根本改不了,但是又很热爱插画,最近尝试了新的玩法,并过度沉迷无法自拔,因为我终于可以每日插画打卡了,每天花 1-2 小时画一张完整的作品———然后然后,然后就有了现在这篇分享啦。
知识重点:造型概括、色块概括
操作工具:数位板 | Photoshop
操作难度:
今天要分享的这类型的扁平风景插画,是通过对照片的概括,大面积的上色,并刻画出体积感的风景画面。既能增强画面概括能力,又可以培养观察能力。(一本正经起来了)。
这类型插画有非常多值得学习的对象,比如,波兰插画家、概念设计师 Slawek Fedorczuk、韩国插画师 Shin jong hun 等等。先来欣赏一下他们的部分作品
*图片来自插画师Slawek Fedorczuk,仅供赏析
打开百度,搜索风景图片,尽量选择有前景、中景及远景的照片。在选择照片后要进先行两个步骤的分析:
1.首先观察画面,分析画面景别层次。画出最大的色块。
2.在最大色块里进行第二次分型,将每个元素画出来。
照片的层次有了,但是就是元素比较少,我想让画面更丰富一点的,不想完全跟着照片来。于是我就找来另外一个照片做参考。提取了这个照片中的房子和前景的植物。
在正式开始绘制前,我们先来认识一下本次教程需要用到的笔刷
颜色在照片的基础上做调整。通过颜色的提取我们可以看出,这个色调是比较柔和的,颜色给人一种朦胧的感觉。照片中的山是冷色调,水和天空是暖色调。整体的饱和度不高。
但我想要色彩浓郁一点的颜色,所以我在原来颜色的基础上,调整了饱和度:
颜色确定后,开始铺大色块,先不要去考虑细节,专注与画面中最大的色块,观察画面,分析画面的景别层次关系,离我们越远的地方越虚的(对比度越弱),但是边缘依然是要保持清晰。元素边缘不要太碎。
接下来,正式开始。使用【方头笔-起型】笔刷,使用将前景、中景和远景进行概括。
使用【方头笔-起型】笔刷,继续划分画面,在每个景别里继续分层级。
使用【方头笔-起型】笔刷,这个时候画面里的元素就基本概括出来了。
在继续刻画前,我们通过观察照片中光的走向,来设计我们画面的光源方向。离太阳最近的地方(山川), 光是最强的,其他地方渐弱。
我们在铺明暗色块之前,先用喷枪笔刷,给色块进行一个明暗的过渡。
使用【喷枪-过渡】笔刷进行过渡。亮面的过渡色吸取我们前面确定好的山川的最亮的颜色,暗面吸取最暗的颜色。
Tips:过渡时笔刷不透明度或者流量可以保持在50%-80%。
Tips:过渡时笔刷不透明度或者流量可以保持在50%-80%。
接着选择黄色,用方头笔刷笔触。
整体推进,到这里已经完成了大部分的绘制了。放上对比图:
4. 画面中的亮面部分受阳光的影响偏暖。所以在这里我们用喷枪在画面的亮面轻轻的扫一层暖色。使用【喷枪-过渡】笔刷过渡受阳光照射的部分。依然拿山川来举例:
使用【方头笔-起型】在离阳光最接近的地方绘制高光,越靠近太阳的颜色越亮:
环境色:物体表面受到光照后,除吸收一定的光外,也能反射到周围的物体上。尤其是光滑的材质具有强烈的反射作用。另外在暗部中反映较明显。环境色可以让画面更加丰富。
我这里环境色主要表现在前景的部分,离我们近的地方细节会更丰富。远景只需要做概括。环境色一般加在暗部。受到旁边植物的影响,我会在这些地方使用【场景-起型】笔刷添加一些环境色。
以石头为例,吸前景植物的颜色。在暗部可以轻轻扫一两笔。
水面倒影的方法,是的没错,就是你们想的那样,比较偷懒的方法。没想到也没关系,接下来就让我细细道来。
1. 把山川、树林和房子合并复制一层,垂直翻转翻转,置于底层
2. 由于倒影这部分的水面是背光的,所以这部分应该调暗。用曲线调整明暗,不透明度调整到 80%,可以使倒影更好的融入到水面。
3. 接着吸取水面颜色,使用【喷枪-过渡】笔刷在倒影上刷一层过渡,让倒影更自然。
水面的倒影受水波纹的影响。倒影的边缘不会那么清晰,这个时候可以加一个动感模糊的效果。营造水波的感觉。
滤镜—模糊—动感模糊 , 看着画面调整合适的数值。
用【场景-起型】笔刷画投影并优化倒影,然后把太阳的倒影也加上,最终得到以下画面。
这里的方法其实跟画太阳使用的是一样的方法,将图层模式都更改为【颜色减淡】,混合选项只勾选第一个,颜色使用黄色。
使用【喷溅画笔】给水面加波光的效果,要有疏密,大小的区分 。
使用【喷溅画笔】,选择旁边物体的颜色,选择性的扫一些肌理。拿两个局部举例:
到这里已经算是完成了整个画面,最后最后,在这里我们可以再给画面加一层质感:选择【滤镜】—【杂色】—【添加杂色】(通过预览窗口观察自己的画面去选择杂色的数量)。
那么本次教程就到此结束了。怎么样,这套扁平风景插画,你现在觉得自己又可以了吧?
原文地址:胡晓波工作室(公众号)
作者:蓝贵莲
评论0