AI教程!手把手教你绘制线条装饰风格海报 - 优设网 - UISDC

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

2017/03/24 40149评论区

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

学完这个教程你能收获

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

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

2、学会单线绘制的技巧

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

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

绘制基础几何形

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

STEP 01

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

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

STEP 02

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

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

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

绘制主角物象

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

STEP 03

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

STEP 04

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

STEP 05

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

STEP 06

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

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

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

STEP 07

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

STEP 08

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

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

STEP 09

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

STEP 10

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

STEP 11

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

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

装饰:秩序之美

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

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

STEP 12

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

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

STEP 13

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

STEP 14

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

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

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

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

STEP 15

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

STEP 16

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

STEP 17

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

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

STEP 18

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

装饰:零散之美

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

STEP 19

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

STEP 20

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

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

STEP 21

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

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

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

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

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

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

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

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

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

原文地址:ifeiwu

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ai-line-decoration-poster

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里