Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 Illustrator设计抽象韵律感图案制作教程

Illustrator设计抽象韵律感图案制作教程

发布时间:2019-07-02   编辑:www.jquerycn.cn
jquery中文网为您提供Illustrator设计抽象韵律感图案制作教程等资源,欢迎您收藏本站,我们将为您提供最新的Illustrator设计抽象韵律感图案制作教程资源
今天小编在这里就来给Illustrator的这一款软件的使用者们来说说设计抽象韵律感图案的制作教程,各位想知道具体制作教程的使用者们,那么就快来看看小编下面给大家分享的教程吧。
<script>ec(2);</script>
给各位Illustrator软件的使用者们来详细的解析分享一下设计抽象韵律感图案的制作教程。
教程分享:
一、构思造型
几乎可以说,完美的设计不是一步一步走来的,而是一蹴而就,大脑中几乎已经有了个完美理想,再通过实际步骤,逐渐靠近。尤其在做抽象图案时,漫无目的反而容易迷失方向,不如提前做好造型,再运用软件动手制作。这一过程,我们姑且称之为构思。
二、绘制图案
STEP 01
打开AI,新建文档,在文档画布的中央画上一个矩形,填充为深蓝色。然后运用直线段工具临近矩形的附近画上两条线段,要确保线条的长度可以覆盖整个矩形,线条的摆放位置可以参考下图。

 

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

 

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

 

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

 

<center></center>
STEP 03
再打开所有的线条。接下来我们要把所有线条进行扩展。扩展的目的是为了填色的需要。这时,现将线条转为白色。然后再根据实际情况,再调整一下线条的角度。
然后选中直线条和曲线条,进入【对象>扩展】,扩展的选项面板中为默认设置,点击确定。这是我们运用的第一次扩展,第一次扩展是将混合的图形变为描边路径。

 

<center></center>
我们要达到的效果是可以填充色彩的图案,因此,还需要再进行一次扩展。依然选中线条对象,进行又一次的扩展。
STEP 04
接下,我们要把在矩形之外的线段都删除,最便捷的方式是选中全部对象,然后调出路径查找器,选中左下方的“分割”图标。然后选中图形,点击右键,选中"取消编组"。这时最好在底层放上一个色差比较大的背景,运用选择工具删除多余的部分。

 

<center></center>
当然,这个背景以后也用不上了,所以到此可以删掉。
三、上色
接下来,让我们来为这个图案进行上色,很多玩秘密花园涂色的童鞋应该会非常兴奋。这其实是一样的原理,而且最重要是,在这里你可以任意选择你想要的颜色。你可以先在色板里选好配色方案,或者临时根据灵感所至而创作,都没有关系。
STEP 05
将上一步做好的图形旋转90度,随机挑选几个色块填上白色。这是我的第一个配色。因为后面的填色步骤就是这样随机的安排色彩的过程。选择你要填的色块,然后运用填色工具,按住ALT键,点击其他将要填色的色块就可以轻松快捷的完成填色。

 

<center></center>

 

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

 

<center></center>
四、组合图案
STEP 06
将整个图形复制出一个对称的图像。排列在一起,让边缘精准地靠拢。合二为一。

 

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

 

<center></center>
STEP 07
你还可以通过重新着色图稿来安排其他的配色。

 

<center></center>
好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计抽象韵律感图案的制作教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是很清楚了抽象韵律感图案的制作教程了吧,那么各位就快去按照小编上面分享的教程自己去绘制吧。

您可能感兴趣的文章:
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
jQuery Deferred和Promise创建响应式应用程序详细介绍
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
基于jquery的商品展示放大镜
php实现mvc模式的例子
JQuery 动态扩展对象之另类视角
初窥JQuery-Jquery简介 入门了解篇
StringTemplate遇见jQuery冲突的解决方法
jquery基础教程之deferred对象使用方法
六款帮助你实现惊艳视差滚动效果的jQuery插件

[关闭]