手绘教程!让人一眼心动的扁平噪点风花朵插画海报

类别:手绘教程
水平:普通
观众:1.4w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

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

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

关于教程

大家好好好好好好好呀!我是专治不会画的蓝贵莲! 又到了我们发动插画技能的时候了,准备好了吗?拿出你的数位板,和我一起动起来~

今天为大家带来的是「扁平噪点风花朵插画海报教程」绘制技巧。这次的教程是我们首次登场的小毕同学完成的,小毕同学是我插画班的学生,现在已经在训练营了,跟着插画班和训练营出了很多优秀的作品,到现在能出独立的教程,真的是非常了不起。

我们先来看看这次的教程的效果如何:

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

知识重点:扁平花朵插画海报、几何图形、排版

操作工具:Photoshop丨数位板

操作难度:会使用工具就行,分分钟拿下~

手绘教程!让人一眼心动的扁平噪点风花朵插画海报#01 画面分析

大家好,我是小毕同学。今天我来教大家如何通过一张照片,绘制扁平花朵噪点风插画海报,快来看看都使用了哪些魔法吧。

本次主要将花朵外形进行扁平化总结概括,提取特征,同时保留物体原有辨识度的;在扁平的基础上叠加了颗粒肌理的插画。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

艺术家马里奥·卡普 (Mario Carpe)的插画作品,仅供赏析。

绘画之前,我们先来了解绘画魔法的绘制步骤有那些:拆解——总结——模仿——创新。

本次风格我们以扁平花朵为基础,结合噪点刻画的方式进行绘制,接下来按照村口惯例,我们先对画面进行拆解并总结一下扁平花朵插画及刻画的特点:

花朵的形状使用基础几何形概括:

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

艺术家马里奥·卡普 (Mario Carpe)的插画作品,仅供赏析。

噪点颗粒插画的特点:

1、噪点颗粒明显、轮廓明显,并且噪点的间隙会把底部的颜色透出来;

手绘教程!让人一眼心动的扁平噪点风花朵插画海报
插画师 Tania Yakunova

2、亮暗部颜色选择不是固定的;底色浅的地方暗部不会太重;

手绘教程!让人一眼心动的扁平噪点风花朵插画海报插画师 Tania Yakunova

3、颗粒叠加会有一些部分很实;

手绘教程!让人一眼心动的扁平噪点风花朵插画海报插画师 Tania Yakunova

再整体总结一下噪点颗粒插画的特点:

手绘教程!让人一眼心动的扁平噪点风花朵插画海报 插画师 Tania Yakunova

将艺术家马里奥·卡普 (Mario Carpe)的造型设计和插画师 Tania Yakunova扁平噪点刻画方式做结合,就是我们本期学习的方向啦~

手绘教程!让人一眼心动的扁平噪点风花朵插画海报#02 绘制草图

01 绘制花朵

搜集图片素材

花有各种漂亮的外形,要想快速抓住并绘制扁平花朵形状,可以在搜集图片时选择本身就带有特点的花朵,也可以找一些花卉的摄影作品进行参考。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

绘制花朵形状

首先我们在参考图的基础上,用几何形状概括出花朵的轮廓,然后用几何形二次设计细化花朵轮廓,以水芙蓉(莲花)为例。

1.几何概括:用圆形概括出花瓣和花心的形状,再在圆形的基础上划分花瓣形状。概括时花瓣形状要在圆形内。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

2.细化分区:进一步细化,添加花朵内部结构,直线调整为弧线,让花朵更加精致。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

TIPS:不要被图片局限住,举一反三,也可以用其他几何形状去概括,这里用方形+圆形概括,就得到了新的花朵。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

3.绘制组件:按照提取花朵轮廓的方法提取出花茎、花叶和花苞的轮廓,这里我们只需要细化轮廓即可。

a.花茎:用长矩形概括,粗细曲直变换

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

b.花苞:用三角形和圆形概括。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

c.花叶:用矩形和三角形来细化概括 ,叶子添加注意大小、角度区分。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

4.添加细节装饰

给花朵加入条纹装饰元素,丰富花朵的设计。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

其他的也是按照上面的步骤去做,这样我们我们最重要的草稿部分就完成啦~

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

TIPS:绘制植物时,需要注意花朵之间要有叠加关系以及大小的对比。让花朵的剪影形更有节奏感。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

02 画面布局

将绘制好的花朵做排版,版式设计是将文字、元素做规整,使版面布局更具条理化。

1.主体摆放:单个元素排版分为居中摆放或居左摆放这两种情况

手绘教程!让人一眼心动的扁平噪点风花朵插画海报设计师Matias

接下来讲绘制好的花朵根据居中和居左的方式进行摆放。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

2.细化背景:可以用不同的形状,对背景进行分割丰富层次。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报设计师Matias

接下来我们以水芙蓉(莲花)为例,用方形做分区概括,在方形的基础上做变形及重复丰富背景层次。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

其他背景处理同理,这里就不一一展示了

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

3.加入文字:观察了阿根廷设计师Matias的版式画面,可以看出来标题字主要集中在上半部分及左侧,次要文字分布在另外三侧。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报设计师Matias

