以线为主的海报-AI海报绘制教程：AI怎么打造线体扁平风格宣传海报？

设计风格千变万化,也是一个不断轮回的过程,今天就来说一说线条设计,线条是世界上最简单,也是最复杂的艺术,线条设计是最常见的设计表达任何物体的

点线面

,没有什么是可以离开线性艺术的表现。设计师发挥出创意,将线条分为九种。我们现在来聊一聊线条设计,看看通过添加线条,怎样做出一张脱颖而出的海报,并让它充满了设计感,很好的掌控画面的基调。分为九种线条设计,横线分段、竖线间隔、斜线引导视线、虚线切分、粗线强调、构建框架线、多线段打造韵律、活泼曲线、肌理强化风格。在这些简单的线条约束下,充满了表现力和魅力。 01横线分段在画面中添加等宽或者不同的横向线条,可以通过这些线条强调内容的主体,也可以通过这样将画面中的内容进行区分,可以给人一种简单,清楚明了的感觉,视觉上的条理感也很强,在装饰画面上也起到一定的作用。有时还能产生强烈的视觉纵深感。 02竖线间隔这也是一种垂直线添加法,这种也是非常贴合中国传统的阅读习惯,竖线的增加,可以给人一种挺拔高大、向上的感觉,很符合我们东方审美,在一般比较庄重,严肃的画面可以添加几根竖线,可以让画面看起来富有生机和活力。 03斜线引导视线斜线的设计,可以让画面变得有运动感,并且有更加显著的视觉引导性,我们的视觉习惯总会跟随着线条的引导,注意都主体,不仅可以很有趣的切分区域,更好的引导观者的视线走向,让画面变得更加活泼,多样有趣。 04粗线强调粗线就是用来强调的作用啦,对于重要的东西我们都会特别的标记一下,在画面中粗线的存在感更强,可以将视觉的中心添加粗线来强调,它也可以充当占位符号和视觉描点,引起观者的注意力。 05构建框架线将文本和其他视觉元素通过添加线条,进行构建一个框架,每一个内容都因为线条的添加,变得整齐统一,加强了整体性,又不失呼吸感,构建框架线可以很好的在画面中产生结构性,不会看起来呆板无趣。 06多线段打造韵律这是将线当作为装饰元素,通过一定的设计,很多时候画面出现大量的留白就可以考虑采用多线段的添加,打破了呆板的画面,营造出视觉韵律感,让画面变得有运动感,要注意适可而止哦,控制画面的平衡。 07曲线显活泼曲线是最富有美感的流动线,总会给人一种明快、流畅、柔和的美感。极具抒情感和流动感,几根曲线的添加给设计画面带来了有趣、创造性的效果,富有弹性的感觉。 08肌理强化风格这是线条添加中最有风格的设计,通过肌理的设计,线条变得更加有趣丰富,和普通的线条添加显得不同,设计师结合肌理效果和线条的使用,可以让整体的设计风格相互融合,在设计中脱颖而出,肌理强化风格犹如锦上添花。 09虚线切分虚线的处理是十分微妙的,恰到好处的设计,让设计更好的表现,在设计时,要注意虚线和画面的整体性,让虚线很好的融入设计,更加灵活地在画面中使用,也可以起到引导作用,虚线的设计可以让画面看上去更加轻松,相比其他线条不会更加突兀。

最近看设计课程学习到的知识点,复盘分享第一弹。

吸睛的海报少不了好的构成,平面中基础的点线面构成运用得当可以令设计瞬间增色。

首先是点的构图,包括中心点构图和三分点构图。中心点构图顾名思义就是将画面的主体放置在视觉中心的位置。而三分点构图则是将主体在三分点位置,这种构图处理的时候需要注意画面的平衡。以下分别附上两个对应的海报实例:

除了点构图外,还有就是常见的线构图,线构图大致有5大类:

1.三分线构图,主体安排在画面水平或者垂直的1/3位置;

2.对称线构图,画面沿水平或垂直的中心线构图;

3.对角线构图,利用画面的对角线构图,建议主题聚焦在三分点上。这是一个可以制造强冲力的构图方式,通常我们也用在表达力量与速度感。

4.曲线构图,利用画面的元素或是人为的制造曲线;

5.引导线构图,利用画面中的线条,将目光引导在画面主体上;

面构图则分为以下几种:

1.前景构图-加入前景为画面制造层次感,需注意的是加入的前景需和画面有必然的关联性;

2.填充式构图-让画面主体尽量填充整个画面;

3.留白式构图-在画面中尽可能留白,做画面减法,处理时应注意画面平衡;

