恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
手绘平涂风格扁平插画:街头小景
0.0°
2021-03-22 原创文章 教程 举报 5219 51 40 3

前言

精细的矢量风格的扁平插画看起来是比较精细的,由于非常精细,因此多了一份高冷的距离感。而用PS手绘风格则不同,它能让作品带上更多的温度,利用手绘风格的随性和自然,非常简单的单色平涂技法,就能创作出具有温馨感的手绘风格的街头小景作品。


工具

Photoshop(2020)

手绘板


草图构思:几何构成


画草图的时候,最重要是从几何构成的角度去审视插画作品。

step 01

你可以直接用铅笔在草稿上画出草图,也可以在PS中画出草图。这里文章中我演绎的是PS中的草图。先从几条线条开始,勾画出街道建筑的造型。

我们的画作中所用到的是单点透视,在这里,我们的风格是手绘的风格,因此带着个性化的随意自然,因此,不必完全严格,像建筑师那样一毫不差的表达透视,但基本大概的造型框架建立起来,实际在画的时候也许会有出入,但并不影响整体的观感即可。这里需要把握的是理性和感性的平衡。

step 02

在画面中,大家可以看到中间是空白,没错!这里我们可以安排出主角人物。这个人物可以拿一把伞。接下,在人物的周围增加一些植物造型,让画面看起来更丰富。植物可以不必具体,只要画出一个大概的构想,自由发挥的部分可以留到直接平涂上色的时候。

这一步为止,草图就完成了。


基础大形

开始打开PS,新建一个文档为2000*2574px。色彩模式为cmyk。

step 03

在新文档中新建一个背景色,可以看做是地面的色彩。这里我们所需要用到的是“干介质画笔”中的“额外厚实炭笔笔刷”,这个笔刷适合大面积涂抹,手绘运笔可以轻一些,那么还会带着干笔刷的质感。


这时我们刷出第一块建筑的色彩,这个色彩为橙色,橙色的色彩非常饱满,作为主色也很抢眼,适合表现温馨的画面氛围。在边角的部分,笔刷由于太大不好控制,可以换做小笔刷,比如同为干介质画笔中的“终极粉彩派对”来画出小的细节。

step 04

继续用上一步介绍的两款笔刷来涂抹出其他的建筑块形,注意色彩之间的协调性。继续增加橙色的比重,然后围绕橙色,增加黄色和粉色,作为橙色的辅助色,增加色彩中暖色的重量,同时也运用蓝色作为点睛色,和橙色作为对比,加强画面中色彩的张力。

 step 05

再画出稍远一些的建筑,建筑的色彩大面积用上白色,会更多小的块面,这也符合透视的视觉规则。这一步,也需要停下来检视一下整体的形色配比问题。左右两边色彩的搭配,以及整体的均衡。


注意在涂抹的时候,这两个笔刷的配合可以打造出一种“形散神不散”的效果。

建筑的大形的这一步就完成得差不多了。


建筑细节


基础大形完成后,我们可以进一步画出建筑的细节。


step 06

利用稍微小一些的铅笔笔刷“快乐HB”画出细节的形块,这时需要注意下笔也不要太重,稍微轻一些,边缘不会太尖锐。这一步可以非常自由的添加门窗、挂牌等街景细节小物件。


细节的色彩可以选取画面中已有的配色,然后做均衡的配色处理。

step 07

继续利用铅笔笔刷来修补此前用大笔刷涂抹所形成的细节的粗糙感,进一步完善细节。同时,增加天空的蓝色部分。蓝色作为点睛色,也同时是橙色的互补色,在这里进一步强调了画面中色彩张力的部分。


到这一步,建筑体的部分就画好了。

画出人物


画好了建筑,等于是为人物的出现营造好了空间。


step 08

人物的画法会比建筑来得更精细一点,我们可以先从人物拿着的伞的部分开始画。新建一个图层在原有图层之上,然后利用铅笔笔刷开始画出伞的形状。


再画出人物的头部,由于人物是后侧面,因此头发占了很大的视觉比重,在头发这个部分,可以运用“终极炭笔”画出发丝的走向,表现得更具手绘感。

step 09


再继续画出人物的四肢和身体,由于人物是侧面,所以手部的形状要表现得具体一些。衣服的色彩运用蓝色,能在暖色中突出焦点。

step 10

整个人物画出了形状,接下就可以继续画出细节,比如光影的表达等部分,阴影部分简化为线条。可以为人物设计出一个单肩背包,这样让衣服的部分会更丰富。

画出植物


善于运用植物作为丰富画面的元素,帮助营造整体的氛围。


step 11

这时换“终极粉彩派对”的笔刷,在其他图层之上新建一个图层,然后用画笔画出树木枝干的形状。枝干的方向决定了树冠的样式,因此这里要格外注意主干的画法。


然后再画出第一层层次的树叶,这里的树叶运用的绿色的饱和度较低而明度也较低,不破坏画面中蓝色和橙色的主要搭配方向。

step 12


选用一个亮一点的绿色和暗一点的绿色画出更多层次的树叶,这时树冠就会越来越饱满。这样画树叶会比全部树叶用同样的颜色来得更具立体感。这样整棵树就完成了。

step 13


继续画出周边的植物,这些植物的造型可以采用圆形、长形椭圆,彼此层层叠叠,运用三种不同明暗度的绿色就能营造出植物的茂密的氛围。再采用比较亮眼的粉色和红色以及黄色来画出花朵。

step 14


继续为环境增加地面的植物,运用同样的方式继续丰富画面中植物的比重。远处的植物造型可以运用简约的圆弧造型来描绘。

step 15


最后,我们再随机增加一些飘落的树叶,优化细节,完成。

应用表现




后记


在手绘风格当中,尤其要注意就是形状不能过分精细,带一些潦草的甚至是孩子气的笔触是必要的,但如果过分潦草,又会显得过于幼稚。因此画画的过程要体会天真和理性的平衡。



Powered by Froala Editor

微信公众号:飞屋设计微杂志

更新:2021-03-22

收藏

51人已收藏

飞屋睿

http://www.ifeiwu.com

  • 149

    作品

  • 1.8w

    粉丝

  • 0

    关注

  • 学插画的高起点是从艺术品借鉴灵感:现代抽象风格插画图形设计
  • 无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
  • 我的商业插画设计书《商业插画设计思维魔方》终于出版啦!
  • 神仙级控线练习,文艺极简水彩线描简笔画植物:草叶集(二)
相关标签
插画设计手绘

    猜你喜欢

      2021-03-22 原创文章 教程 举报 5219 51 40 3

      手绘平涂风格扁平插画:街头小景

      0.0°

      你确定要举报手绘平涂风格扁平插画:街头小景

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年03月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      40
      51
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录