赞助商
立即赞助

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

手绘3年前 (2021)发布 流光
3.3K 0 0

@飞屋睿UIdesign :研究线条,会发现,线条除了表现我们普日常所见图标化个体以,可以表现更大更复杂风景。是后者会有定难度,如线条比较粗情况下,尤其法更好去展示细节(比如要表现云朵或者空漂浮柳絮等)。时我有卡在这个思路上没有进展。

两天,我突凭空有灵感,想到「简化」一条路。尝试用简化的方法,虽看来粗糙,但又进到新的面。我想我们不是要单单造,而是要传递。因此,用和块的组合,就样一步步展开。

灵感来源

是我有一组品大千之镜,一组品就是基粗+的方式来创,其中重点的表现是「」(渐变组合)。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

提示:

本操作注重设思维的过程,不涉及到软件的具体详细操作,如果对软件操作疏的小伙伴,可以移到这里看看这简单的速手AI的操作视频。

△ 得形状的四种方法:拼、减、裁、画

参考照片不等于临摹照片

外景的绘制,需要非常概括化。由于这的规划是把景物画在一个圆矩形的框内,其实空间是有限的。因此线条的置也就要趋于简。

简是一个非重要的思路,你可照片开始研究。当然,我在创作的时候,止借鉴了一张照片,而是把多张照片进行结合参考。

参考照片里布局、构图、透视……然后提炼最基本形状。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

如有兴趣你可以看下这支视频:

△ 灵感怎么来?参考照的几点技巧

构建基础线条

果在细节并不累赘的情况下,简化的图案以采用网来帮助表达。当取决你的习惯。

STEP 01

打开AI,新建一个1600*1600px的文档。在个文档中画出一个圆角矩形,在个圆角矩形当中谋篇局。首先用几个条把最大的基础形勾勒出来。外框条采用30px,而内部的条以稍微减小,变为25px,细以变为20px。

线条的粗细设置原则就让其遵循一的韵律感,比如都5的倍数。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

图案犹如搭积木那样建立起整画面。

STEP 02

继续以搭积木的逻辑填满左建筑群的画面。这时我们学会跳出「技」的思维层面,这我的授课验当中也反复学强调:我们并不学会如何画这对象,比如这里我们绘制小镇风景。我们学会的背后的创作思维。

这引用一段丰恺在《认识绘画》这本书的话:

「图画就同数和体一样。人生一定要画苹果、香蕉、瓶、茶壶。原过是借这种研究来训练人的眼睛,使眼睛正确而又敏感,真而又美。」

用在这里,是过画小镇、筑过程来训练自己线条造型能力。而这个能力表现出来是既符合筑形,又能让它看起来美观自然。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

STEP 03

继续往,就是把我们的形状再一次优。优形状有两个层面需要注意:

  • 形状衔是否闭
  • 整体的形状是否均匀

这是宏观和观的个方向。然后再适当调整增删形状。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

STEP 04

增加细节一般后一的框架作。这时我们又切换一角度:刚始我们把线的作用看作建立轮廓,这时,需拿线当作细节的描绘担当。比如下面用一苹果作例子,就能理解了。线的两作用:勾勒描绘,这里就能体出。

因此这增加的细节(窗户、门、波浪、海鸟等)都是发挥线的描绘作用。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

这一步的轮廓线就完成了。这可以将它扩展外观。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

在多LOGO计当中,这一步其实就可以告一段落了,因为大部扁风格的LOGO都只需要一个轮廓,色彩可以是一个随机的色。

色彩框架

建立色彩框架,其实就是找一种观察色彩的角度。利用个色彩间的关系演化成一个色彩阵列。在下面这个视频中,你可以了解更多关于色彩阵列。

△ 色彩阵列:给初者的色彩框架图

STEP 01

依据上面的论,我获得了这个色彩阵列。我们的色彩就从这里开始。色确定为蓝色(这从我们的照片里获得了灵感),次色为粉色和薄荷绿。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

STEP 02

当然,色彩阵列的作用并不是要让用上所有的色彩,仍然根据实际的情况去繁化简。在关键的色彩上进行不断的尝,找最好的组。

形状生成器工具来进行上色,把色进行分布。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

STEP 03

继续运用上次色薄荷绿,这大家要注色彩的妙变化,在一色彩出现的候,起来一切都完美,一旦加入了第二种颜色情况就开始变复杂了。

