木子素材 首页 大神 手绘插画 查看内容

AI教程!手把手教你绘制线条装饰风格海报

2017-3-24 22:18| 发布者: admin| 查看: 507| 评论: 0

摘要: 温馨提示:优设最新的中文免费教程,已全部发布在旗下优优教程网。 前往访问 @飞屋睿UIdesign :学完这个教程,可以帮你掌握单线绘制的技巧,熟悉AI 中所有关于线条的处理工具,以及做极简海报的方法。一起来试试 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

温馨提示:优设最新的中文免费教程,已全部发布在旗下优优教程网。 前往访问

AI教程!手把手教你绘制线条装饰风格海报

@飞屋睿UIdesign :学完这个教程,可以帮你掌握单线绘制的技巧,熟悉AI 中所有关于线条的处理工具,以及做极简海报的方法。一起来试试

学完这个教程你能收获

1、熟悉装饰风格(DECO ART)中的几何主义

装饰风格(DECO ART)结合了因工业文化所兴起的机械美学,以较机械式的、几何的、纯綷装饰的线条来表现,如扇形辐射状的太阳光、齿轮或流线型线条、对称简洁的几何构图等等。它是纯粹的意象汇集。而最好的理解将在实践的过程中获得。

2、学会单线绘制的技巧

绘制单线装饰风格的海报,了解所谓单线是指所有线条的大小等同,产生整体效果的一致性。

3、熟悉AI中所有关于对线条的处理工具技巧(路经查找器、形状生成器、钢笔工具、旋转工具、缩放工具等)。

绘制基础几何形

提前最好能大致画个草图,把大概的几何形表现出来。然后再进入软件处理。有了基本构图,开始动手时才能做到“胸中有丘壑”。

STEP 01

打开AI,新建一个1296px*1728px的文档。并用矩形工具绘制出海报边框,所绘制出的矩形关闭填充,保持描边大小为3px。这个矩形就是海边的边框大形。矩形大小为1040px*1498px。

AI教程!手把手教你绘制线条装饰风格海报

为了定位以及构形的方便,最好加入辅助线。而你所创建的几何形的尺寸也不要产生小数点,这样能保证最佳像素表现(例如:矩形宽度1124px是可以的,但是1124.5px的话也许就会带来麻烦)。

STEP 02

再继续增加几个基础几何形,以确定大致的构图方案。简单来说,首先要找到海报主题,然后根据主题去筛选意象。这是一个关于“假期”的海报,运用的就是假期里的意象。我们在此运用山、以及各种具有节日氛围的装饰元素。

在基础形的安排上,我们将海报简单划分了上下两部分,上部分的主角是山,下方的主角是水。装饰就围绕这两个主角展开。

AI教程!手把手教你绘制线条装饰风格海报

山水之间的是“人”,但在此我们未必要绘制出人的形象,而是用人所贴近的物象来表现人的存在感。假期中的人,我们打算用一些更欢乐的意象,比如彩带以及相应的建筑来表现出假期旅行的一路风景。在绘制基础形时,尽管你还没有开始入手这些细节,但你的构图安排已经有此倾向。

绘制主角物象

上面我们讲过,我们的主角是山、水、人。因此,下面就让我们来重点绘制出这些意象。这时,我们还没有进入“装饰”环节,因此不必将细节都一一表现。

STEP 03

山的部分我们只需要突出山的形,因此三角底部的线条可以删减。可以采用钢笔工具来删掉三角形的底边。用钢笔工具来删掉线条的方法是在要删减的路径上增加锚点,然后再利用直接选择工具点击这个锚点点击键盘的delete键。

AI教程!手把手教你绘制线条装饰风格海报

STEP 04

运用锚点来删减路径的技巧诀窍,是通过实践去了解锚点对路径的决定作用,一个锚点被删除,那么该路径就将结束于这个锚点最近旁的锚点处。用这个方法可以继续处理另外两个山形。

AI教程!手把手教你绘制线条装饰风格海报

STEP 05

接下我们绘制属于“人”的部分。这个部分中间的圆形,我们将安排摩天轮这个意向,表现出假日的休闲氛围。利用比例缩放工具就能绘制出另外两个较小的同心圆,第一个同心圆的缩放比例是80%,第二个是50%,并点击复制。(注:后一个同心圆的比例是针对前一个被缩放后的圆,而非第一个。)

