Illustrator详解抽象韵律感图案的制作方法

2016-02-16 18:36 52 1 收藏

下面是个简单易学的Illustrator详解抽象韵律感图案的制作方法教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Illustrator 】

抽象图非常容易制作,尽量放大胆子放空大脑,不具象的鼓捣下去,也许就是一幅杰作横空出世。也就因为它在创作中的无拘无束,反而给人增加了很多不可名状的难度。今天我们来制作一款非常简单,但绝对让人耳目一新的抽象图案,创意灵感来自音乐的旋律。对了,当你在设计和韵律有关的作品时,也许都可以派上用场。

一、构思造型

几乎可以说,完美的设计不是一步一步走来的,而是一蹴而就,大脑中几乎已经有了个完美理想,再通过实际步骤,逐渐靠近。尤其在做抽象图案时,漫无目的反而容易迷失方向,不如提前做好造型,再运用软件动手制作。这一过程,我们姑且称之为构思。

先看看效果图

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

二、绘制图案

STEP 01

打开AI,新建文档,在文档画布的中央画上一个矩形,填充为深蓝色。然后运用直线段工具临近矩形的附近画上两条线段,要确保线条的长度可以覆盖整个矩形,线条的摆放位置可以参考下图。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

双击混合工具,弹出该工具的参数设置面板,在选项卡中选中指定的步数,数量设置为11,然后改为对齐路径。选中两条直线,进入【对象混合建立】。这时混合工具会将你的两条直线变为一排过渡的直线。混合工具的一个重要的作用就是创造两个对象之间的过渡。这需要日后不断运用体会。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

STEP 02

先关闭上一步做好的线条,再运用钢笔工具画两条曲线,两条曲线的位置可以参考我的图例。其实怎样的形态并不重要,抽象画本来就没有标准答案,大家可以不断摸索各种不同形式的表达。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

接下来再设置混合工具,指定的步数里设置40。然后选中两条曲线,运用混合工具。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

STEP 03

再打开所有的线条。接下来我们要把所有线条进行扩展。扩展的目的是为了填色的需要。这时,现将线条转为白色。然后再根据实际情况,再调整一下线条的角度。

然后选中直线条和曲线条,进入【对象扩展】,扩展的选项面板中为默认设置,点击确定。这是我们运用的第一次扩展,第一次扩展是将混合的图形变为描边路径。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

我们要达到的效果是可以填充色彩的图案,因此,还需要再进行一次扩展。依然选中线条对象,进行又一次的扩展。

STEP 04

接下,我们要把在矩形之外的线段都删除,最便捷的方式是选中全部对象,然后调出路径查找器,选中左下方的分割图标。然后选中图形,点击右键,选中"取消编组"。这时最好在底层放上一个色差比较大的背景,运用选择工具删除多余的部分。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

当然,这个背景以后也用不上了,所以到此可以删掉。

三、上色

接下来,让我们来为这个图案进行上色,很多玩秘密花园涂色的童鞋应该会非常兴奋。这其实是一样的原理,而且最重要是,在这里你可以任意选择你想要的颜色。你可以先在色板里选好配色方案,或者临时根据灵感所至而创作,都没有关系。

STEP 05

将上一步做好的图形旋转90度,随机挑选几个色块填上白色。这是我的第一个配色。因为后面的填色步骤就是这样随机的安排色彩的过程。选择你要填的色块,然后运用填色工具,按住ALT键,点击其他将要填色的色块就可以轻松快捷的完成填色。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

你可以冷暖色搭配,也可以安排一些对比色。注意每种色彩在整个图案中的位置,不能在某一范围集中太多同一的颜色。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

四、组合图案

STEP 06

将整个图形复制出一个对称的图像。排列在一起,让边缘精准地靠拢。合二为一。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

再将上一步做好的图形复制一次,水平对称,让边缘精准地靠拢。这样,整个图案就做好了。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

STEP 07

你还可以通过重新着色图稿来安排其他的配色。

Illustrator详解抽象韵律感图案的制作方法,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

后记

抽象图案的做法,有时候就是这么简单。你完全可以在此基础上做出千变万化的形态。打开你的想象力,动手吧。

来源:https://www.tulaoshi.com/n/20160216/1570976.html

延伸阅读
将某个场景的图案,按照随机的方式罗列整个画布上,这就形成一种纹理式样的图案。而这类纹理图案有两种表现,第一种是细微的质感纹理,这类纹理大部分运用到网页的背景上,它显得比较低调,主要色调为黑白灰;第二种就是以图案为独立细节进行随机散布的图案纹理,如下图。 此类图案纹理能铺开整个画布,直接强调主题,虽然直接运用网页布局...
合理的室内布局,加上充分的空间利用与巧妙的物品收纳,即使很小的空间也不会显得杂乱拥挤。用木板 手工制作 这样一款创意几何图案组合客厅墙壁置物架,将原本空闲的墙壁空间充分利用起来,而且还美化了单调的墙壁,让墙壁显得不会太空可谓是一举多得,一起来学习一下吧。 需要的材料和工具:胶合板、金属连接件、木料粘合剂、切割...
标签: PS PS教程
为了方便Photoshop新手,我会写一系列的我提供的资源的使用方法,本篇讲解Photoshop自定义填充图案制作方法。 大家是不是常常看到自己非常喜欢的图案和图片?可能有的图片并不大,自己又非常喜欢,那么,我们可以用自定义的方法来把图片制作成我们喜欢的图案,以后使用就方便啦! 这是在网上看到的一张图片,其中的桃心样子非常...
Adobe Illustrator中的图案会让你的复杂的设计工作变得更加轻松,并且所得到的结果也是非常棒的。而每一个专业的设计师肯定也都或多或少了解一些无缝图案使用上的一些技巧和细节,也肯定或多或少知道一些无缝图案制作上的很多方法。在本教程中,我会祥细解说关于Adobe Illustrator中的图案,并且也会祥细地告诉你无缝图案创建上的很多已知的方...
今天分享一篇新手教程,教同学们用Illustrator创建矢量的无缝几何图案,你可以应用在很多设计场景中,当然也可以举一反三,创建出更加漂亮的图案。来学习一下吧。 效果展示: ① 使用椭圆工具(鼠标点击矩形工具按住不放)创建不同尺寸的两个圆,要求这两个圆中心位于同一垂直线上。 选择这两个圆圈,然后选择 对象混合制作 或按Ctrl+ A...

经验教程

804

收藏

75
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部