咕噜噜

今天我们带来的技能是「通透颗粒风格插画」的绘制技巧。

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

 

先来看一下效果:

[png 到 jpg 输出图像] 

是不是非常通透且很梦幻,bilingbiling的~

 

 

图片

知识重点:磨砂肌理刻画技法、构图分析、通透质感

操作工具:数位板 | Photoshop

操作难度:★★☆☆☆

在学习通透质感插画之前咧,我们先欣赏一下艺术家 dreamy-fish-sparkles 的插画作品,dreamy-fish-sparkles 是一个专注于塔罗牌的设计者,她的画面的设计感和构成感会比较强,画面中运用几何的形状来概括元素,配色上也运用大量的渐变色,使得整个画面较为通透。

图片

艺术家 dreamy-fish-sparkles 的插画作品,仅供赏析

 

通透质感插画的特点

1. 构图形式以对称为主

图片

艺术家 dreamy-fish-sparkles 的插画作品,仅供赏析 

 

2. 造型比较概括

图片

艺术家 dreamy-fish-sparkles 的插画作品,仅供赏析 

 

3. 面和线的结合

图片

艺术家 dreamy-fish-sparkles 的插画作品,仅供赏析 

 

4. 用了大量的渐变色

图片

艺术家 dreamy-fish-sparkles 的插画作品,仅供赏析 

 

5.画面通透性强

图片

艺术家 dreamy-fish-sparkles 的插画作品,仅供赏析 

 

 

看了这一次需要学习的风格,想必大家对这个风格也有大致的了解。let’s go 我们一起学习叭~~

图片

  • 分析构图

开始构图之前我们需要分析艺术家 dreamy-fish-sparkles 对称式构图的特点。

1. 画面中心部分呈现出几何形,预留位置比较宽

图片

2. 曲线和直线相结合

图片

3. 疏密关系的结合

图片

本次主题是【光.遇】。

根据主题发散内容,想一想什么是遇,在花中相遇两个人,光照亮了他们这个思路。然后根据主题和画风特点,本次我们采用的是对称式构图,对称构图具有平衡、稳定、相呼应的特点。正好对应我们的主题。

  • 搜索素材

因为郁金香花型比较简单且容易概况,所以去百度搜索郁金香关键词就会有大量相关图片,百度搜索人物侧面关键词也有大量相关素材。

图片

  • 绘制草图

分析好了构图找好素材,就开始绘制草图啦!

第一步:根据本次主题以及对称式构图的特点,先概括出画面大的框架,定出脸部、花朵、头发走向和中间空出的位置。

图片

第二步:选择一张最符合画面参考的花朵,通过观察发现花瓣是从一个点出发,像扇形一样打开,我们根据这个思路对花朵进行简化。

图片

直接描摹的花过于复杂,需要进行一个简化。

图片

第三步:绘制人脸部分,选择一张符合画面参考的头部。然后在照片的基础上对侧脸进行分析,通过观察发现头顶到下巴 1/2 的位置刚好是眼睛的位置;眉毛到下巴 1/2 的位置刚好事鼻头的位置,眉骨到下巴连成一条直线。

图片

 

① 由于提取的侧脸比较复杂这里将两颊用直线概况,根据总结的五官位置特点画出五官位置。

图片

 

② 去掉辅助线,在眼尾和额头处加上装饰的花,然后再画出头发。

图片

 

画面最重要的两个组件已经完成啦~~然后对元素进行一个组合,再添加几何元素,组合时对应前边分析对称式构图的特点具备的三个特点画面有没有呈现出来。

  • 直线和曲线结合,画面中头发的直线对应花瓣的曲线;
  • 中间部分空间比较大;
  • 疏密关系,画面下方密,上方疏。 

图片

 

 

图片

配色之前呢,我们还是需要总结艺术家 dreamy-fish-sparkles 的插画作品配色特点。

1. 画面颜色饱和度比较高

图片

 

2. 冷暖对比强烈

图片

 

3. 画面中的黄色和白色常作为点缀色起到丰富画面的作用

图片

颜色上我先让画面是一个蓝紫色调,配色我们采取四色配色方案,三个邻近色加一个对比色(色环里 60° 为邻近色,180° 为互补色),这样的配色整体不显凌乱。

图片

用 ps 自带的硬边缘笔刷画出色块。因为画面中大量用到渐变色,所以铺色的时候可以大概过渡一下颜色,后期我们再用颗粒笔刷进行细致的刻画,铺好色调就是这样的啦~~

图片

可以根据以上方法搭配出多种配色方案。

图片

图片

 

 

图片

  • 了解笔刷

刻画之前先了解一下本次需要用到的笔刷

图片

【颗粒】笔刷不限制大小,所以用在背景的地方居多。

图片

【喷枪柔边低密度粒状】笔刷限制大小,用来画脸部、花瓣、边缘这一些比较的小地方。

图片

【颗粒】笔刷只可以当画笔,【喷枪柔边低密度颗粒状】笔刷既可以用做画笔,也可以用做橡皮擦。