这和我们平时生是一样的,一个人的时候么都好,两个人就会现人际系。复杂的人头疼人的系,就带来了更多的生机和起伏。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

我们看到虽然我们次色,但在分色上带来了更多的色彩上的变,这是有了色彩阵列后可轻易做到的。

STEP 04

第种色彩是红色,我们可继续在图形中。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

STEP 05

主要的色彩控制在三种,剩下的色彩可以继续在现有色彩基础上再调,比如调整色彩的度或者饱和度来获取更为细腻的变化。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

注在这的色的运用。

光影渐变

由于有光,才得已见不同的色彩。根据这个真理,如果要想获得更为丰的光,渐变也是一个非常重要的上色要素。

STEP 1

在运用渐变前,的建议就是先做好涂的工作。涂是建立整体的色彩均衡,然后再根据光线的情况进行调。

而且对于渐变,我们需要克制,只需要取中一种色彩,然后在这个色彩较窄的范围进行微调。如在这里我们将红色上渐变,使红色产生一些微妙的变。

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

STEP 2

然后给建筑补上阴,阴的出现根据「美且真」的则来安排。这可能多人会问什是「美且真」则,下面同是出丰恺的《认识绘画》的一段描述:

图画兼有欣赏与实两种效果。欣赏是美的,实是真的,故图画练习必须兼顾「真」和「美」这两个条件。具体地说:譬如描一瓶,要仔细观察、叶、瓶的形状、大小、方向、色彩,使描错。这是「真」方面的功夫。同时又须巧妙地配合,巧妙地布置,使它妥帖。这时「美」方面的功夫。

了解了这个原则,在练习去试探画这两个要素平衡。

阴影的需要注意的是三点:

  • 找到
  • 阴影颜的置
  • 不必完全写实

三点以通下面个视频中详细给大家演示:

△ 线条插画中增加阴影的三技法

完成后的效果如下:

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

点状高光

创作后一,这里我们增加了一小细节,也突然到的点睛之笔,给画面增加点状高光。

STEP 1

平面构中,一点可以一圆点,也可以一小方块。这画面当中,我们就利用白色的小方块制造画面的高光部分。

增加了点状高光的画面,就会让画面更加活泼。

最终效果:

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

如何从零开始绘制线性插画风景?来看高手的设计思路总结!

后记:背后的思路

写这篇文章我整理出了三段视频,通过视频也许会给初学者多启发。我之一直纠结视频还写文章两条子,本文章+视频好的方式,各取所需。但后操作过程发两条办法并行。只能文章当中,穿插多我认得展的部分。

视频作为文章的补充,而文章作为视频的补充。虽然现在大家都说没间文字,视频也更加直,但是始终觉得潜心学习的西,用文字是更易于查询和记录的。视频和文章都无法取代彼此。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:本文从概念落地、色彩叠加方法、细节刻画和审查画面四个维度教你如何绘制多色彩的渐变插画。 欢迎关...
插画
经过上一篇文章《插画风格图鉴(上篇):知道插画风格是如何演化的吗》,大家多少了解到,传统风格的插画是怎样被技术加持,...
手绘插画
本文由百图记特邀嘉宾-Brenttton大神为大家分享「⾼阶创意图形中的⼩套路」。 △ 分享大纲 本文主要介绍Brenttton大神在创...
创意设计
画插画可以用哪些构图方式?他们的优缺点是什么?本文总结了9种常见的构图方式,帮新手快速入门。 框式构图 对角线构图 向...
插画
本篇文章给大家带来一位国外插画大神的成长经验,希望对你有所帮助。 Katarzyna Dziaduś作品链接:https://dribbble.com/kat...
彩云译设计
原创难吗?也许这个方法可以给你启发。 一、原创是一种态度 1. 每个人都拥有原创能力 原创对于设计师来说,就好像歌手独一无...
创意灵感
在之前的《Uber高级产品设计师告诉你,她是如何完成100天动画设计挑战的!》那篇文章发出去后,反响很热烈,不少人留言让我把...
插画设计
​​​​​@N可可洛N、@爆炒地瓜​​​​:最近火爆微博的 iPad 插画创作你有看过么?今天优设请来了这些教程的作者 Gal Shir(https:/...
专访