4.框架式构图-给主体元素制造一个合适的框架,让主体更加突出;

5.重复对比构图-重复排列元素,让元素在画面中既有联系,又不一样。

AdobeIllustrator是基于矢量的图形软件,使用AI绘制的图稿既可以缩小到移动设备屏幕大小,也可以放大到广告牌大小,不管尺寸如何,始终清晰明快。目前,AI广泛应用于出版、多媒体和在线图像的工业标准矢量插画,是一款非常优秀的矢量图形绘制工具。正是因此,学习使用AI进行图形绘制的人不在少数~那么,学习AI该怎么学?如何学?去哪学?也成为众多人的疑惑。其实学AI,不用到处找课程。在就可以系统性的学习到AI软件的基础功能、案例教程等。37套AI精品视频课程,足以学会掌握AI软件的使用~

学习AI,强烈推荐这几套热门课程:

1.AI-IllustratorCC2018精讲系列教程:9.66万用户已学!课程主要以“工具特点+使用技巧+课堂案例”三部分逐步深入~

2.AI-鲸鱼插画绘制:冰美人老师精彩课程讲解,以案例鲸鱼插画绘制为你提供AI插画绘制的技巧~

3.AI-插画之自行车绘制:本教程详细讲解AI绘制清新时长自行车,步骤明细,知识点明确,促使更快掌握AI插画技巧~

4.AI-见鹿插画绘制:一个课程两个目录,分为上下两部分教学,逐一将AI插画设计制作的技巧呈现~

Illustrator教程:打造线体扁平风格宣传海报

最终效果

草图过程

草图是一个非常非常重要的过程,甚至它是后面所有工作的基础。鉴于我们大部分人包括我自己都没有好好对待过,所以这一次我们来弥补这一环节。草图我画了三次,每次都作部分优化,最后成品如下。

毫不夸张,只有认真对待草图的创作过程,才是真正享受到设计的乐趣。

画好草图后,大家最好能从草图进入对图案实现的分析。我们把实现整个图案大致分为三个部分:

①立体式的积木

②设备部分

③背景装饰

接下我们就分步骤来完成这些不同的图形,要知道它是如何制作出来的。

生成立方体

这里积木的表现最重要的一个表现是:立体,并且是大家平时最常见的等距立体风格。等距立体风格,我们曾经在用AI绘制3D等距立体梦幻风格插画中讲过其画法以及在开始绘制前的准备工作,那么这篇文章里我们就省略分步骤的讲解。

STEP01

打开AI,新建一个1200px*850px的文档,然后再在这个新文档中建立起等距立体风格所需要准备的参考线。有人问参考线用处大不大?说实话,因为AI当中有默认的等距立体的3D转换设置,因此基本不会差多少,主要是调整细节的时候用得上。

准备好的参考线如下图:

你可以按以下的提示操作,更详细可以进入用AI绘制3D等距立体梦幻风格插画中查看。

利用【矩形网格工具】,宽度/高度设置为1000,水平/垂直设置为:50

选中网格,鼠标右键,进入【变换>缩放】,不等比的参数设置为,水平:100%,垂直:86.602%

【变换>倾斜】,倾斜角度参数:30

【变换>旋转】,旋转角度参数:-30

【视图>参考线>建立参考线】

STEP02

要画线体图案,首先大家要把形体画出来,形体是非线体的,这方便塑形,一旦形体外轮廓确定,就可以通过填充转线条的方式做出线条图案。

以上的思路确定好后,我们就要开始绘制立方体。第一步,我们先画出一个尺寸为160*68的矩形。矩形填充为灰色,关闭描边。

对于这个尺寸我建议大家最好和我的设置相同,并且记录一下,等下我会告诉大家为什么要这样做。

然后选中这个矩形,进入到【效果>3D>凸出与斜角】,将其转为立方体。你需要改变这两个参数设置:

位置:等角-右方

凸出厚度:68(这个数值和你的矩形的高度一致)

位置一栏下拉选框里的「等角」开头的选项,都是适用于等距立体风格的。

STEP03

接下复制上一步所做的立方体,虽说我们现在称这个对象为立方体,其实它的本质还是一个平面矩形(因为还没扩展对象),所以我们继续改变这个平面矩形的尺寸,改变它的宽度,将其宽度从原来的160改变为228。

这就是要求你要记住第一个矩形尺寸的原因,因为228是从160+68得到的。由于我们这里会画出三个等高而不等长的矩形,但是我们希望它们表现是逐级等距增大,所以需要一个参数。有人问这里不需要这样计算行不行?就是看着好看但不需要数学计算可不可以,我的答案是当然可以,但是数字的确是一个便捷控制形体的工具。

