AI新手教程!手把手教你绘制线性条纹几何艺术图案 - 优设网 - UISDC

AI新手教程!手把手教你绘制线性条纹几何艺术图案

2015/01/15 97992评论区

ai-linear-geometric-stripe-pattern-1

编者按:今天的练手教程重点是帮同学们熟悉Illustrator的基础工具,特别是画笔的运用。最终的图案效果现代大气,可以运用到很多场合,话不多说,开AI,练起来!

飞屋同学的好文人气榜:

@飞屋睿UIdesign :线性条纹几何艺术图案,是由若干平行而成的线条所勾勒的诸如圆、半圆、直线等简单的几何图形,经由图形的巧妙组合而成为一种图案。这类图案在任何场所使用都会显得很大气,条纹间杂了古典和现代风格结合而成的艺术美。

我今天要教给大家的,就是如何利用AI来制作这类艺术图案,你可以把这一教程学到的东西运用到logo设计或海报设计或字体设计等项目中。
ifeiwu20150115

(提示:教程末尾有最终效果图的EPS源文件下载链接)

一、创建艺术画笔

制作条纹图案,我们最先要思考的就是用什么工具能更快捷地实现它。因为诸如条纹、圆点、格子……这类基础图案都有着重复某种视觉规律的共性,因此,我们首先可以先建立好这个视觉规律。条纹的视觉规律就是多线条的并行,因此,我们可以先将线条定义为一个艺术画笔,用这个艺术画笔去勾勒我们的图形。这个思路确定好后,我们就开始动手吧。

打开AI,新建一个960px*1200px的文件。新建成功后,进入【视图>智能参考线】,确认智能参考线为选中的状态。智能参考线能帮助你在画图时自动对齐,特别针对几何图形的制作非常有优势。

ifeiwu2015011514

采用矩形工具画上第一根线条。线条的粗细由具体的情况来决定。填充黑色,关掉描边。然后,按住ALT键用鼠标拖动第一根线条就会产生出第二根线条,将第二根线条靠近排列到第一根的右边,智能参考线会帮助你自动对齐两根线条。选中第二根线条的基础上,采用快捷键“ctrl+D”就能重复上一步的操作,这样就出现了第三、四、五、……根线条。

ifeiwu2015011513

选中隔列的线条,将它们的填充色变为白色。如下图所示,体现出线性。

ifeiwu2015011512

再选中所有的线条,找到软件界面右侧的画笔工具栏按钮,点击面板右上角的下拉菜单按钮,弹出下拉菜单,选择“新建画笔”。没有找到工具栏里画笔工具栏按钮的,可以进入视图调出。

ifeiwu2015011511

这时会弹出一个对话框,选择“艺术画笔”,确定。界面中出现了艺术画笔的选项面板,在面板中基本上我维持了原有默认的参数,直接确定。

ifeiwu2015011510

二、用艺术画笔绘图

艺术画笔制作成功后,我们就可以利用艺术画笔进行创作了。当然,这毕竟和普通的画笔绘制图案时略有差别。我们可以先画一个圆。既然要利用刚刚的线性条纹画笔,我们可以想象得到,这时这些线条都由直线变为了线条。就像我们正常状态下是用一支笔画圆,现在变成了并排多支笔画圆。大家在使用艺术画笔就要打开自己的想象力。

因此,现在我们画一个普通的正圆,将这个圆关掉填充,打开描边。描边大小可设置为1pt。画好后打开画笔工具栏,然后单击一下刚刚制作的艺术画笔,很快这个线性条纹圆就做出来了。

ifeiwu201501159

这时,进入【编辑>首选项>常规】,在常规面板中,勾选“缩放描边和效果”。这个选项能让你的画笔随着你对图形大小的改变而按原有比例改变。

ifeiwu201501158

第一个正圆制作好后,我们还要制作3/4圆,半圆,和1/4圆,三种图形的制作方法可以有很多种,为了让最终效果更精确,我选用了删除锚点的办法来制作。大家不妨可以参考我的技巧,理解技巧当中的原理。

首先做一个半圆。选中刚刚画好的线性条纹正圆,利用钢笔工具在右下方,也就是最右边和最下方的两个锚点的中点处单击一下,增加了一个锚点。然后,再点选直接选择工具,保持刚刚增加的锚点为选中状态,直接单击键盘上的“Delete”键。这时就能将这个圆的这1/4的部分删掉。

ifeiwu201501157

一旦做好的图形就不要再任意改变图形的大小,因为接下来我们要利用这些图形作为组件去组合出新的图形,做到无缝组合的状态,图形必须保持统一尺寸。利用这个方法,我们可以继续制作剩下的几个图形。另外,除了圆形,我们还可以制作横向和纵向的条纹,用直线工具画出普通的线条,再选择艺术画笔描边。当然,直线工具也要保持与这几个圆无缝结合,因此,大家需要为其调试大小。将横向和纵向的条纹与圆形的图形对齐。一旦确定了大小就不要再更改。

ifeiwu201501156

三、组合图形

将这些线性条纹一个个组合起来应该不是难事了,利用旋转、复制等简单的操作即可做出你想要的图案。但是这个过程要注意叠放的次序。

下面这些是我对图形的组合过程。

ifeiwu201501155

四、上色

一旦图案绘制完成,将图案编组,就到了上色的环节。首先,让我们先做一个与图案差不多大小的矩形,将矩形关闭描边,填充为如下图所示渐变色。

ifeiwu201501154

选中做好的图案,采用快捷组合键ctrl+C,进行复制。再回到刚刚的渐变矩形这里,选中矩形,在透明度面板中,点击下拉菜单按钮,在下拉菜单中选择“建立不透明蒙版”。

ifeiwu201501153

这时,渐变矩形消失。其实,它并没有消失,只是被蒙版遮住了。我们用鼠标单击不透明面板中的蒙版的选框,这时,选框呈黑色。被选中的选框周围出现了一个棕色的边框。这时,再利用快捷组合键ctrl+v,粘贴我们刚刚复制过的图案,这时,这个被上色的图案就出现在了蒙版里。

这个过程是利用了黑白颜色对渐变色板的蒙版进行改变的原理进行上色。这种上色的好处就是,随时能改变颜色,删除蒙版就能轻松恢复到刚刚原始的黑白色。鼠标重又单击透明度面板中的渐变矩形缩略图,就从蒙版编辑中恢复正常状态。而这时,我们还可以直接将原先的黑白的条纹图案删除。

ifeiwu201501152

完成后,只要进入渐变工具面板就可以任意地修改图案的色彩。最终效果如下:

ifeiwu20150115

后记

几何图形的魅力就是利用不同的方向,不同的角度而叠加组合,就能创作出各种各样的图形。你还可以运用这个效果来制作文字和其他标识型的图案。希望你在创作过程中收获颇丰。

【新手自学指南好文全合集】

Top 1:作者自学成功的亲身经验,实用性高!
《超赞!设计师完全自学指南》

Top 2:从新手技巧到高手教程都在这儿了!
《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》

Top 3:集合多位交互大牛的经验合集!
《交互设计师修炼指南!教你从零开始成为优秀交互设计师》

原文地址:ifeiwu
作者:@飞屋睿UIdesign

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量89万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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