宋代 画谱 人物 大家好，这里是和你们聊设计花生~这个时间大家放假回家了吗？砂糖橘炫起来了没有？今天为大家推荐一场我最近发现的宝藏线上数字展览《千年调•宋代人物画谱》，它由中央广播电视总台CGTN重磅打造，多角度全面展现了宋代画作中的人物， 网页设计精巧雅致，所含内容专业丰富，让我们足不出户也能沉浸式感受宋代的极致美学。千年调 · 宋代人物画谱线上展直达： https://news.cgtn.com/event/2022/The-Song-Painted/index.html （手机端也适合观看~）《千年调•宋代人物画谱》数字特展是“CGTN艺术推广计划”的第一季，以数字博物馆的形式了打造伴、伊、仕、伶、俚、仙6大主题数字展厅，以中英双语形式全面展现宋代名画中孩童、侍女、文人、艺人、商人和仙道的形象及背后蕴藏的中国式美学。《千年调•宋代人物画谱》6大主题的入口页（手机端）此次线上展共甄选全球 10 余家博物馆的 110 副传世之作，如《清明上河图》、《韩熙载夜宴图》、《听琴图》等，并利用数字技术让画面内容“动起来”，使原本扁平的人物瞬间生动鲜活起来，以“中国方式”展示传递中国宋画所含的技法、构图、器物和思想。网页端的开屏动画以 6 大主题中的“伊”为例，展示的是有关宋代服饰妆容的内容，以配图+短文的形式介绍了宋代妇女的“一年景”簪花风俗、妆容特色及服饰穿着。进入主题后有一个古画动态开花的效果，介绍妆容的时候还有一个“化妆”的互动环节，点击五官的位置可以为画中的人物逐一“上妆”，人物的眼睛也会不时眨动，非常有意思。这样互动小游戏在其他主题中还设置了很多，足见此次策展方的确花了很多心思。作为一场面向世界的特展，《千年调•宋代人物画谱》还为每个主题增加了“入画”和“赏画”两个版块。“入画”是网站特设的艺术评论专栏，邀请了国内外的专业宋画学者、艺术策展人、青年插画师、古画复刻人、古代服饰专家，一人一画对作品进行深入的剖析解读，帮助大家不同角度更深入地了解画作背后所蕴含的历史人文内涵，对宋代文化感兴趣的效果小伙伴不容错过。“赏画”版块是数字典藏区，收录了相关主题的多幅高清宋画珍品，并配有中英双语伴读导览。赏画区使用地图分片（Map Tiles）的 Web Canvas 技术手段，可以最大限度的缩放画作，观察古画的细微之处。线上展的 6 个数字主题厅我都浏览了一遍，网页用了多种技术展示古画的特色细节并实现与观众额互动，整个展看完真的是一种美的享受，非常适合在家闲暇时看看~推荐阅读：看电影学审美！8位值得关注的宝藏电影拉片UP主大家好，这里是和你们聊设计的花生~想必很多学设计或插画的小伙伴听过可以通过看电影来提升审美，学习构图、配色、造型等方面的知识，并获得相应的创作灵感。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/the-song-painted
插画 画师 人物 本文推荐了 10个 Q 版风格的插画师，想学这类风格的设计师可以多关注下。往期回顾：这5个顶尖插画师的线稿作品，是我每日学习的源泉！关注优秀插画师，学习借鉴其绘画技巧是插画进阶必不可少的过程。阅读文章 > 这 5 位优秀的扁平风插画艺术家，是我每日学习的源泉！大家好，我是和你们聊设计的花生~之前有和大家聊到矢量扁平风插画在设计领域的应用越来越广泛，并且逐渐规范化，这表明这种插画风格将成为一种稳定的应用风格。阅读文章 > 注：文章推荐的插画师大部分来自 Instagram，访问需要搭梯子。cysketchhttps://instagram.com/cysketch店铺类，空间类的插画居多，是一种饱和度偏高的灰调色彩。光影的处理非常棒。dumplingcrystalhttps://instagram.com/dumplingcrystal人物居多，会搭配些植物，场景比较简单。画面色彩基本为暖色系，画人物植物可以参考哦～周小馋https://weibo.com/u/1239351665萌系画风，Q版人物居多，会搭配一点小动物，小场景。色彩暖灰调居多。想学这类Q萌插画的，可以关注我今晚的免费公开课哦，会有实操案例：报名请扫描下方二维码入群 ：phoebdrawshttps://instagram.com/phoebdraws人物植物场景都有～还有很多超可爱的简笔小物件。是一种暖紫灰调的色彩。etti_x.xhttps://instagram.com/etti_x.x专门画Q版小人的，有各种动作和表情，也会搭配一些小场景。nang_nang_studiohttps://instagram.com/nang_nang_studio专门画小猫咪的，有超多猫咪的动作可以学习～shikarunekohttps://instagram.com/shikaruneko也是以猫咪为主角的插画博主，暖暖灰调棕色系～lobomaravilhahttps://instagram.com/lobomaravilha以女孩为主，搭配可爱的场景，色彩也很美丽～allegraphichttps://instagram.com/allegraphic扁平化风格的人物插画，色块和线条的结合。浓郁的高饱和紫色系色彩。tinysnailshttps://instagram.com/tinysnails剪纸风的感觉，人物和动物都有。dango_lingohttps://instagram.com/dango_lingo可可爱爱的小熊，还有很多的周边贴纸。本篇来源：优设网原文地址：https://www.uisdc.com/10-illustrator
人物 线条 形状 关于我：优设大课堂金牌讲师，高级原画师、插画师。多次参与国内外知名游戏项目； 擅长欧美 CG、Q 版卡通等多种绘画风格。想看我更多作品可以关注我的小红书@wuli_石头（明早5月16号10点会有直播），微博@wuli_石头。之前在小红书上分享了一套按《搞笑一家人》里面的罗文姬女士的形象绘制的人物的表情包，收到了很多朋友的转发点赞，看来大家都挺喜欢的这种风格的人物绘画。所以决定出一篇文章，给大家分享一下我绘制人物头像的 6 大步骤，同时会对相关的知识点和技巧做细致的讲解，希望对大家有所帮助。对人物外形的抽象概括传统的人物造型按头部、颈部、肩部、躯干的顺序依次构建，然后再根据透视做进一步刻画。这样画人物会与原照片非常的“像”，但同时也会没有特点，缺少趣味和神韵。我根据自己长期的绘画经验，总结出一套自己的人物造型方法，概括来说就是大胆抽象，夸张对比。大胆抽象，首先需要我们对绘画对象有一个细致的观察。要善于利用自己的直觉，抓住人物给我们的第一印象或者印象最深刻的点。发掘其所带有的一种情绪或者“势能”，然后用简单的形状概括出来。我们看下面 2 张示例，2 张图片虽然都是同一个人物，但是整体神态是不同的。上图中人物是站立的状态，我们可以观察人物头部与躯干的相对位置，是一个比较舒展挺拔的状态，有往上延展的趋势。结合人物色块在整个图形中所占比例（人物色块与背景色块的区别），我们可以选择用一个直立细长的三角形来概括人物整体外轮廓。在第二张图中，我们可以看到人物的头部与躯干重叠，缩着脖子耸肩。这样给人的整体感觉比较内收，像是被压缩了。所以我选择用一个四分之一圆的形式概括整体的外形。确定好主体外形轮廓之后，我们在草稿起形的时候就非常快了。同时我们可以将初步外形做进一步的夸张：将尖锐三角形的进一步拉长，四分之一圆进一步压扁，让形状所代表的气质更加明显。再多给大家展示几个人物轮廓的概括步骤，帮助大家理解：虽然图片上人物头部的轮廓是圆的，但是我选择变方为圆，将人物的脸部连同脖子夸张成一个长条形，肩部部分则横向展开为一个梯形。这样的宽窄对比就会让形状更有节奏感，显得有趣。直接按照图片绘制的话，整体外轮廓会呈现方形， 比较呆板。我们转换一下思路，当人物躺倒的时候，在二维平面上原来的比例都会被压缩，我们可以一个选择扁长的形状，更符合我们直觉中被压缩的感觉。小结绘画的第一步不是拿起画笔就照着图片画，而是要带着思考去观察，用直觉感受绘画对象整体“势”的特征，然后用最能体现这种特征的几何形状去概括。我们在这一步确定的几何形状会主导后面人物造型的方向和特点，影响到成图的整体状态。可能有些同学会觉得，这样夸张的概括有些失真了。但其实这就是夸张的的优势和魅力，只要做到足够夸张，那么就更比照片更能体现人物状态的精髓，也更加生动传神。头身比例及分形在确定好整体的人物外形后，下一步就是划分头身比例并分形。首先需要说明的是，头身比例的划分没有绝对值，看个人风格和习惯。确定好头身比之后，我们就可以进一步划分出第二个几何形。示例 ①第一步已经将人物外形概括为一个细长的三角形。确定好头身比之后，根据人物身体色块在图片中的占据的形状，第二个几何形就确定为一个半圆形。在半圆形之上就是我们头部的位置。我并没有严格依照头骨形状来画，而是按照片上人物皮肤的面积，将其概括成一个椭圆形。然后用线条找出头发的位置，草稿部分就基本完成了。示例 ②第一步我们已经将人物外形概括为压扁的四分之一圆。这里我没有将脸部概括为一个椭圆，而是一个倒三角。原因是，仔细观察人物我们会发现，她的眼睛是向上看的，结合整体看有一个斜向上的趋势。而倒三角形就能展现出这样的一种趋势，如果话概括成纯椭圆的话就没有什么特点了。大家可以再看看下面几张图，多感受一下分形的思路：第一步我们将整体概括为一个长方形加一个梯形，进一步分形时，我将左右头发概括成两个圆形，头顶的发量压缩，这样在外轮廓上就有一个明确的变化，更加有趣。我们已经将整体概括了一个扁平的形状。进一步分形时，按照图片中头部皮肤色块呈现的形状，在内部分出一个稍微扁一点的半圆。再简单概括一下头发和手部的形状。小结在确定好主体的几何形状后，第二步就是确定头身比例，然后做进一步的大方向分型。在对头部或者躯干进行分型时，不一定要按照很精准的人体比例去理解，但是要对色块、元素及他们之间的关系有一个准确的把握。基础透视原理与点对点的处理在前两步的分形阶段，我们用了非常感性的方法对于人物造型进行抽象概括。但想画成一张好看的图，光靠感性和直觉是完全不够的。在基本的分形确定好之后，我们的思维要转到理性的一面，运用基础的透视理论和点对点知识，帮助我们确定正确的五官位置和头身关系。① 纵向中心线人物的分形草稿已经完成，这个时候我们心中需要有几条线：脸部的中心线、脖子的中心线、躯干的中心线。这些都是纵向的线条，分别对应我们的头颅，颈部和身体。只有这三条纵线在垂直方向上是贯通的，我们画出的人才是形体才是正的，不会出现出现形态扭曲。② 横向位置线纵向线条标好之后，我们就能在此基础上进行横向线条的划分。确定眼睛、鼻子、嘴巴的大概位置和互相之间的距离。这是要注意由于透视变化，五官之间距离的变化。透视不对，五官看起来就很怪异。注意线条的倾斜角度和方向的问题。确定五官位置的时候，要仔细观察人物实际状态，线条呈现出对于倾斜的趋势。横向的线条确定好之后，我们就可以在标记好的位置上确定五官的位置了。人体转向角度的不同，中心线的对应位置也会发生变化，眼睛这种原本两侧对称的点位置也会发生偏移。这个时候就要运用「点对点」的方式，以纵向中心线为准，让身体左右两侧的元素保持在同一水平线，并且在透视上保持距离相等。表情绘制与五官分形仔细观察五官线条的走向，是塑造人物表情非常重要的点。准确的线条走向让五官的表现力更强，情绪传达更加饱满。上图中，人物表情是嫌弃、不耐烦。仔细观察五官的线条走向：嘴角下坠，眉毛往中间聚拢，眼睛是向右看。在画草图的时候，就可以把这几个点抓住，用带有方向性的线条标出来，情绪的基本调性就被确定下来了。这张图中，人物双手捂住耳朵，眼睛紧闭，眉毛皱在一起，整体非常抗拒的姿态。在草图中，我们要用线条表达出这些趋势，且这些线条都是往面部中心收缩。在基础的线条方向确定好之后，就可以进一步用简单的形状，对五官的进行分形。我这里还对人物的鼻子做了夸张的处理，做成了一个尖锐的三角形，以进一步凸显人物激烈的情绪状态。小结不同走向的五官线条，会表达出不一样的情感。在保证五官的整体位置是正确的前提下，暗示出这些重要的方向向性线条，就能为五官的刻画定向正确的基调，塑造最终的表情时就会更加准确。五官具体刻画与脸部轮廓确定了五官线条的大体走向，接下来就是五官的具体刻画了。这里给大家分享一个我长期以来使用的画五官的方法：直接眉毛连鼻子，再连人中和嘴巴。即除了眼睛之外，眉毛、鼻子嘴巴都是一根线。这样做的好处就是：确定好单边眉毛的位置，我们就通过「点对点」的方法，确定另一侧眉毛的位置，然后沿面部中线，画出鼻子、人中，嘴巴的形状，五官刻画速度非常快。第四步的时候，我们已经确定好五官线条的大致走向，这里就直接草稿的基础上进一步完善，勾勒出五官的具体形状。此外也可以加入一些睫毛、皱纹等个性化的特色。另外再说一下脸型设计的问题。第一步进行整体外形概括时，用的是一个简单的几何形状。但是在具体刻画时，我们也要更具人物实际状态来概括。比如上图中，人物年纪比较大，脸部的肌肉松弛下垂，那么我们在塑造脸部轮廓时，就需要把脸部的下半部分处理的更宽阔圆润一些，形成一个半圆，与左侧的直线和头部较窄的圆弧形成对比，这样形状轮廓的节奏感也更好。头发的绘制思路头部、躯干、五官都已经讲完了，接下来为大家讲解一下头发绘制的思路。画头发要注意到 2 方面的问题：透视和外形轮廓。透视方面，头部转向的不同，头发呈现的状态不一样。照片中人物的脸是向右转的，那么对于左边的头发整体呈现的就更多，右边的呈现的较少且头发会被遮挡。外轮廓是头部造型的重点，一定要有识别度。如果要表现卷发，那我们就用饱满的半圆形弧线去概括，比软绵绵的弧线来说表现力要强很多。另外就利用分组来归纳发型的表现。先根据照片，对头发进行分块的概括，块面的大小要有对比变化，这样才能体现蓬松饱满的感觉。总结经过以上 6 步，人物头像的线稿就完成了。整个人物头像的绘制思路非常清晰，技巧也并不复杂，在日常联系或者创作中多多运用，肯定会对大家的人物造型有帮助。今天的分享就是这些，喜欢的话可以点赞收藏，后续我会继续为大家分享更多欧美风格人物插画的知识技巧。同时也欢迎大家关注我的小红书@wuli_石头，上面有我的最新作品和日常创作思路分享。零基础也没事！大神教你 5 步画出好看的扁平风人物插画大家好我是花生。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/people-draw
插画 风格 人物 大家好我是花生。插画元素现在在设计中应用范围越来越广，它能以直观的视觉呈现阐释产品功能，提高产品信息的易读性，且更具亲和力。在各种插画风格中，矢量扁平风的适用性最强。它线条简洁理性，元素风格容易统一，非常适合辅助传达产品信息，在 UI 设计中运用极广，且现在发展呈现出标准化的趋势，这也表明矢量扁平风格的插画会成为一种长期流行的风格。Alibaba Cloud Design 在其设计规范中就为绘制插画制定了详细的设计规范对设计师而言，矢量扁平风插画相对来说是比较容易上手的。它不需要你有扎实的绘画功底，只要了解风格特征和绘画基本技巧，就能在 Ai 中绘制出一副质量不错的扁平风插画。之前我们也向大家推荐了不少免费的插画资源，但授人以鱼不如授人以渔，今天向大家介绍一位在 YouTube 免费上教授矢量扁平风插画绘制的大神——Cosmin Serban。他是一位资深的illustrator插画师，在YouTube上分享了多个扁平风人物的绘制过程和技巧，非常适合想要入门学习扁平风插画的朋友。Cosmin Serban 的视频主页今天推荐 Cosmin Serban 的免费课程《Flat Character Design: Illustrator Tutorial》。在此课程中，Cosmin Serban 想告诉观众扁平人物真的很容易绘制，从寻找灵感、找参考、分析绘制规律、动手操作、完善细节一共只需要 5 步，所有步骤视频中都详细的展示了。课程传送门 https://www.youtube.com/watch?v=dyWpgmyelio&t=14s ，我将在下文中对关键步骤进行翻译解释，帮助大家更好的理解课程内容。5 步画出好看的扁平风人物插画第一步：寻找优质灵感如果入门就要从练基础手绘能力开始，估计没有多少人能坚持下去。所以 Cosmin Serban 推荐设计师从侧面切入——找到自己喜欢的风格作为灵感参考，分析插画的特点和规律，在模仿借鉴的过程中去学习插画的绘制技巧，这样学习速度更快效率更高。毕竟快速画出一副插画的成就感还是很强的，有了这样积极的反馈大家学习的动力也会更足。Cosmin Serban 在教程中的借鉴的灵感来自于 Olga Semklo 创作的人物插画。Olga Semklo 是一位非常擅长扁平风插画的插画师，作品构成简单却充满美感，适合新手借鉴学习。Olga Semklo 的 ins 主页： https://www.instagram.com/semklo.design/第二步：寻找照片参考为自己要创作的插画确定一个主题及大概的人物形象，然后在 Pexels 等免费可商用的照片网站上找到合适的人像参考，如果有植物等其他装饰元素的话也可以一并先将参考元素找好。Cosmin Serban 为自己确定的参考对象是微笑着的男性形象。第三步：分析灵感的插画风格找到优秀的插画灵感后，不要马上就开始照着画，因为这样做你得到的结果只是“画完了”而不是“会画了”。在开始画之前，要先仔细分析一下灵感源的风格并总结规律，这样在之后画的过程中思路就会更加清晰，也能学会如何将对方的绘画技巧延展运用到自己的创作中。第四步：实践操作参考资料都找好了，对绘画风格也有了一定的把握，接下来就可以开始正式创作了。用 Ai 绘制插画的一大好处就是我们可以借助各种形状快速拼接出想要的轮廓，这对没有手绘基础的设计师来说非常方便。在绘制的过程中要注意遵循我们总结出来的风格规律，比如眉毛是长条状，鼻子和嘴巴用短线表示，阴影设置等。按照风格将人物的形象逐步组建出来即可。第五步：细节完善当主体人物画好之后，我们可以为开始为其上色，配色你可以借鉴优秀的插画或者色卡。然后就是加上背景和一些装饰元素，也可以为人物的衣服加上一些装饰图案。这样一套流程下来你就有了一副自己创作的扁平风人物插画了。总结Cosmin Serban 在《Flat Character Design: Illustrator Tutorial》中为我们介绍了一种快速学会在 Ai 中创作扁平风人物插画的技巧，只要你熟悉了这种方法并勤加练习，就能实现按主题自己独立创作出扁平风人物插画。再次总结一下这个过程：1. 确定灵感参照。找到自己喜欢或者比较常用到的优秀扁平风插画作为风格参考，刚开始最好选择画面元素简单一些的，熟练了之后可以再升级难度；2. 找实物参考。从免费可商用的图片资源中找到符合自己主题的人物或者元素参照，也可以从自己的生活中取材；3. 仔细分析灵感插画的风格并总结规律，为之后的绘制提供风格参考标准；4. 遵循既定风格，在 Ai 中逐步绘制，有能力话也可以画好草稿然后导入 Ai 中勾线；5. 上色，完善细节。以上就是今天的推荐，Cosmin Serban 还有很多其他的优质免费课程，感兴趣的小伙伴可以去他的 YouTube 主页学习。「Cosmin Serban YouTube 主页」：https://www.youtube.com/channel/UCR-vujr17AbIWWp3lL8sdpg更多扁平风插画资源：这5个顶尖插画师的线稿作品，是我每日学习的源泉！关注优秀插画师，学习借鉴其绘画技巧是插画进阶必不可少的过程。阅读文章 > 非科班出身的我，发现这些插画基础知识才最有价值Hi，我是彩云。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/vector-character-illustration-tutorial
光影 形状 人物 前言：扁平风格当中，除了写实人物，最重要的一个环节，就是“抽象简化”人物。这在扁平插画研习社的课程里我也讲过：简化与抽象是扁平化的重心所在。目前很多看起来之所以不那么抽象的插画，如果非要说是扁平插画，最多只能说是和写实风格做了融合而已。而这次我们的案例就是一个抽象分量比较重的人物，大家可以在操作过程中去感受抽象的精髓，注意简单几何的本体和变体表达。此外，还有光影的层阶安排，需要对明暗保持有效把握。灵感来源这副插画的灵感是来自一张摄影，但是并没有保存，只是一闪而过。后面就想将摄影转为抽象人物的风格。AI布置基础形过于抽象化的人物其实一般来说可以省略草图部分，重要的还是从简单几何开始，慢慢探索形状组合的可能性。因此在这里我们直接从AI绘制基础形开始。STEP 01打开AI，新建一个10cm*10cm的文档，颜色模式为CMYK，光栅效果选择300ppi.这里没错，我们将要做一个可以印刷的版本。在画布上画下一个圆角矩形，这就是人物的头部，然后继续画出3个矩形，将一端变为圆角，类似下图。将这些形状拼缀起来。分别填充的颜色色值参考如下：STEP 02你可以把上一步所画的形状看作原材料，接下就是对这些原材料的组装，这时差不多画好人物的头部、颈部以及两只上手臂。思路解析：请大家在组装这一步，深刻感受所谓的“差之毫厘，谬以千里”，细节的微妙差异，都会造成最终观感的完全不同，位置需要谨慎对待。由于我们接下的光影绘制都是建立在基础形之上，所以基础形的位置、形状、大小就至关重要。STEP 03先给左边手臂的底部增加腋窝的部分，利用圆形补充相同色彩的形状。再利用钢笔工具画出人物的身体，先画出由“棱”边角描出人物上身，再将棱角转为有弧度的圆角。色彩填充蓝色。STEP 04再用钢笔工具画出头发，头发的部分可以自由表现，线条流畅，造型合理即可。色彩填充为黄色。这里的头发可以分为三个部分，一个是大的头发主体，还有一个是刘海，一个是零散的发束。我们可以先画主体，再增加刘海和发束部分。STEP 05局部进行调整，将肩部以下部位的形状都往下移动，让肩部下沉。同时，增加右边手臂的下手臂，可以直接复制上手臂的形状略加以旋转。填充不同的肉粉色。再补充腰部的形状。STEP 06给人物增加胸部的线条，利用圆形直接增加。再继续画出人物的短裤部分。下半身的画法和上半身一样，臀部短裤的部分采用钢笔先画出棱角，再转为圆角弧形。STEP 07接下绘制人物的腿部，腿部分为两个部分，由于我们设计的人物为跪姿，所以大腿和小腿为上下重叠，这里为了提高形体表现力，可以把小腿部分表现成大腿的一半。STEP 08小腿末端连接的形状是鞋袜的部分，袜子为白色，鞋子设计为深灰色。这里注意鞋子和袜子的形状，仍然是利用钢笔工具起形。到这一步为止，基础形就完成了。接下开始进一步添加细节。添加零碎的细节STEP 09开始给人物绘制五官，抽象人物的五官依然要延续抽象这一风格内涵。将五官绘制好后，放置于人物脸部，注意人物的脸部稍微有些抬起，因此不同于正面视角，五官的位置需要稍微往上。STEP 10继续为下半身的鞋袜和短裤绘制细节。思路解析：细节的添加可以是自由发挥，比如给短裤增加卷边，那么这些设计都是临时突然想到的，还有包括短裤上的心形图案，你也可以替换为其他的样式，比如格子或者条纹，或者给短裤设计花边。在符合形式美的基础上可以任意发挥。这里开始我不再给出具体的颜色色值，因为细节的设定还没有增加光影，等到光影增加完毕，还需要根据整体做调整。因此细枝末节的设定就不需要完全和案例一致。为人物增加光影思路解析：光影在这副插画的风格中占比很重，插画最终的效果都是靠光影来表现。这部分在我们的扁平插画研习社课程当中讲到素描三大面和五大调，对应到插画中就可以转换为光影的三个层次：本色、高光、阴影。这三个层次在大部分形状上都要有所描绘。其中高光的色彩明度最高，而阴影的明度最低。STEP 11我们依然从脸部细节开始，描绘出光影的层次，让人物的面部更加立体。STEP 12再为脸部以及颈部增加光影关系，这里设计左上为光源发射点，因此左边受光较多，慢慢逐阶过渡到右下的阴影。这里所画光影的方法是复制基础形来相加或相减，利用形状生成器工具即可立即生成所需的形状，不需要的部分就此删除。如果不熟悉形状生成器的用法，下面这个视频也许能帮到大家：点击这里看视频STEP 13增加手臂的光影时，一定要把手臂看作一个圆柱体，心里要有立体的概念，然后再表现为扁平风格。STEP 14身体的光影在这里是一个难点，特别是胸部的阴影和后背阴影的连接，在连接部位要处理得圆润。受光部分形状也要用钢笔工具画得平滑自然，这需要多花时间处理。特别要注意是腰部露出的皮肤部分的光影，也要按照上衣的光影安排。STEP 15短裤的光影要注意一点：短裤如果是布面材质，所以不会反射出高光。所以大部分受光都是受光的单色形状。STEP 16腿部的光影可以多一些层次，大腿和小腿由于是上下相叠，所以小腿的受光肯定不如大腿的部分。STEP 17鞋袜可以多增加细节，而细节也需要考虑光影表现，这时简便的做法就是利用一整块黑色的形状整个将鞋袜的形状笼罩，然后降低透明度的方式，就能让细节也能进入光影表现。STEP 18思路解析：最后我们来绘制头发的光影，头发的光影也同样是个难点，难点在于初学阶段对头发的概念会停留在“头发是一缕一缕的”。其实大家可以把头发看成是一个固体，和其他固体没有什么区别，也一样会有光影，起伏的表面，受光的部分就是受光面，背向光线的一面是背光面，也就是阴影。这样就很容易去理解并描绘准确。到此，我们的光影就基本绘制完成，但是整体还需要进一步优化。「背景-前景」视角我们要学会从背景去看前景，才能得出更精准的色彩表达。因为背景对前景会有一定的影响，同样的颜色，在白色背景和有色背景下都会呈现出不同的表现，尽管大部分时候这种不同是很微妙的。STEP 19绘制一个大的圆环，给这个圆环填充为#FDDDA1。STEP 20在增加了背景的基础上，继续增加光影，首先为头发绘制出白色的高光区域。全局细节STEP 21根据全局出发，最后为人物再增加装饰：项链和手镯。这部分大家可以自由发挥，还可以装饰细节有很多，比如人物的纹身或者其他小装饰物。STEP 22增加白色透明的小圆点，将小圆点散放在受光的部分，这样会增加人物的亮色。再根据背景将小圆点和背景圆环做一些互动装饰。最终完成效果：结尾：不是万能的纹理很多小伙伴在画插画时，尤其利用矢量工具画出的插画，看起来太过平淡，也是由于没有安排好光影以及形状。所以这时所能想到的补救措施就是增加颗粒纹理。虽说增加纹理的确有增加画面质感的作用，但是我一直强调过，纹理，只是一种锦上添花，如果没有优秀的形状，纹理的作用很微小。类似这个案例的插画其实已经利用小圆点强化了画面，就不需要纹理再进一步铺满画面。我们就到这一步为止，接下如果可以，拿到PS里再进一步调色即可。这个案例的难点是在身体以及头发的部分，而能够自由发挥的部分是装饰以及鞋袜的部分。如果原创攻坚，难点是怎样换种形状去表达相同的内容。这是原创训练需要抓住的玩法。如果还没形成这一原创训练思维的小伙伴，不妨经过每一次的临摹学习来逐步进阶~希望大家都能抓住青春的小尾巴，继续成长~原文链接：ifeiwu
图层 滤镜 人物 最终效果素材：1、（抠图）首先把图片素材拖到PS里面，然后在菜单栏-选择-主体，这样就可以把人物载入选区，对了主体这个功能在PSCC2019版本以上才有，如果是低版本直接有快速选择工具或者魔棒工具快速得到人物选区也是可以的，目的就是拿到人物选区。然后在选框工具的情况下可以看到属性栏有个选择并遮住的功能，点进去然后调整一下边缘细节，用调整画笔工具擦除头发边缘不干净的地方，微调一下右边的参数，输出到选择带有蒙版的图层，然后确定。如下图所示2、（还是抠图）用钢笔工具把图片上的男女分为两个图层，并且命名好图层名称；然后随便找一段英文（文章要够长长长长），或者找一篇中文翻译成英文也可以哒，我绝对不会告诉你，我就是这样干的。3、选中女图层按ctrl+shift+u（去色），新建空白图层填充白色作为背景，然后放到男图层下方，复制女图层命名为备用图层并把它放到白色背景层下方，然后采用男上女下的图层位置，如下图所示。4、对女图层进行滤镜-模糊-高斯模糊（1像素），然后用加深和减淡工具处理一下人物细节，把人物比较暗的地方减淡，降低明暗对比差，方便一会做左文字效果。5、对女图层下方新建一个空白图层，然后用画笔工具沿着女的周围画上阴影，如下图所示。6、把女、阴影和白色背景三个图层合并，然后把其它图层全关掉，只显示合并后的图层，然后保存到桌面（命名1），如下图所示。7、显示文字图层，并把它拖到男图层下方然后复制一份文字图层，然后把它放到女图层下方，关掉眼睛不显示。把上面的文字图层栅格化，然后执行滤镜-扭曲-置换（参数如下），点击确定，弹出一个选项框，找到桌面刚保存的命名为1的PSD文件选中打开就可以了。效果如下。8、显示男图层添加蒙版，处理一下人物边缘的杂边，然后添加曲线加强对比度。9、曲线给人物（提亮）、曲线（加高光）、曲线（压暗暗部细节）。10、降低饱和度和明度。11、启动滤镜-camera Raw滤镜，调一下参数如下。12、启动滤镜-锐化-USM锐化，调一下参数如下。最终效果：
人物 线条 形状 扁平插画中人物的风格可以是非常多样化的，没有标准答案。所以，在绘制人物的时候，对于身体比例的控制就没有太严格。和正常比例的人物绘制来说，大尺度的夸张人物身体，关注点就应放在色彩和形状的表现上，找寻形色之间巧妙的平衡。在今天的文章中，主要分享扁平化插画的形色平衡的训练为重点，演示创作夸张风格人物的过程。效果图：使用工具：Adboe illustrator (2019)一、草图：生成作品也许只需要30秒我一再强调过草图的重要性，草图不需要画得多好，它是一个想法的探索过程。在我们今天绘制的人物，我希望给人物一个看起来比较像是在舞蹈的动作，这样的画面会看起来更有活力。这是我的草图，看上去很凌乱，不过大家可以看到我在这里的思考脉络。画这个草图用不到十五秒，但是它瞬间捕捉到了我脑海中想要人物呈现的样子，以及可能想要给人物增加了一些场景元素。我也在扁平插画研习社当中和大家提到过，每天不一定能有时间完成一幅练习作品，但是一定可以拿1分钟时间来完成一幅完全原创、天马行空的涂鸦。二、线 Or 非线人物形态确定以后，接下就需要进一步了解到：你需要运用哪种更为细化的笔触来表现插画？扁平插画最基本的划分，其中一个是线性或者是非线性。所谓线性就是要利用线条来对轮廓线或者边线进行处理，而非线性只是采用形状。它们之间的区别除了线条的存在与否以外，线性更需要加强线条本身的表现力，所以对线条的形态本身也需要格外关注。STEP 01首先打开AI，新建文档，文档大小可以设置为1200*1200，分辨率72，色彩模式RGB。先从线条开始起步，设定好线条的大小为3px，绘制出一个圆角矩形。圆角矩形的角度圆弧可以放到最大，呈现一个胶囊形。这也是人物的头部的绘制。描边的形态也要注意一下统一规格，详见下图：三、绘制身体的大形上一部绘制好了头部，接下就可以开始绘制颈部以及身体的其他部分，这时候可以不用绘制细节的部分。重点是要抓住身体的比例以及大型的轮廓。虽说我们绘制的是夸张比例的人物，但是比例仍然是我们绘制的关注点。STEP 02脖子的处理方式很像画一条管子。这里我们采用钢笔工具绘制直线条的方法，然后再将直角变圆角。这是扁平插画中常用的绘制弧形的方式，除非你能很精准的控制钢笔工具的贝塞尔曲线。STEP 03接下处理的身体的部分，首先要画的是领口和肩臂的部分，这两部分其实无法分割，而是作为一个整体来绘制的。这时我们还要确定的是领口的样式，领口究竟有什么样式决定了衣服的样式，一般我们常见的领口样式就是一个圆领和一个V领，所以在这里，我们选择用圆领。要画圆领很简单的方法是用钢笔工具，但是初学者不一定能把这个圆弧画得很精准，这时我们可以借助圆角矩形本身来画。然后利用形状生成器工具（在左侧工具栏中找到），在按住键盘ALT键的同时，对路径进行删减。STEP 04接下绘制肩部和身体，注意跟随草图的思路，同时需要注意线条的表现，弧线要处理到平滑均匀。从下图的右侧可以看出，扁平插画中我们是如何运用几何块状来构型的。STEP 05接下完成另一只手臂，但暂时不绘制手的部分。另外一只手臂也是需要表现出几何形的感觉。STEP 06最后完成腿部的绘制，手和脚的部分留起来单独画，这是为了让我们的身体大形全部建立起来，从而获得人物动作的全貌，以便我们从大体上进行调整。提示：如果我们在草图阶段画好了人物，也许觉得很满意的作品，放到软件里画出来未必就是同样的感觉，这时就需要继续调整。四、手脚细节整个人物的身体都是用大的形状所组成的，相对欠缺细节。那么手部和脚部（鞋子）就需要比较细节的刻画，这样就能让细节也富有感染力。STEP 07绘制手部的时候，注意手指的线条要分布均匀，关系适当，手指的长短要表现出错落有致。STEP 08脚部的细节主要就是要描绘出脚踝，以及鞋子的部分。鞋子的样式可以自由发挥，照顾到整体的审美感即可。注意右边的鞋子，由于脚后跟的位置略往上抬起，因此鞋子的外观和左边就略有差别。五、增加细节化处理大形绘制完，整个人物就完成了，接下继续增加线条，从细节上继续丰富人物的表现力。STEP 09从头部的细节开始增加，为人物增加眼睛和头巾。头巾的部分可以稍作夸张。STEP 10对人物的服饰增加装饰性的线条细节。STEP 11继续增加鞋子部分的细节，这里的线条可以稍作更为复杂的刻画。STEP 12这里接下我们将直线替换为波浪线，比如人物的右边的裤腿，就可以采用这类方式来增加人物的律动感。首先绘制出一条直线，这条直线不要太短，接下在选中直线的基础上，进入到【效果>扭曲和变换>波纹效果】，进入波纹效果的设置面板，然后根据下图中的参数进行设置。这时直线变为了波浪曲线。STEP 13删掉人物右边的裤腿那条直线，然后将做好的曲线进行扩展外观，扩展外观后，这条波浪曲线就变为了曲线的路径，然后将这条路径放置在合适的位置上，注意首尾和原有图形的对接。六、装饰线的细节所谓装饰，就是看似和人物不相干，但又能帮助烘托氛围，增加丰富感的线条、圆圈等图案。这些图案的排布应该是灵活的，但又不失视觉的韵律感。每个小装饰的画法都非常简单，装饰就像一种调味料，因此要把握好整体的比例。STEP 14增加线条作为主装饰，它们的方向最好保持一致，和人物的腿部线条有方向上的共鸣。STEP 15继续丰富装饰的细节，增加几何形、虚线、圆点、斜线……等等。这无疑就是多种调味来增加视觉的丰富和动态。然后线条的部分我们就完成了。接下我的习惯做法是，先把所有的图形全部建立一个组，然后复制一个，当作备份。对新的复制出的线条进行扩展外观。由于有了备份，即使最后发现线条有什么不对，也能重新把原始的线条调出来进行修改。因为在AI中如果已经扩展了外观的线条就已经不再好继续改动了。七、填色填色前先将所有的线条进行扩展，扩展后再将所有的线条（现在已经是黑色的形状了）进行合并。STEP 16利用形状生成器工具，选中刚刚我们扩展后的所有的黑色线条，然后通过鼠标单击的方式来生成内部的形状，从而可以对内部形状进行填色处理。这时我们选用蓝色作为主色来填充人物衣服的部分。STEP 17然后再填充人物的皮肤的颜色。STEP 18运用一个饱和度更高的蓝色，和之前所运用的蓝色相比，它运用的面积比较小，让这块颜色具有视觉的凝聚力。STEP 19最后把主色调的蓝色分别运用在其他的形状上。然后再把人物的裤子的形状填充黑色。黑色和蓝色的运用，会让色彩整体有种力量感。而黑色裤子的部分就和其他地方用线包围的感觉形成了对比，视觉上会具有更多层次。STEP 20将装饰形状的色彩也进行部分填充，色彩可以运用蓝绿来补充画面中色彩的单调。然后选用接近白色的蓝色（不一定非要是纯白）来给目前仍然处于空白状态的形状以白色。这样整个画面的填色就完成了。STEP 21主色为蓝色，这就让画面看起来比较冷，那么为了中和这种冷调，那就需要增加一个暖色。这里我们为人物增加一个背景装饰数字01，让这个数字的色彩表现为黄色。STEP 22最后一步，为了让画面看起来更灵动，我们给人物的衣服增加白色英文字母。最终效果如下：八、插画应用最终应用在UI设计的界面中的效果：九、后记：扁平（FLAT）的魅力FLAT不是朴素，只是学会克制的表达。比起纯快乐式的张扬艺术相比，扁平看起来比较冷静，这也赋予了它在商业应用上的实用性。在学习扁平插画的时候，学会脱离原有物体的形态，练习夸张的人物是最有效的方式。由于重点从人物形态转移到了形色的造型组合，因此，直达视觉传达的本质。来源：ifeiwu
人物 网格 画出 前言：人物的画法向来在插画界中都是风格各异的，今天我们创作的这个人物相对会倾向正常比例，找准她的身体比例结构表达到位即可，利用网格构图来组合画面，将会让扁平风格看起来更具有结构感。在整个流程中，我们会同时用到AI和PS两个工具，这两个工具共同属于Adobe的软件，应用上彼此更容易沟通。我们会用AI起形，用PS来描绘光影，相比以往全部采用AI来绘制矢量插画略有不同。准备工具：Photoshop (2019)Adobe illustrator (2019)数位板草图构思无论是设计也好还是插画也好，都总是少不了从草图起步，这是idea的来源。实际的画面可以不一定依据草图，它只是给出一个大方向。绘制人物头部STEP 01绘制基础形从AI开始，我们打开AI，新建一个文档为1600*1600px，然后再进入到【编辑>首选项>参考线和网格】，在面板中设置如下参数：STEP 02我们开始要学会用网格来辅助造型，首先显示出网格，这里要进入【视图】，然后单击【显示网格】，并且勾选【对齐网格】。有了网格的辅助，我们的画面就会看上去有种内在的稳定感。STEP 03接下我们来开画，人物的侧脸，把草图拿来看了，然后扔掉。警告：不要完全去勾草图，否则你会错过一次练习造型的机会。人物侧脸的左侧是最终呈现的线条，所以注意这条边要对齐网格，并且注意它的轮廓表现。而这个形状的右边那条边由于最终会被头发等形状所遮挡，因此随意画出即可。色彩可以填充为肉粉色，作为皮肤的色调。STEP 04接下我们要继续画出头盔，头盔的步骤如下图所示：STEP 05把头盔放到人物的脸部上方，将它略调整为与网格对齐，人物的头部完成了一大半。STEP 06接下绘制人物的头发，头发的部分我们打算用矩形来生成。下面是用矩形做头发的思路：利用矩形来拼成头发的形状，矩形本身是直角，但是经过圆角拉伸后就变成了圆角矩形，这时就很容易做出头发的飘逸的效果，又不失扁平人物的风格表达。过程如下图：STEP 07把上一步做好的头发，连接到头部。这里需要补充一个色块，并且做好圆角的处理。要做到自然而然，不要接得太生硬。该调整的地方继续调整。到这一步，头部就完成啦~再检查看看头部的视觉是否正常。画出人物身体身体的部分要画出来，首先要明确人物的头身比。当然我们不是再现真实的人物，所以允许头身比可以有部分出入，但是基本上还是按照6-8头身的比例。这个比例具体是指什么意思呢？就是我们的身体高度刚好是头部高度的6-8倍。下图为7.5头身比例图：STEP 08我们画身体也是从直线开始，利用钢笔工具画直线，用直线来勾勒造型，注意对齐已有的网格线。STEP 09然后把部分的直角转为圆角。STEP 10再画出右边的手臂，注意比例和对齐网格。然后再把部分尖锐的角转为圆角。STEP 11手部的画法很简单，也是从矩形开始。然后把部分直角转为圆角。STEP 12最后把头发的部分拉大一点，然后把所有的细节都整理一遍。STEP 13画出女生的小裙子，也是从直线起步，最后把裙子边缘转为圆弧。STEP 14两条腿的画法依然是利用钢笔工具，注意小腿肚可以给个弧形来表现。STEP 15画出鞋子的部分，并且增加鞋子的滑轮。STEP 16把人物的膝盖的部分的细节再进行细化，如下图到这一步，整个人物的基础大型就完成了。继续丰富装饰细节STEP 17在目前的基础上给人物增加小细节，这些小细节可以增加人物的生动感。比如我在这里给人物添加了头盔、腰带、鞋底以及长筒袜的细节。这部分纯靠想象，大家可以稍微放飞自我。利用AI的形状生成器工具就能生成不同的形状。STEP 18长筒袜的图案可以画出来，让画面更丰富。首先我们要画出一条线，这条线的描边为80px，然后进入【效果>扭曲和变换>波纹效果】，面板参数如下所示。STEP 19将上一步所做的形状进行扩展外观，变为封闭的路径形状，然后应用到长筒袜的白色形状上。多余的部分用形状生成器工具删掉。人物的塑造到这一步就完成了画阴影提质感——一切交给PS我在扁平插画课里给学员们所介绍的增加光影的方法一般来说是用AI完成的，但是其实增加光影，PS也能做到。所以，我们这次就用PS来增加光影表达。STEP 20可以打开PS，新建一个1920*1200px的文档，然后将AI所画的对象复制粘贴过去。粘贴时选择“智能对象”，并且增加一个纯色背景，背景色为暖粉色。STEP 21这时利用数位板/手绘板，开始对人的皮肤的部分增加阴影，用普通的画笔即可。新建一个新的图层，然后设置为下面那个图层的剪贴蒙板。在新图层上添加阴影色块。利用【选择>色彩范围】，首先选中皮肤的颜色，这时记得要选中人物的图层。然后在新图层上开始绘制阴影区域，颜色稍微比皮肤的颜色略深。由于有蚂蚁线选区的控制，开始涂阴影的时候就不会溢到其他部分。除了阴影，还可以增加高光的部分，让画面看起来更立体。画笔选择“硬边圆”就好。STEP 22利用以上所介绍的步骤，开始对其他的部分都分别画上阴影和高光。因为画的过程是非常自由的，只需要掌握基本的原则即可。这里不再详述每一步，下面是需要注意的要点。可以利用画笔画出部分细节。STEP 23最后把长筒袜的部分也做出阴影表现，这里的处理手法和上面略有不同。因为这里涉及的颜色较多，所以我们不能用单色的处理手法来提供选区。此时需要再新建一个剪贴蒙板，利用钢笔工具来生成长筒袜的形状，然后用棕色涂出阴影部分，再降低整个图层的透明度。STEP 24追加颗粒感的纹理，再新建一个图层，创建剪贴蒙板，继续自由发挥。这时可以选择【特殊效果画笔】里的“喷溅笔刷”，或者选用其他你自己私藏的颗粒感笔刷，这里不是那么绝对。STEP 25增加了颗粒的效果，可以让边缘变得也具有这种生动的手绘感，因此这时可以再新建一个图层，利用边缘比较有机的画笔来表现，这里的图层不需要创建剪贴蒙版。其实插画不一定要加颗粒，增加颗粒是为了提升趣味感。大家可以对比一下，增加颗粒前后。STEP 26最后通过色彩平衡等调色工具来对整体的色彩进行调整，并为人物增加文字背景，将文字也画出阴影的效果，冲淡背景的单调。并且为整个插画增加点状图案。最终效果如下：写在后面：后面为插画增加文字和图案的部分，由于是即兴发挥，所以不再多累述。你可以增加图案，也可以保持原状。这部分可以发挥你的原创来绘制。原文链接：ifeiwu
在路上
落霞与孤鹜
张大湿
表哥