当你把尺寸改变后,整个立方体也就是延长了。用相同的方法,复制第三个,也是在228基础上增加68,第三个矩形的宽度增加到296。于是我们得到想要的三个立方体如下:

STEP04

将已有的立方体的位置进行调整,这时需要打开参考线,辅助将其排列成一下的样式:

STEP05

用STEP02-04的方法来做出另外一边的立方体,所不同的是另一边的两个立方体,它们的尺寸分别是:

68*68

160*68

而他们在转变为立方体时,进入3D工具中,位置一栏设置为【等角>上方】。当你绘制好两个立方体,就可以将它们拼成下面的形状。当右边的两个立方体因为挡住视线很难对齐边缘时,可以降低它们的透明度来查看是否对齐。

这时立方体的大形体基本完成,让我们转战制作细部。

细部:按钮和圆孔

所谓的细部其实也就是细节的部分,这部分在这里表现就是一些诸如按钮、圆孔这样的部分。

STEP06

我们首先来制作圆孔,其实大家可以发现圆孔就是一个圆,只是这个圆看上去有透视之感(所以它不是一个正圆),但基本上它没有凸出。那么大家可以如何做呢?

你也可以用到3D工具:首先绘制一个灰色的无描边的正圆。然后进入【3D>凸出与斜角】,设置可以如下所示:

位置:等角-上方厚度:0

STEP07

复制这个代表圆孔的图案,然后放置在最上方的矩形上,这里需要参考线来辅助将其对齐。

STEP08

用同样的方式安排其他地方出现的圆孔,但是注意这里不同的位置。

STEP09

接下绘制凸出的圆形按钮,这时我不建议这里再使用3D工具来实现,毕竟其实凸出的按钮利用两个椭圆就能实现,制作一个立方体。这里我们用这个方式的原因,下一步我们会讲到。

STEP21

将上面绘制好的三个立方体,放置在相应的位置。然后给整个图形增加一个浅蓝色的背景。在这里我们用到的配色是同色系的配色。

优化细节

到这一步其实就完成了绘制,但是细节的部分还需要我们进一步优化。主要体现是在细节的位置,比如中间积木的线条交接的位置就不够干净,有很多不需要的小边角,这在线条的状态是没办法完善的,需要进一步扩展外观之后才能修饰。

STEP22

我们首先将整个线条图案都进行扩展外观,进入【对象>扩展外观】,其他的部分基本都没什么问题,就是用3D工具绘制的立体形状细节需要优化,这也是为什么我们最后增加三个小的立方体的时候用平面线条来解决。

当然,中间的积木其实也可以用平面线条绘制,但是因为它的造型相对复杂,所以很难把握它的比例,我们才借助3D工具的这个能力。

大家可以看到这里有很多的不完美的接角:

STEP23

经过扩展后,我们就可以利用直接选择工具来调整这些边角,这时大家要兼顾到整个线条的粗细,因为我们已经不是按照线条的对象来编辑图形了。

处理后的图形已臻完美:

STEP24

最后利用生成器工具将部分的块面填充蓝色调(#D7ECF9、#C7E8F9),增加的这两个颜色略比主色深一点,以表现阴影的部分,或增加视觉重量的作用。更深的那个色调用在比较小的区域。

添加文字

文字的部分,我们采用了相同的线条描绘的方式来设计,然后增加文案。最后的效果如下:

最后:动手的力量

线条是扁平化风格的一种,如果大家平时练习了图标的画法(不是在需要用图标的时候拿现成的网上的资源),那么你对线条的掌控能力就能日益增进。最好的学习就是自己动手做,因为有太多不可说的技巧,是必须自己体会过才理解的。

如果觉得这个教程比较复杂,那么你可以从一些基础的几何图形、小物件开始练习,所以这是非常适合初学者夯实基础的。如果觉得这个教程过于简单,我也建议大家多尝试一些新的画法,比如可以把对象改为别的物体,自己创作不一样的场景。也可以换成别的色彩,还可以增加纹理。把木纹、水纹等等增加到平面中,会出现非常特别的效果。

以上,就是关于“AI海报绘制教程:AI怎么打造线体扁平风格宣传海报?”的全部内容分享了,希望对你的AI软件学习有所帮助哦~!学习AI软件不困难,找对平台,找到方法,就简单且轻松。还在等什么?一起来体验学习AI软件视频课程吧!更多AI软件精彩视频课程等你来探索,点击链接:

找企业服务上猪八戒网交付有保障验收再付款