根据上面的规律我们将文字分为主标题文字和次要文字,为了让整体画面平衡,文字和花朵可以左右、上下摆放。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

4.丰富点线装饰:接下来我们在画面留白较多的位置,增加点线装饰切记过多,避免杂乱。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报#03 绘制颜色

我们这次海报同样可以拆分为花朵和背景,花朵为主体,统一选用暖色系;其余的花茎花叶背景为冷色系,突出花朵。搭配亮色点缀。

本次配色以冷暖补色为主,在色轮上呈180度的变化,以虞美人为例,能看到比较明显的红色和绿色。在这对颜色基础上再加入了它们的相邻色作为辅助色,在色轮上呈30-60度左右变化。画面主色大概占到70%、辅助色20%、点缀色10%。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

由于本次是系列图,为了保证4幅作品色调统一,我们使用同一组色卡,在确保主体为暖色的基础上,调整背景的主色占比。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

渐变画法小tips:

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

在背景处使用渐变。左右渐变/上下渐变/对角渐变

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报#04 细节刻画

笔刷介绍

终于到了最最激动的时刻啦,这次为大家准备了村口高质量噪点颗粒笔刷~下面就为大家一一介绍一下~

闪亮登场!

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

那接下来我们就开始进入刻画环节!

TIPS:画每一块颜色时都可以创建图层剪贴蒙版,避免刻画时画到别的位置。可以按住 【alt键】或者【图层-创建剪贴蒙版】。

因为刻画的步骤都比较接近,所以这里我们以虞美人为例。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

1、暗部刻画:

①如图暗部刻画包括暗部以及一些上下叠压的部分

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

②开始刻画

用钢笔工具或者套索工具勾出要刻画的形状,选择【村口颗粒躁点笔刷】。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

由重到轻上色,颜色会自然到过度过去。

为了做出渐变效果,可以层层叠压2-3遍,每叠压一层同时要减小力度,减小范围,就可以出现边缘深逐渐变浅。

注意花瓣的颜色由深至浅

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

遇到这种由细到粗的叶子形状,颜色也随形状由浅到深。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

TIPS1:颗粒肌理切记不能涂满,透出底色。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

TIPS2:暗部颜色选择比底色更深一些的颜色,如果不能很好把握暗部颜色可以使用【正片叠底】模式。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

TIPS3:小小技巧:如果实在画不出完美颗粒,也可以用颗粒笔刷换成橡皮,擦出形状~

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

暗部刻画结束

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

2、亮部刻画

①亮部刻画位置受光面

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

②刻画方式同理暗部,同样选择的【村口颗粒躁点笔刷】。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

方向相反从边缘由浅至深过度。

每次刻画后觉得不满意可以用橡皮擦和画笔来回切换随时调整。注意花瓣的颜色由浅至深。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

叶子刻画同理

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

TIPS3:亮部颜色并不是固定的,不是粉色亮部就一定选择浅粉色,可以根据画面需求选择其他色系。

可以选择同色系,也可以选择不同色系。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

亮部刻画结束

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

3、丰富颜色:亮暗部整体刻画结束后,整体观察,可以丰富一些点缀色。点缀色可以很好的丰富画面层次。

点缀色的规律:

a.点缀色的色相发生变化,但明度相似。调成黑白模式会隐藏在底色里。背景可以明显看出来,颜色虽然较多,但是会保持在同一明度里。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

b.亮暗部都可以添加少量丰富色;

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

c.丰富色呈现在画面里一定要少量添加;例如这片花瓣,依旧可以看出来粉色底色,并不会因为添加的丰富色影响。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

①丰富色添加位置可以选择面积较大较空、后续不用加装饰细节的位置。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

②丰富色颜色选择方法

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

③颗粒过度上一定要柔和一些。笔刷这里同样选择的【村口颗粒躁点笔刷】。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

丰富色刻画

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

4、高斯模糊:为了增加画面效果可以小面积的物体进行高斯模糊,根据画面需求调整半径大小,半径越大模糊程度越大。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

前后对比图:

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

Tips:高斯模糊位置:【滤镜-模糊-高斯模糊】

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

4、添加装饰细节:在花朵大面积空白处以及背景位置,添加装饰颗粒、装饰点和装饰线丰富完整画面。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

刻画完成!

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

其他三种花朵绘制同理。

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

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

来看看效果展示~

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

手绘教程!让人一眼心动的扁平噪点风花朵插画海报#05 知识小节

1.花朵形状用几何形体概括,不要被单个花瓣局限住,可以整体概括;
2.画面要保持整体平衡,点缀装饰、高斯模糊不要太多;
3.暗亮部颜色可以根据画面选用其他色系;
4.笔刷控制不好可以适当调节流量;
5.画不出完美颗粒,用橡皮颗粒笔刷调整。

欢迎关注作者的微信公众号:「胡晓波工作室」

手绘教程!让人一眼心动的扁平噪点风花朵插画海报

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

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

附件下载

文件名 文件大小 提取码 下载来源
笔刷1.5M4dqc 点此复制 登录下载
7 收藏 36

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

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

复制本文链接
img

发表评论 已发布 4

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片