AI运用渐变制作出无缝连接的完美标志

所属分类: 平面设计 / Illustrator教程 阅读数: 1759
收藏 0 赞 0 分享

这篇教程教脚本之家的朋友们用AI运用渐变制作出无缝连接的完美标志,这篇教程模仿制作的是Cecif的标志这个标志运用渐变做出了无缝连接的图标,色彩过渡十分完美。同时做出了不同的层次感觉,值得大家学习。

标志分析首先,我们需要了解对象的基本形,然后在寻求绘制步骤。该标志可以说是由五等分对象组成,姑且叫做花瓣吧。每部分都完美对称,最后由无缝渐变组合而成。做这个或许没什么,但是有一个问题值得我们注意,那就是这些对象都是互相堆叠起来的,层次感十分明显。

基本步骤下面是我绘制这个标志将计划使用的步骤:

1、 绘制一个路径作为花瓣的1/2;

2、复制该路径,与原路径做一个完美的对称;

3、 将整个花瓣复制并旋转72°(360/5);

4、将第3步再重复做3次完成整个花瓣的绘制;

5、 连接相邻路径使之成为一个封闭对象;

6、扩展描边为填充对象;

7、 使用渐变填充花瓣;

8、检查对象的重叠处是否正确。

绘制花朵的基本形如果你能熟练使用钢笔工具,那么绘制出这个路径是再简单不过的事情了。如果你还不能绘制出这样的路径,那么需要好好练习一下钢笔工具了。AI无缝连接完美渐变标志 脚本之家 AI教程

AI无缝连接完美渐变标志 脚本之家 AI教程

1、绘制时,描边的大小将决定以后花朵的形状,这里使用的10pt。打开标尺,拖出一条垂直参考线,同时打开智能参考线。

AI无缝连接完美渐变标志 脚本之家 AI教程

2、绘制花朵基本路径。注意下方锚点和参考线的位置!如下图所示:

AI无缝连接完美渐变标志 脚本之家 AI教程

3、确保路径处于选中状态,使用对称工具复制路径。注意,将对称工具移动到参考线上,出现青色“路径”字样时再手动或自动对称路径。如果左右路径对称不好,容易出现空隙或路径重叠的现象。

AI无缝连接完美渐变标志 脚本之家 AI教程

4、在整个对象上面拉出一条水平参考线。使用旋转工具移动到参考线的交点,出现青色“交叉”字样时再点击alt键,输入72°旋转复制对象。这点很重要,这样能很好的避免空隙或重叠的出现。重复三次直至做完整个对象。

AI无缝连接完美渐变标志 脚本之家 AI教程

5、因为需要做出重叠效果,所以我们不能将所有锚点都连接起来。只需要将花朵中心部分相邻的5个地方连接即可。如果操作不方便,可以放大对象或者将图稿做轮廓预览来处理。

AI无缝连接完美渐变标志 脚本之家 AI教程

6、 现在我们已经完成了对象的绘制,看起来有点像星星。这颗星星取决于以前旋转点的位置。选中对象,“对象-路径-轮廓化路径”或“对象-扩展”,这样路径会变会转换成可填充对象。

AI无缝连接完美渐变标志 脚本之家 AI教程

7、编辑图标的颜色用黄、红、紫、蓝、绿色创建绿蓝、黄绿、红黄、红紫、紫蓝这样5个渐变并保存在色样调板中。选中一个对象,使用第一个渐变进行填充。

AI无缝连接完美渐变标志 脚本之家 AI教程

8、为其他4个对象分别填充相应的渐变。之后,调整渐变角度和颜色位置,以使色彩的过渡显得更加平滑。

AI无缝连接完美渐变标志 脚本之家 AI教程

AI-Show增补提示:如果是CS4版本可以更加方便直观地调整渐变。

AI无缝连接完美渐变标志 脚本之家 AI教程

