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