6.5G超全矢量插画风素材包！ - 设计e周

(, 下载次数: 34)

上传

点击文件名下载附件

—文中素材获取方式见文末—

最近看了德国著名艺术出版社Taschen出版得一本名为Cabins的画册，内容为由法国插画家Marie-Laure Cruschi创作的一系列非常精美漂亮的小房子的插画▼

(, 下载次数: 7)

上传

点击文件名下载附件

▼

(, 下载次数: 10)

上传

点击文件名下载附件

(, 下载次数: 9)

上传

点击文件名下载附件

(, 下载次数: 7)

上传

点击文件名下载附件

(, 下载次数: 8)

上传

点击文件名下载附件

(, 下载次数: 7)

上传

点击文件名下载附件

(, 下载次数: 7)

上传

点击文件名下载附件

后来了解到，书里的这些作品被称为扁平化风格，甚至掀起了一股扁平化的插画风热潮。

这股热潮蔓延至设计界，便成了插画风的代表，在Behance和Pinterest等平台发扬光大▼

(, 下载次数: 7)

上传

点击文件名下载附件

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 9)

上传

点击文件名下载附件

(, 下载次数: 7)

上传

点击文件名下载附件

(, 下载次数: 8)

上传

点击文件名下载附件

(, 下载次数: 8)

上传

点击文件名下载附件

(, 下载次数: 10)

上传

点击文件名下载附件

@James Gilleard，Behance

读者和观众的评价也说明了这样的扁平系插画风有着怎样的独特魅力和生长态势▼

(, 下载次数: 8)

上传

点击文件名下载附件

而插画风运用的范围除了表现场景的建筑效果图外，早已延伸到其他设计领域。

凭借其简明的线条、鲜明的色彩，无渲染无调子的质感，成功在诸多建模渲染美化软件生产的平面设计作品中占有一席之地，见于海报，分析图和书籍中▼

(, 下载次数: 9)

上传

点击文件名下载附件

(, 下载次数: 7)

上传

点击文件名下载附件
(, 下载次数: 6)

上传

点击文件名下载附件
(, 下载次数: 6)

上传

点击文件名下载附件
(, 下载次数: 7)

上传

点击文件名下载附件

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 6)

上传

点击文件名下载附件

那么，如此受欢迎的插画风效果，是怎样一步步生成的呢？

那还用问？当然是用插画素材P出来画出来的啦！

1.用画图软件或手绘扫描打出线稿▼

(, 下载次数: 6)

上传

点击文件名下载附件

2.用AI对线稿进行初步处理，将复杂的线条简化，并初步填上明暗色调▼

(, 下载次数: 7)

上传

点击文件名下载附件

3.用AI进一步填色，具体可参照色卡模板▼

(, 下载次数: 6)

上传

点击文件名下载附件

4.用PS进行最后的细节、材质、色彩深化▼

(, 下载次数: 7)

上传

点击文件名下载附件
@Down the Street Designs，Behance

当然，时间有限的设计师和插画师们也可以用现成的插画素材搞定，比如▼

(, 下载次数: 12)

上传

点击文件名下载附件

插画风的生成过程中，AI（Adobe illustrator）这一软件几乎是必不可少的。而提到AI，又绕不开另一个概念：矢量图。

所以就接着往下讲讲关于插画风格的衍生物——同样走萌系路线的矢量风▼

(, 下载次数: 8)

上传

点击文件名下载附件

—关于矢量图和矢量风格—

在此之前，先了解一下什么是矢量图（摘自百度）：

矢量图每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，只能靠软件生成。文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。
它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。

最通俗的理解，PPT上的形状也可以视为最简单的矢量图▼

(, 下载次数: 8)

上传

点击文件名下载附件

矢量图的常见格式有.ai、.eps和.cdr，这对常用AI画图的设计师而言再熟悉不过。

因其简单亲和、格式小，易编辑修改，且便成为了动图、海报、平面设计、UI和WEB界面、分析图和场景表现的常用风格和素材▼

(, 下载次数: 7)

上传

点击文件名下载附件

(, 下载次数: 9)

上传

点击文件名下载附件
(, 下载次数: 10)

上传

点击文件名下载附件

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 8)

上传

点击文件名下载附件

(, 下载次数: 7)

上传

点击文件名下载附件

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 8)

上传

点击文件名下载附件

简单的矢量图作为配景用在建筑分析图上和生活场景上，不会抢了建筑的主体地位，且平添别具一格的叙事性和趣味性▼

(, 下载次数: 8)

上传

点击文件名下载附件

▼

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 8)

上传

点击文件名下载附件

今年WAF竞赛的最高奖获奖作品《脏街42号楼的轮回》也能见到矢量素材的身影

▼▼▼