AI教程!手把手教你绘制线条装饰风格海报

STEP 06

再从圆心处绘制一条直线,利用旋转工具对直线进行旋转复制,旋转的角度设置为45°,想要旋转线条覆盖整个360°,最简单的方法是复制第一个后,其余采用快捷键“Ctrl+D”重复上一步操作。

然后根据这个方式,再从另一个角度绘制出另外一组旋转的线条,这组线条较上一条稍短。

AI教程!手把手教你绘制线条装饰风格海报

此刻,我们就止步于这个摩天轮的雏形。

STEP 07

由于海报运用了对称构图,在摩天轮的左右两边安排一些建筑物。这里的对称是从整体结构上来说,而建筑物外形未必要完全一致。左右错落有致会更加有视觉魅力。再补充彩带的两侧部分。

AI教程!手把手教你绘制线条装饰风格海报

STEP 08

水的部分我们需要更多对于锚点的控制技巧,这里曝露一下思考过程:我们想要表现水的回旋流荡之美,可以采用圆角矩形的圆角部分来表现,这样左右蜿蜒就能作出水的效果。但如果用单线来表现水波显然有点单薄,为了丰富一下,我们决定利用双线条并行的方式,但这样就造成了绘制上的困难。可并不是没有解决方案,如果采用较粗的线条来绘制单线,将绘制成功的路径进行扩展,扩展后将填充关闭,只留下描边,这样就会达成我们的预期的双线并行的效果。

我们这里用描边30px,如果对上一段文字描述仍云里雾里的小伙伴,可以看看下图。

AI教程!手把手教你绘制线条装饰风格海报

STEP 09

这时,同样运用钢笔工具和直接选择工具就能把上一步的图例中“水的婉转形态表达”以外的部分删掉,然后将其断开的部分进行连接后再进入【对象>扩展】,扩展后的对象关闭填充并保留我们的3px描边,删掉头尾的封闭部分。

AI教程!手把手教你绘制线条装饰风格海报

STEP 10

将上一步的对象复制并进行垂直对称的粘贴,然后,运用直接选择工具对两个对称对象进行连接。

AI教程!手把手教你绘制线条装饰风格海报

STEP 11

水的部分再加入一些波浪表现,先绘制三条直线,分别轮流选中三条直线进入【效果>扭曲和变换>波纹效果】,对三条直线的波纹效果参数进行调试。

在波纹效果的参数面板中,三条线条的大小都设置为7px,而每段隆起数则分别为9、7、5,隆起数为奇数才能使得波浪保持对称。

AI教程!手把手教你绘制线条装饰风格海报

AI教程!手把手教你绘制线条装饰风格海报

装饰:秩序之美

装饰有一种“满”的快感,走在极简的反面,步步都要留心。不可耽溺于“满”,但也要构建出丰富的效果,这不能不说是一种必须经过实践的艺术。

还记得我们提过DECO ART风格里的放射性光芒线条吗?这大概是最有代表性的特征之一。

STEP 12

放射性线条的绘制方法我们已在STEP 05/06中有讲到,采用这一方式就可以绘制各种类的光芒线条。当然我们未必一定要选择360°,对于旋转工具中中心点的设置一定要注意,因为它直接决定了你的光芒线条的位置与大小表现。

光芒并不是全部曝露,我们只需要截取其中的一部分。不需要的部分也可以采用形状生成器,按住Ctrl键进行删减。

AI教程!手把手教你绘制线条装饰风格海报

STEP 13

进一步绘制山体的部分的装饰,比如在此运用三角群集的几何表现。也可以为坡面增加一些平行的线条,表现出更多的细节。

AI教程!手把手教你绘制线条装饰风格海报

STEP 14

所谓“满”的哲学,即是不留空白。这是反极简吗?大概是,但在这种“填满”的过程中,也要留意空间与空间的平衡感。

秩序——才是装饰所追求的。换句话说,秩序是美感的同义词。

接下让我们绘制河流的部分,河流上方我们打算安排一些树,树的画法也非常简单,利用几个基础形就能搭建出“树”的概念。再增加栅栏,作为构建对称装饰的一部分。