重点来介绍一下这只【喷枪柔边低密度粒状】笔刷。

图片

当笔比较直立的时候笔刷的状态是接近圆形, 画出来的颗粒过度比较自然, 倾斜的时候笔刷会出现一边深一边浅 的情况, 所以我们画的时候可以让画笔尽量垂直画板~~

图片

TIPS:本只笔刷不能过于用力, 力度过大会变成一条直线。需轻轻画, 少量多次~~

 

图片

  • 气泡的刻画

首先,从中间的圆开始,我们要让中间的圆形有一个过渡,让其变得通透。只需要用【喷枪柔边低密度粒状】笔刷擦掉中间的部分,边缘部分保留 OK 啦~~

图片

过渡的时候注意要从内向外打圈圈式过渡,为了看的更加清晰,附上视频演示一下。

 

接来下就是沿着圆形外围绘制黄、绿、玫红三种环境色,让不透明圆形变通透且丰富。

图片

然后到另外几个小圆形是一样的道理, 擦掉中间部分即可。

图片

接下来我们处理八角星的部分,这时星星过于尖锐和死板,我们需要把他过渡柔和。

第一步:用【喷枪柔边低密度粒状】笔刷在外围轻轻过渡一层,喷溅量设置为 1。

图片

TIPS:这个笔刷无法使用对称选项,所以只能是一个一个小尖角慢慢画~~ 
喷溅数量可手动调整,喷溅量越大颗粒越密集,反之越少。通常情况喷溅量不超 40。不然就有一种下手太重的既视感。喷溅量在画笔设置里调整。

图片

第二步:用【喷枪柔边低密度粒状】笔刷擦掉尖角部分,使其变柔和。

图片

第三步:这时我们发现中间的八角星颜色有点暗,不够突出,所以我们只要在八角星背后加上一个亮一些的黄色,使其突出就 OK 啦~

图片

  • 背景的刻画 

第一步:用【颗粒】笔刷,从下往上过渡,笔刷流量可调到20%左右,少量多次,避免流量太大过渡不自然。

图片

第二步:用一个比背景明度高的蓝绿色丰富画面,再用黄色丰富颜色,颜色面积由大到小,笔刷设置和第一步相同。

图片

图片

  • 线条的刻画

最后,到线条部分,我们给它绘制渐变(嗯,这很像彩带)

第一步:打开对称工具,点击垂直这样就可以两边一起刻画啦。耶~~我真是偷懒的一把好手!

图片

第二步:用【颗粒】笔刷过渡颜色,过渡时线条的全部颜色都是是画面中出现过的,从亮到暗,从冷到暖,按照这个颜色画出的线条既不会跳脱画面,又起到丰富画面的作用。

图片

 

图片

完成背景就是这样啦~~

图片

TIPS:背景用到的颜色从下到上是由冷过渡到暖,由暗过渡到亮,这样下半部分的暗色可以衬托花的亮,上半部分的黄色既丰富画面又不抢人物视觉。

 

图片

  • 人物面部的刻画

首先我们从人物的脸部开始,开始之前还是需要分析插画师的脸部特点。

通过对比我们发现艺术家 dreamy-fish-sparkles 脸部的位置是眼窝、鼻梁、脸颊下巴这四个位置为暗部,颧骨和额头位置提亮。其中额头和下巴部分还会加入一些不一样的色颜色丰富脸部色彩。脸部柔和的地方暗部过渡没有那么明显,反之结构卡得比较深。

图片

第一步:在眼窝鼻梁和脸后方位置压一层暗部。

图片

第二步:再次加深眼窝鼻梁脸后方位置,额头和鼻梁骨也可以稍稍做提亮。

图片

第三步:为了使脸部颜色不单一,绘制脸部环境色,用黄色来提亮额头、鼻梁、下巴位置,绿色丰富上额头部分,玫红色提炼苹果肌。

图片

TIPS:绘制环境色、冷暖灰时注意,暖灰一般出现在亮面,冷灰出现在暗面。

第四步:最后再用黄色点缀一下颧骨的位置,让面部更加饱满。

图片

第五步:最后在眼尾处加上两片花瓣和额头处加上渐变小花点缀丰富面部。这样我们的脸部部分就完成啦~~

图片

  • 头发的刻画
接下来我们到了头发部分,首先,我们需要分析头发亮暗和虚实。

图片

第一步:我们为了突出面部和花瓣,用【喷枪柔边低密度粒状】笔刷,喷溅量30左右,将靠近花瓣和面部位置的头发压暗。

图片

第二步:再选择深一些的颜色,加强暗部,在过渡的位置加一些偏紫的颜色丰富画面,过渡的时候注意深-浅-深-浅-有节奏感的变化。

图片

第三步:吸背景的蓝色,减低对比度。过渡头发上方和凸起来那一小部分,头发上方从左到右过渡,右边的头发需要保留一些本来的紫色.

图片

第四步:为了让头发的一个虚实关系强烈一些,我们把头发上方的位置进行一个颗粒的过渡,用【喷枪柔边低密度粒状】笔刷,喷溅量调到 5-10 左右,少量多次。这样就和靠近脸部比较实的线条形成对比。