(, 下载次数: 6)

上传

点击文件名下载附件
(, 下载次数: 8)

上传

点击文件名下载附件
(, 下载次数: 6)

上传

点击文件名下载附件

如果概念是设计的骨架，那么叙事是设计的灵魂，让他人能真正理解你的设计是如何一步步推进演变的。

在叙事化（讲故事）的图纸、竞赛、作品集盛行的现今，基于AI的矢量风格不失为很好的叙事表现风格。

而现实中，明确采用单一风格的表现手段很少，就像插画风与矢量风之间其实是无法明确定义的那样。

同样是简明的线稿加填色，单纯的光影，两种扁平系风格互相碰撞，又会擦出怎样的火花？▼▼▼

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 6)

上传

点击文件名下载附件

(, 下载次数: 2)

上传

点击文件名下载附件
(, 下载次数: 2)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件

看完后，有没有被这些温暖而有人情味的分析图和场景图惊艳到？

而这些结合了插画风的配色和矢量风素材配景的图纸，是怎样诞生的？

—矢量插画风的诞生—

据意周君了解，根据出图方式，主要有以下三种“流派”：

1、AI徒手暴力流派

该流派的传人多为插画师，只用AI徒手起稿、填色，调整，直接粗暴有疗效▼

https://v.qq.com/x/page/i0655mxpxo7.html

2、手绘+AI+PS综合流派

手绘起稿+AI调线型、上色+PS调整，适合画插画，和简单的建筑场景▼

(, 下载次数: 1)

上传

点击文件名下载附件

3、Sketchup+AI+PS三刀流派

无论是建筑规划景观系的萌新还是大佬，常年画轴测、分析图、场景效果图，还有一堆课设、竞赛、作品集图纸，必然会选择纯软件建模出图这一流派——因为建好的模型可以重复利用，再加上各种现成素材配景，萌萌哒的图纸岂不是信手拈来？

纯软件的三刀流派的矢量插画风图纸的画图思路大致是：Sketchup建模、导图+AI调整线型、上色、添加矢量配景素材+PS后期（也可以在AI中完成后期调整）▼

(, 下载次数: 1)

上传

点击文件名下载附件

看不清楚？这里有慢动作~▼

(, 下载次数: 6)

上传

点击文件名下载附件

图片来源：LAC丨ArchStudio

上图场景看似复杂，肯细心填色，搭配好的素材，其实可以快速上手。

轴测分析图也可以用同样的技法▼

图看完了，那么问题也来了

▼

(, 下载次数: 1)

上传

点击文件名下载附件

(, 下载次数: 2)

上传

点击文件名下载附件

(, 下载次数: 4)

上传

点击文件名下载附件

总共6.5G的素材包内，包含轴测和立面两种主要视角的矢量插画风素材。根据素材种类，又细分为人物、植物、交通工具、家具、天空等11类，还包含常用做设计、P海报、画分析图最常用的小图标合集和部分矢量插画及分析图教程。

1、矢量插画风背景、材质纹理类素材合集（eps，ai,png,psd等格式)

部分预览

(, 下载次数: 4)

上传
点击文件名下载附件
(, 下载次数: 2)

上传
点击文件名下载附件

(, 下载次数: 1)

上传

点击文件名下载附件

(, 下载次数: 1)

上传

点击文件名下载附件

2、矢量植物素材合集（ai,eps,psd,png等格式)

部分预览

(, 下载次数: 2)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 4)

上传

点击文件名下载附件

3、矢量剪影素材合集（ai格式)

部分预览

(, 下载次数: 3)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件

4、矢量图标标识合集（ai,eps,psd,png,ppt等格式)

部分预览

(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 2)

上传

点击文件名下载附件

(, 下载次数: 1)

上传

点击文件名下载附件

(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 2)

上传

点击文件名下载附件
(, 下载次数: 2)

上传

点击文件名下载附件

(, 下载次数: 2)

上传

点击文件名下载附件

(, 下载次数: 1)

上传

点击文件名下载附件

5、矢量插画风格立面人物素材（ai,eps,psd等格式)

部分预览

(, 下载次数: 4)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件
(, 下载次数: 1)

上传

点击文件名下载附件

6、矢量插画风立面家具素材（ai格式)

部分预览

(, 下载次数: 3)

上传

点击文件名下载附件
(, 下载次数: 3)

上传

点击文件名下载附件
(, 下载次数: 3)

上传

点击文件名下载附件
(, 下载次数: 2)

上传

点击文件名下载附件

7、矢量插画风立面交通工具素材（eps格式)

部分预览

(, 下载次数: 2)

上传

点击文件名下载附件

8、矢量插画风轴测人物及场景（ai,eps,png,psd等格式)

部分预览

(, 下载次数: 3)