AI教程!手把手教你绘制线条装饰风格海报

可以说这类型海报的绘制,每个细节都非常简单,但要协调组合却是需要不少耐心的事。

STEP 15

海报的下方安排的是一些可爱的水晶球等装饰物,这里圆的外形刚好与摩天轮相呼应。在对较小的区域进行编辑的时候,往往需要更为精准的单位指向。那么,在此就需要进入【编辑>首选项>常规】中将键盘增量设置为0.1px。当然,这时你也需要关闭对象对齐像素的选项。

AI教程!手把手教你绘制线条装饰风格海报

STEP 16

至此,我们已将大致的“主角”绘制出来了,接下要做的就是修补工作。你可以先看看整体的效果。我们将增加一点色彩的方向,以方便在不同的色彩中的效果表现。

AI教程!手把手教你绘制线条装饰风格海报

STEP 17

在色彩已安排妥当的情况下进一步补充细节。对于空白处,需要展开你的想象力。其中对于“云彩”的绘制方式也同于水流。

上半部分的细节完成如下:

AI教程!手把手教你绘制线条装饰风格海报

STEP 18

继续添加细节,你会发现你的创意会跟着时间的推移而慢慢打开,也许只是一个小小的几何形,都蕴含了丰富的符号学的意义,而你正在对符号进行开发结解构和重组。从头至尾,你都要注重对秩序感的培养。

AI教程!手把手教你绘制线条装饰风格海报

装饰:零散之美

做完关于秩序的部分,在海边的空白处,我们还将设计一些零散的随机布局的装饰物,例如圆、方、三角这类,甚至是较为复杂结构的雪花造型。零散与秩序,这为画面增加了一种对比。

STEP 19

增加圆点、雪花等装饰物的部分,注意它们分布的随机性以及彼此间的隐藏着另一套对于有机的“秩序”。

AI教程!手把手教你绘制线条装饰风格海报

STEP 20

即使所有角色已经安排妥当,都不代表这出戏就能非常精彩,这时我们还可以为线条增加一些属于“有机”世界的风格化表现。这也是艺术线条绘画中常见的“断线”做法,它让画面更有趣。

请记得,能被“断线”的线条一定不能打扰本身主角的形态表达。断线仍然采用的钢笔工具+直接选择工具的方式操作。

AI教程!手把手教你绘制线条装饰风格海报

STEP 21

再为整体增加边框,以及属于边框的装饰细节。

AI教程!手把手教你绘制线条装饰风格海报

单线装饰风格的海报,其方便的地方就是可以根据实际情况任意变幻为喜欢的配色。

这是在不同的配色方案下的最终效果:

AI教程!手把手教你绘制线条装饰风格海报

写在最后:有个关于学习的认识盲点

学习中,我们都有可能犯这样的错误,总觉得自己要学的太多,而时间和精力都不充沛。之所以称这是错误,并不是方向的错误,而是因为光是花时间去想时间不够用这件事,你的时间就已经被浪费了。要放松、要努力这类鸡汤冠冕话,我们当然也要少讲。

总之,循着自身的学习脉络走,大概也就无所谓是不是足够赶得上潮流,所学是不是足够。学习,其实是每一分每一秒都在进行的事,尤其是眼睛对美的感知力,这才是设计的核心,其他的可操作技巧都是裙边飘带。

当然,优秀不是努力可以做到的,即时不优秀也不是什么大事,成长有它自己的时间,我们只是不断给成长制造机会条件而已。所学即所得,当你能看得到自己的成长,觉得自己半年前做的还不错的作品丑不拉几不堪入目,那么恭喜你!你大概就可以放心自己一直在路上高速前进了!

「最受欢迎的效果,教程全在这」

  1. 2.5D 插画丨《看着高大上的2.5D插画,轻松5步就可以做出来!》
  2. 太空壁纸丨《手把手教你绘制人气最高的太空壁纸!》
  3. 弥散阴影丨《一份简单易上手的青春弥散阴影修炼手册》
  4. MBE 风格丨《PS热门教程!教你5分钟快速绘制超火的MBE风格图标

原文地址:ifeiwu

【木子设计网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:https://www.muzisucai.com/。
设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:https://www.muzisucai.com/

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×