图片

第五步:用邻近色过渡头发上半部分,发尾用黄色提亮;发根上方用紫色提亮。

图片

第六步:最后用黄色再次提亮中间部分,到这里头发部分就完成啦~~

图片

  • 花瓣的刻画

最后,终于到这个花朵的部分啦~~

第一步:填充一个底色,然后吸一个亮黄色,用【喷枪柔边低密度粒状】笔刷,从左到右打圈圈式过渡。

图片

第二步:丰富花瓣颜色,局部增加一层偏橙的颜色。

图片

第三步:继续丰富花瓣的颜色,从上到下有一个暖色渐变到冷色的一个规律,这时我们分别用绿色、蓝色、紫色、玫红色过渡花瓣颜色,面积位置如图。

图片

TIPS:对过渡不是很熟悉的小伙伴可以每一个颜色新建一个图层,置入基本型中。这样方便修改单个颜色面积也不会影响其他颜色。

图片

第四步:其他花瓣按照同样的方法进行过渡,注意深浅交错,这样全部的花瓣就完成啦!!

图片

第五步:因为花瓣的颜色不够通透过于实心,所以我需要将花瓣进行过渡,用橡皮擦擦掉花瓣根部位置使其更加通透。

图片

TIPS:添加一个蒙版,在蒙版上擦除,如果后期还有什么不满意的地方也方便修改。

图片

 

全部擦除后的效果就是酱样子滴,到这里我们就完成了全部过渡啦~~~接下来就到了细节处理部分。

图片

  • 边缘的处理

通过观察我们发现艺术家 dreamy-fish-sparkles 的插画作品元素的边缘不生硬,增加了一些颗粒感的过渡。所以我们也需要对元素的边缘进行颗粒过渡,使其更加柔和。

图片

首先我们需要分析进行过渡的位置,然后用【喷枪柔边低密度粒状】笔刷过渡,喷溅量调到 1-3 左右,少量多次。

图片

背景的圈圈也是同理~~

图片

  • 增加点线元素

最 最 最 最  后,这时候还缺少点和线的元素,需要添加其元素使画面更加完整。

我们先从头发开始,第一步:用【硬边圆压力大小】笔刷画出头发丝,画的时候需要注意线条的分布情况,疏密关系要拉开,靠近面部区域的线条越密,距离面部远的则越疏。然后锁定像素,给头发丝变换不同的颜色。

图片

第三步:添加蒙版,擦除头发,让发丝有虚实变化。

图片

到了花瓣部分,第一步:同样先画出线条,线条走势跟着花瓣形状走。

图片

第二步:擦出线条虚实,前面花瓣线条相比于后面的花瓣线条相对较实,这样前后对比就出来了。

图片

第三步:添加点元素既丰富花瓣也丰富画面。

图片

  • 复制对称部分

到了这一步,相信大家已经发现一直在画左边的元素,大家一定会疑惑右边的元素不画了么。

不着急,现在就来解决右边的元素了,很简单只需要把前边画好的部分全部复制出来,合并,然后平翻转就得到了两边一样的画面~~

[png 到 jpg 输出图像]

最后再用【辉光笔】随机添加会发光大小点点小星星整幅画就大功告成啦!!

图片

TIPS:使用辉光笔需要新建图层,把图层模式改成线性减淡(添加)才会有发光的效果噢,颜色上要选择深颜色不要选择浅色。

图片

duang duang  duang到这里我们画面就绘制完成啦~~撒花~~

[png 到 jpg 输出图像]

 

 

图片

 

  • 对称式构图分析
  • 笔刷的熟悉及颜色的过渡
  • 画面肌理感和通透感表现
  • 点线面的运用
那么本次教程就到此结束了,是不是很通透? 
 
 
笔刷下载地址:
【插画043】链接:https://pan.baidu.com/s/1JVUY_EQpB6n83VqlwdLZVQ
提取码:2ykh 
 
原文地址:胡晓波工作室(公众号)
作者:蓝贵莲
 
图片

转载请注明:学UI网 » 通透颗粒风格插画教程(附赠笔刷)

登录收藏
 
你可能喜欢的:
无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
手把手教你画一张国潮风插画海报!(附笔刷包)手把手教你画一张国潮风插画海报!(附笔刷包)
五分钟教你快速掌握三维图标五分钟教你快速掌握三维图标
《Lit the Torch》解密游戏Icon[教程]《Lit the Torch》解密游戏Icon[教程]
卡通小鹿绘制【教程】卡通小鹿绘制【教程】
教你用AI创造出一只动感小猫!教你用AI创造出一只动感小猫!
《插画之美》——黑领噪鹛与水晶项链(插画教程三)《插画之美》——黑领噪鹛与水晶项链(插画教程三)
《插画之美》——鸟语花香(插画教程二)《插画之美》——鸟语花香(插画教程二)
《插画之美》——乌鸦先生(插画教程一)《插画之美》——乌鸦先生(插画教程一)
今天带你一起来画个球今天带你一起来画个球