Illustrator绘制逼真漂亮的时尚彩色贝壳

所属分类: 平面设计 / Illustrator教程 阅读数: 808
收藏 0 赞 0 分享
本教程是向脚本之家的朋友介绍利用Illustrator绘制逼真漂亮的时尚彩色贝壳,随着制作过程有点长,但作者介绍的非常细心。本教程重在打造贝壳的细致纹理,其中针对新手给个别界面标注了中文,很多同学都可以依着教程一步一步完成。好了,喜欢的朋友一起来学习吧!

先看看效果图

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

一、新建文档

去“编辑>首选项>常规>键盘增量设为1px”以及“单位”选项卡的单位如图所示。我通常会使用这些设置,因为它们会在你的绘图过程中起到作用。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

二、创建的贝壳的形状

步骤1:

选择矩形工具(M)绘制一个2×97px矩形,然后给它一个填充一个你喜欢的颜色。现在,放大矩形的顶部,然后选择添加锚点工具(+),使用它在中间添加锚点,如下图中特写镜头显示的那样。在矩形底部做同样的事情。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤2:

使用直接选择工具,选择上一步添加的上方锚点,将它向上移动4px。然后用转换点工具(shift+C),移动手柄,使路径圆滑,如下图放大镜内所示。别忘了矩形底部也要做这样做。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤3:

路径选中状态,执行“效果>变形>凸壳”,设置如下图参数

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤4:

为了做出扇形,首先去“对象>扩展外观”,然后执行“对象>取消编组(shift+ctrl+G)”,保持上图所示路径处于选中状态,执行“对象>变换>旋转”设置如下图参数

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤5:

现在选择第二个路径,然后转到“对象>变换>旋转”,再次执行步骤4中的数值,你将得到第三个路径,将它向左和向下分别移动一点点。这些路径必须紧挨着且不重叠。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤6:

你明白了吧。现在,选择第三个“路径”,并将其旋转5度,以获得下一个路径(1)。将其移动到它的地方,然后继续做同样的事情(2)。直到你得到足够多的路径,你可以为了得到较小的形状去重叠的最后几个形状(3)。此时我已经切换到绿色填充,以便可以更好的看到贝壳的形状叠在一起。不要担心贝壳的底部,我们将在后面处理。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤7:

选中左侧所有的路径,将它们复制到右边,执行”对象>变换>对称“如下图所示数值,也可根据情况做相应数据的调整。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤8:

选择所有路径,在路径查找器里合并所有路径,得到如下图

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤9:

选择钢笔工具(P)或直线工具(\),画出如下图所示的直线路径。然后选中所有路径,在路径查找器里分割路径,删除底部形状,因为你不需要它。然后执行”对象>取消编组”。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤10:

使用直接选择工具拖动贝壳底部的锚点,然后用转换点工具移动手柄,使贝壳底部成圆润的弧度。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

三、加上贝壳的光影

步骤1:

选择”星形工具”点击画板,弹出面板,设置如下图数值。然后用直接选择工具选择底部锚点,执行“对象>变换>移动”设置如下图数值。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤2:

用钢笔工具画出一个菱形的顶部(1)。选择两个路径,在路径查找器合并路径(2)。使用转换点工具(shift+c)移动手柄使2个内锚点成光滑,如图中放大镜内所示(3)。你需要它呈光滑圆弧,在下面的步骤中有用。我给它命名为“遮光形”。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤3:

移动你上一步得到的路径,合理将它安排在贝壳形状中,如下图放大镜中所示。我设置遮光形的不透明度为50%,这样你可以清楚的看到它们重叠情况。但是你没有必要设置,这只是为了让你看懂。 接着,复制这个形状,稍微旋转,并安排接下来路径的位置。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤4:

继续重复步骤3,贝壳的左侧完成后(1),你得把右侧也做完。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤5:

用直接选择工具(A)选中其中一个形状的下方锚点。你可以把它变短或变长一点。重复此步骤,是为了使它们到达贝壳底部的不同长度。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤6:

不透明度设置回100%。原地分别复制和粘贴(Ctrl+F)贝壳形状图层和遮光图层。选中所有的前面的遮光形。编成一个组(ctrl+G)。 然后选择一层贝壳形状和遮光形组,执行路径查找器里的相交(记得按住alt键再执行哦)。选中遮光层,执行”对象>扩展外观“。设置遮光形组,填充为黑色,混合模式为叠加和25%的透明度(在透明度面板)。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤7:

复制你上一步所做的并移动,取消复制组的编组(Shift+ctrl+G)。使用直接选择工具选中其中一个形状,将其做如下图所示压缩。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤8:

继续压缩其他形状,它们必须比原始的形状纤细。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤9:

给这些纤细的形状填充黑色,并进行编组(ctrl+G)。复制并粘贴贝壳形状之上。然后选中贝壳复制的形状和纤细形状的复制组,在路径查找器中进行相交。将得到的新形状填充黑色,混合模式改为叠加,不透明度50%。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

四、增加贝壳的高光

步骤1:

用钢笔工具(P)或直线段工具(\)和绘制一个路径,通过一个中间的“路径”(1)。继续绘制其他路径,每一个“路径”的贝壳(3)。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤2:

选中所有这些路径,运用笔刷名为“锥形-圆角”。你可以在“窗口>画笔库>艺术效果>艺术效果_油墨”下找到。找到后,去外观面板,双击画笔后会弹出选项面板,设置好宽度为15%,确保笔刷的尖端向下翻转。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤3:

减少贝壳边缘路径的宽度,在上一步中我们设置所有宽度为15%,现在如下图依次修改路径的宽度。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤4:

选择描边路径,执行“对象>扩展外观”,然后取消组合2次(1)。将所有的路径,填充白色到黑色的径向渐变(2),然后设置混合模式为滤色(黑色变成透明)和50%的不透明度。此时,你可以对它们进行编组(ctrl+G)。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

五、五颜六色的贝壳和阴影

步骤1:

选中贝壳,对其使用径向渐变,并移动它的高光点到贝壳的底部。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤2:

保持贝壳选中状态,到“外观”面板中选择现有的渐变填充。然后进行复制,得到新的填充图层,然后执行“效果>风格化>投影”再进行复制两次当前填充,并更改投影参数。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

三个投影参数如下

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤3:

绿色的贝壳已经完成。现在可以创建颜色的贝壳。复制一个贝壳。然后可以使用橙色色调替换现有的绿色渐变。由于使用的是鲜艳的颜色,可以增加不透明度为的重点从50%至70%(步骤4.4)。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

步骤4:

这是另一个贝壳,使用第一个贝壳一个副本,然后使用如下图所示的渐变色取代现有的渐变色所示。亮点几乎看不到,因为使用的是较浅的颜色,因此从50%的不透明度提高为90%。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

至此我们已经完成3个贝壳。

Illustrator绘制时尚彩色的逼真贝壳,PS教程,思缘教程网

以上就是Illustrator绘制逼真漂亮的时尚彩色贝壳过程,希望能帮到大家!谢谢阅读!

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

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 分享
查看更多