AI-Show增补提示:选中一个对象,使用渐变工具定义起始点,拖动圆形或菱形调整渐变长度,旋转菱形调整角度,点击拖动滑块调整颜色位置。

AI无缝连接完美渐变标志 脚本之家 AI教程

9、完善标志仔细比对原作,可能会发现一些细节上的失误,那就是对象位置的堆叠层次。我们来进一步完善它们吧。

AI无缝连接完美渐变标志 脚本之家 AI教程

10、如果我们只是单纯的使用“对象-排列-置于底层”的话,那么最后始终会有一个的地方层次关系不正确。这时,我们需要剪断其中一个对象来调整它们的层次关系了。

AI无缝连接完美渐变标志 脚本之家 AI教程

11、使用剪刀或者美工刀断开左侧对象,再调整其中一部分的堆叠顺序(对象-排列)以使整个对象得到一个完美的堆叠层次。

AI无缝连接完美渐变标志 脚本之家 AI教程

12、断开之后可能又会遇到一个问题,那就是填充的渐变色可能会发生一些细微差别。这时,最初保存在色板之中的纯色色块就会发挥作用了,编辑好渐变后看看现在的标志,是不是十分完美了!

AI无缝连接完美渐变标志 脚本之家 AI教程

AI-Show增补提示:如果需要知道渐变中某一部分的颜色值,那么只需要打开颜色调板,然后使用吸管工具并按住Shift强制取色就可以了。但前提是取色对象要处于非选中状态,不然吸取的颜色会替换掉对象本身的渐变色。

教程结束,以上就是AI运用渐变制作出无缝连接的完美标志方法,大家学会了吗?希望能对大家有所帮助!

更多精彩内容其他人还在看

Illustrator CS3把作品转化和编辑为灰度模式

为了出版广告、变换LOGO样式,甚至就是为了尝试与从不同,我们有时候需要把AI文件转化为灰度模式。在AI CS3中有不少简便的方法把作品转化和编辑为灰度。
收藏 0 赞 0 分享

Illustrator 制作web 2.0风格标签

我不知道 web 2.0 风格将会风行多久。一方面,它代表着当前的流行趋势;另一方面,它又体现着对新技术新风格的探索。无论如何,大众对 web 2.0 风格依旧需求强烈,因而写篇制作一流 web 2.0 风格标签的教程很有必要。
收藏 0 赞 0 分享

Illustrator基础教程之简单制作金属纹理

Vectips 纹理教学周的第二篇教程是金属纹理。如同前篇水质感纹理教程一样,制作金属纹理的技巧也是利用了AI的效果菜单中的效果。
收藏 0 赞 0 分享

Illustrator CS4 绘制覆盖着雨滴窗口

使用简单的工具,加上网格渐变,学习在adobe illustrator中绘制“覆盖着雨滴窗口”的壁纸。
收藏 0 赞 0 分享

Illustrator 绘制透明质感绿色金属标志

本教程主要用Illustrator制作透明质感立体标志,这个例子我们将一个商品的标志放大,制作出它的透明质感立体效果,通过对这个实例的学习,将对你制作按钮、标志以及类似的操作用很大的帮助。
收藏 0 赞 0 分享

Illustrator 绘制透明气泡组成的心形

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习如何运用内发光、蒙板、羽化、渐变填充等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享

Illustrator 绘制漂亮的透明气泡

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习通过绘制一个圆形,然后再运用内发光、羽化、外发光等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助
收藏 0 赞 0 分享

Illustrator 绘制可爱卡通宝宝

从本次开始我将向您详细介绍用Illustrator软件绘制人物的方法,我们将从婴儿开始,之后是儿童,其次是青年,再有就是成年、中年以及老年人。
收藏 0 赞 0 分享

Illustrator 绘制绿叶环保的精致货牌

本教程主要用Illustrator制作漂亮的新货牌.
收藏 0 赞 0 分享

Illustrator 绘制金属质感的小闹钟

本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享
查看更多