透视扁平风插画-如何从零开始绘制线性插画风景?来看高手的设计思路总结!
艺术,或者美学上的东西,大多与时代的方方面面相关,如果粗暴地把扁平化流行的原因归于信息爆炸时代人们对简洁明了的表现风格的青睐会有失偏颇。事实上,网页、APP开屏等方面的应用,为扁平化风格插画的流行起到了绝对的推进作用。视觉上简单、干净,矢量格式又使其体积很小,扁平化风格就这样被广泛运用我们生活中的点点滴滴了。
扁平化不还原事物的本来面目,它只提炼事物特点,用简练概括的造型将事物直白地表现出来。前面说过,信息爆炸不是扁平风格流行的主要原因,但话说回来,随着人的大脑每天要接受的图片信息越来越多,使用最直接了当的图形,配上鲜明的、干脆的色彩来传递信息也是极好的选择。
拼接的图形
扁平风插画被提炼出的造型多是几何形态。虽然单一的几何图形方便使用且容易把控,但所呈现的效果也相对死板,缺乏灵气。
在实际创作过程中,为了增添画面的生动性和趣味性,常运用三到四个几何图形拼接组合,以其中一种几何图形作为主要的构成元素,剩余的几何图形在造型上与主要的构成元素保持一定的相似性,这样的拼接组合既可以保证画面结构的主次秩序,又能在统一中产生灵动的变化。
明快的纯色
通常来说,简化的造型比较适宜使用平涂式的纯色块来表现,以保持造型和色彩之间的平衡,创造干净并且严格的视觉层次。且因为造型扁平,配色上适用对比强烈的纯色进行搭配,让明亮的色彩对比支持快速视觉感知,营造视觉上张力,弥补造型上的单薄。
统一的角度
扁平化插画在事物的造型上是一直做减法的,甚至纯粹的扁平风格属于完全放弃透视语言的一种表现手法。所以,绘制扁平插画要注意角度的统一,而统一角度,也是简化造型的实用技巧。
相对而言,一件扁平化风格的插画作品里没有什么艰涩的技术含量,需要掌握无非几个要点:把物体整体及每一处细节都块面化;注意块面之间的层级关系,即前后遮挡关系和包含与被包含关系;边缘处要利落干净,注意细节。
除此之外,再多点儿耐心就是了。
扁平化插画风格现状扁平风插画是一种去掉了透视同时弱化细节,不完全表现真实物体,将外形进行总结概括,而后提取特征,保留物体原有辨识度的一种插画表现技法。
插画现在在各行各业运用都很广泛,快节奏的生活,扁平插画能简单直白的表达一些理念,而风格独特的插画还可以提高品牌形象。扁平插画还有个名字——时尚类插画,那么扁平风是因为什么,在众多插画风格中获得时尚类插画称呼的殊荣。
如何从零开始绘制线性插画风景?来看高手的设计思路总结!一直研究线条,就会发现,线条除了表现我们普通日常所见的图标化的个体以外,还可以表现更大更复杂的风景。但是后者会有一定难度,如果线条比较粗的情况下,尤其无法更好去展示细节(比如要表现云朵或者空中漂浮的柳絮等)。当时我有点卡在这个思路上没有进展。
过两天,我突然凭空有了灵感,想到了「简化」这一条路。尝试用简化的方法,虽然看起来粗糙,但又进入到新的层面。我想我们不是要单单造景,而是要传递景色。因此,景色用线和色块的组合,就这样一步步展开。
灵感来源
于是我有了这一组作品大千之镜,这一组作品就是基于粗线+景色的方式来创作,其中重点的表现是「色」(渐变组合)。
提示:
本操作注重设计思维的过程,不涉及到软件的具体详细操作,如果对软件操作生疏的小伙伴,可以移步到这里看看这个简单的快速上手AI的操作视频。
△得到形状的四种方法:拼、减、裁、画
参考照片不等于临摹照片
外景的绘制,需要非常概括化。由于这里我们的规划是把景物画在一个小圆矩形的框内,其实空间是很有限的。因此线条的设置也就要趋于简单。
简化是一个非常重要的思路,你可以用照片开始研究。当然,我在创作的时候,不止借鉴了一张照片,而是把多张照片进行结合参考。
参考照片里的布局、构图、透视然后提炼最基本的形状。
如果有兴趣你可以看下面这支视频:
△灵感怎么来?参考照片的几点技巧
构建基础线条
如果在细节并不累赘的情况下,简化的图案可以采用网格来帮助表达。当然这取决于你的习惯。
STEP01
打开AI,新建一个1600*1600px的文档。在这个文档中画出一个圆角矩形,然后在这个圆角矩形当中谋篇布局。首先用几个线条把最大的基础形勾勒出来。外框线条采用30px,而内部的线条可以稍微减小,变为25px,再细可以变为20px。
线条的粗细设置原则就是让其遵循一定的韵律感,比如都是5的倍数。
图案犹如搭积木那样建立起整个画面。
STEP02
继续以搭积木的逻辑来填满左边建筑群的画面。这时我们要学会跳出「技」的思维层面,这在我的授课经验当中也反复和学生强调:我们并不是在学会如何画这个对象,比如这里我们在绘制小镇风景。我们学会的是背后的创作思维。
这里我引用一段丰子恺在《认识绘画》这本书里的原话:
「图画就同数学和体育一样。人生不一定要画苹果、香蕉、花瓶、茶壶。原不过是借这种研究来训练人的眼睛,使眼睛正确而又敏感,真而又美。」
用在这里,就是通过画小镇、建筑的过程来训练自己对线条造型的能力。而这个能力表现出来就是既符合建筑的外形,又能让它看起来美观自然。
STEP03
继续往下,就是把我们的形状再一次优化。优化形状有两个层面需要注意:
形状衔接是否闭合
整体的形状是否均匀
这是宏观和微观的两个方向。然后再适当调整增删形状。
STEP04
增加细节一般来说是最后一步的框架工作。这时我们又要切换一个角度:刚开始我们把线的作用看作是建立轮廓,这时,需要拿线来当作细节的描绘担当。比如下面用一个苹果作例子,你就能理解了。线的两个作用:勾勒和描绘,在这里就能体现出来。
因此这里增加的细节(窗户、门、波浪、海鸟等)都是发挥线的描绘作用。
到这一步我们的轮廓线就完成了。这时可以将它们扩展外观。
在很多LOGO设计当中,到这一步其实就可以告一段落了,因为大部分扁平风格的LOGO都只需要一个轮廓,色彩可以是一个随机的单色。
色彩框架
建立色彩框架,其实就是找到一种观察色彩的角度。利用两个色彩间的关系演化成一个色彩阵列。在下面这个视频中,你可以了解更多关于色彩阵列。
△色彩阵列:给初学者的色彩框架图
STEP01
依据上面的理论,我获得了这个色彩阵列。我们的色彩就从这里开始。主色确定为蓝色(这从我们的照片里获得了灵感),次色为粉色和薄荷绿。
STEP02
当然,色彩阵列的作用并不是要让我们用上所有的色彩,仍然根据实际的情况去繁化简。在关键的色彩上进行不断的尝试,找到最好的组合。
运用形状生成器工具来进行上色,把主色进行分布。
STEP03
继续运用上次色薄荷绿,这时大家要注意色彩的微妙变化,在单一色彩出现的时候,看起来一切都很完美,一旦加入了第二种颜色情况就开始变复杂了。
这也和我们平时生活是一样的,一个人的时候什么都好,两个人就会出现人际关系。复杂的让人头疼也让人欢喜的关系,就带来了更多的生机和起伏。
我们看到虽然我们运用次色,但也在部分色块上带来了更多的色彩上的变化,这也是有了色彩阵列后可以轻易做到的。
STEP04
第三种色彩是红色,我们可以继续运用在图形中。
STEP05
主要的色彩控制在三种,剩下的色彩可以继续在现有色彩基础上再微调,比如调整色彩的明度或者饱和度来获取更为细腻的变化。
注意在这里的白色的运用。
光影渐变
由于有光,我们才得已看见不同的色彩。根据这个真理,如果要想获得更为丰富的光感,渐变也是一个非常重要的上色要素。
STEP1
在运用渐变前,我的建议就是先做好平涂的工作。平涂是建立整体的色彩均衡,然后再根据光线的情况进行微调。
而且对于渐变,我们需要加以克制,只需要选取其中一种色彩,然后在这个色彩比较窄的范围内进行微调。比如在这里我们将红色用上渐变,使红色产生一些微妙的变化。
STEP2
然后给建筑补上阴影,阴影的出现根据「美且真」的原则来安排。这里可能很多人会问什么是「美且真」原则,下面同样是出自丰子恺的《认识绘画》的一段描述:
图画兼有欣赏与实用两种效果。欣赏是美的,实用是真的,故图画练习必须兼顾「真」和「美」这两个条件。具体地说:譬如描一瓶花,要仔细观察花、叶、瓶的形状、大小、方向、色彩,不使描错。这是「真」方面的功夫。同时又须巧妙地配合,巧妙地布置,使它妥帖。这时「美」方面的功夫。
了解了这个原则,就在练习中去试探画面这两个要素的平衡。
阴影的制作需要注意的是三点:
找到光源
阴影颜色的配置
不必完全写实
这三点可以通过下面这个视频中详细给大家演示:
△线条插画中增加阴影的三步技法
完成后的效果如下:
点状高光
创作最后一步,这里我们增加了一个小细节,也是突然想到的点睛之笔,给画面增加点状高光。
STEP1
在平面构成中,一个点可以是一个圆点,也可以是一个小方块。在这个画面当中,我们就利用白色的小方块来制造画面的高光部分。
增加了点状高光的画面,就会让画面更加活泼。
最终效果:
后记:背后的思路
写这篇文章我整理出了三段视频,通过视频也许会给初学者更多启发。我之前一直纠结在是做视频还是写文章两条路子,本来想文章+视频是最好的方式,各取所需。但是后来操作过程发现两条路没办法并行。只能在文章当中,穿插更多我认为值得展开的部分。
视频作为文章的补充,而文章又作为视频的补充。虽然现在大家都说没时间看文字,视频也更加直接,但是我始终觉得潜心学习的东西,用文字是更易于查询和记录的。视频和文章都无法取代彼此。
透视扁平风插画-如何从零开始绘制线性插画风景?来看高手的设计思路总结...
扁平风插画是一种去掉了透视同时弱化细节,不完全表现真实物体,将外形进行总结概括,而后提取特征,保留物体原有辨识度的一种插画表现技法。 插画现在在各行各业运用都很广泛,快节奏的生活,扁平插画能简单直白的表达一些理念,而风格独特的插画还可以提高品牌形象。扁平插画还有个名字——时尚类插画,那么扁平风是因为什么,...
扁平插画的风格特点-插画的7种风格
4. 扁平风格插画通常使用明快的纯色,保持色彩和造型的平衡。其色彩对比强烈,有助于快速视觉感知和营造视觉张力。5. 扁平风格插画在造型上追求简化,绘制时需注意角度的统一。其要点包括块面化物体、注意层级关系、干净的边缘和细节处理。6. 扁平风格插画与儿童插画不同,前者注重简洁,后者以日系动漫人物...
简单扁平风插画-插画风格有哪几种
1. 扁平风格:这种风格的插画造型简约,画面清爽,视觉鲜明,商业应用广泛,上手速度较快。2. 描边插画风:在扁平风格的基础上,这种风格增加了线条描边,增加画面层次的同时保证画面的简约感,识别度较强。3. 噪点肌理风:扁平风的基础上增加了肌理质感及光影等,画面更丰富细腻,视觉效果较好。4. 渐变...
视觉系列——扁平风插画
扁平风插画:色彩的梦幻演绎 在视觉艺术的殿堂里,扁平风插画以其别具一格的色彩搭配,展现出一种创意无限的视觉盛宴。每一张作品,都仿佛是艺术家对世界独特视角的表达,细节处理得生动而精致,让人沉浸在色彩与创意的交织中。思维方式与插画语言的完美融合 要想在插画领域独树一帜,关键在于画家的思维...
国外经典扁平插画-这6种常见的插画海报风格你知道吗?
在扁平风格插画中,通常使用平涂式的纯色块来表现简化的造型,以保持造型和色彩之间的平衡,创造干净并且严格的视觉层次。由于造型扁平,配色上常使用对比强烈的纯色进行搭配,让明亮的色彩对比支持快速视觉感知,营造视觉上的张力,弥补造型上的单薄感。在绘制扁平插画时,要注意角度的统一。扁平化风格在事物...
扁平风插画风景-如何从零开始绘制线性插画风景?来看高手的设计思路总结...
绘制线性插画风景,首先需要简化对象,用线条和色块组合表达风景,灵感可以来源于多张照片的结合参考。构建基础线条时,要注意形状的衔接和整体的均匀性。在上色阶段,建立色彩框架,确定主色、次色,然后根据实际情况简化色彩。运用形状生成器工具上色,注意色彩的微妙变化。在光影处理上,先做好平涂工作,...
扁平肌理风格插画-这6种常见的插画海报风格你知道吗?
2、【描边风格】在扁平或者肌理插画的基础上加上描边的处理,以线稿为主,上色方式保留简单的平涂或者肌理变化,保留线稿部分。特点:保留勾边效果,简洁,具有一定装饰性。3、【日韩系风格】画面氛围属于小清新类型,色彩明快,颜色丰富。人物的比例比较偏向写实,同样注重光影的表达和氛围的烘托。特点:...
扁平化风插画-请问插画有多少种风格?
噪点插画则是在扁平插画的基础上叠加了颗粒肌理的插画,也可以叫做颗粒风插画、杂点插画。四、手绘插画 手绘插画需要有一定的功底,此风格最能体现创作者的特点,出彩之处,应用范围也很广的。五、立体插画 立体插画就是将二维的事物用三维来表达,让画面有透视的空间感,更好的传达物体。去年的2.5D...
扁平风海报设计-这6种常见的插画海报风格你知道吗?
1.扁平风 扁平设计风格在视觉上给人简洁、有设计感的感觉,所以不容易显得俗,设计元素为扁平的点线面元素,对构图、排版、色彩搭配、图文的细节等有比较高的要求。 2.国风插画 国风插画受到各大品牌和插画师的青睐,其视觉既有中国风的氛围,又时尚美观,所以,很适合用来表现春节的相关设计。 3.3D风格 3D风格这几年...
扁平化插画优点-插画风格有哪几种
7.写实主义插画 特点:最常见的风格,是什么样,就画什么样,就是画得像。把那些最需要表达的东西表达清楚。扁平风插画和儿童插画区别 风格不一样。扁平插画的特点当然是扁平的,这是一种现在很流行的风格,也是最常用的风格,简洁而不简单,儿童插画最大特点就是上色清新、扁平,造型以日系动漫人物为主,轮廓...
不腾圣约: 大家知道画有纵深的插画时所使用的一点透视图法吗? 一点透视图法是使用了透视图的一种远近法,用于绘制立体的写实背景.画屋子里或家中的风景时,还有增加消失点的基础篇,即两点透视和三点透视的方法. 假如画背景时无视透视,人物与背景就会不协调,插画看起来也会很不自然.这对初学者来说可能比较难,大家何不以浅显易懂地讲解了基础思考方式与画法的作品为参考加深一下理解呢? 这次,我们就为大家送上有助于学习一点透视图法的讲座作品和运用了一点透视图法的插画作品. 消失点:同样宽度的路向内延伸时,越往里越窄,最终路两边的线看起来像是交叉了一样,这个交叉点即为消失点.
徽州区13121396417: 手绘者怎样练习画直线 - ?
不腾圣约: 我觉得你的问题很幼稚!但是我想借这个平台谈谈我对手绘线条的看法. 学习手绘最重要的就算透视严格,比例准确,并且是徒手绘制.这样就牵扯到手绘线条的线性问题,线条是直,是曲,是硬,是软,是连,是断等. 线性的熟练运用,需...
徽州区13121396417: 怎么开始起步画插画? - ?
不腾圣约: 插画首先要具备的就是你对他到底有多喜欢,然后就是勤奋必须具备良好的文学能力(也许你会问到为什么不注重绘画技法、而是先注重文学基础呢?比如说某个文章或者小说让你配图那么你第一步需要的就是充分的了解文章的故事情节!必须...
徽州区13121396417: 怎么学手绘插画??
不腾圣约: 手绘插画学习过程是由浅到深的,首先定一个具体主体和创作方向,熟练以后再开始尝试抽象的主题.构图的选择会影响到主体的呈现,所以构图要选择能够搭配主体,以...
徽州区13121396417: ps怎么在背景层画透视点和线 - ?
不腾圣约: 新建一个图层,然后拉出水平辅助线,作为地平线,在拉垂直辅助线,交叉处可以作为灭点,如果是成交透视,可以在地平线上,设定2个灭点.向内消失的辅助线,可以使用钢笔工具绘制.
徽州区13121396417: 插画新手,画扁平风格的画时应该注意些什么 - ?
不腾圣约: 注意色彩的搭配
徽州区13121396417: 如何零基础自学ps cg插画手绘入门 - ?
不腾圣约: 方法/步骤 基础:素描基础是所有美术绘画的敲门砖和奠基石,素描基础好便能顺畅地绘制,创作和表达 素描基础最基本的四部曲: 黑白灰色阶 体积感 空间感 速写练习 临摹是捷径,但临摹切忌盲目描摹,应结合知识结构解读描绘.作画步骤: ...
徽州区13121396417: 亲、透视图怎么画?还有作建筑形体的透视、 - ?
不腾圣约: 先确定透视点画出透视线. 近大远小,练习各个角度.是建筑设计的话,,表现建筑设计理念最重要 多练最重要,可以看看西奥多.考茨基编绘的宽线条铅笔画,,表现手法和冲击力都很强.. 马克笔,彩铅,针管笔,速写本什么的对吧...闲得没事就带上走哪画哪 漫画背景的话,要夸张表现, 俯角和仰视以及远景都很有冲击力,适合少年漫画和青年漫画,G尖D尖毛笔,少网点多排线,该涂黑果断涂,对比拉开效果最好,当然是在需要着重展示场景时候 参考下EVA 吧. 少女漫画的话,一般表现就好..去练花卉和网点技巧. 就这样吧...
徽州区13121396417: 手绘建筑透视图怎么画 - ?
不腾圣约: 透视图是一种在平面上表现空间视觉关系的绘图技巧.有很多种形式的透视图,例如单点透视、二点透视、三点透视、鸟瞰图、虫眼视图和其他的透视图形式.本文将讲解用单点透视来绘制在一个方格途径上表现的场景.单点透视也是一种假设...
徽州区13121396417: 透视中视线法怎么画 - ?
不腾圣约: 一般作透视图分两步;首先画出建筑体的基透视,即平面图的透视,称透视平面图;然后据此再利用真高画得透视图.画透视平面图的常用方法为视线法,量点法,距点法和网格法等,这些方法的共同点是:利用相交于一点的二直线的透视交点,...