在Adobe Illustrator中绘制一个华丽的铃铛

预览

带有标志的华丽铃铛

步骤1:新建Illustrator文档

打开Illustrator,按Ctrl/Cmd + n创建一个新文档,设置画板的大小为400x500px。Illustrator中的新文档屏幕

步骤2:创建基本大纲

当你必须画一个具有对称边的物体时,只创建一个边,然后对它做一个镜像副本要容易得多——这不仅节省时间,更重要的是,确保两边是相同的和对称的。

首先,用钢笔工具(P)画铃铛的一面。钢笔工具绘制钟选择刚才用选择工具绘制的矢量路径,然后选择对象>变换>反射。选择垂直选项,然后单击Copy按钮创建矢量路径的镜像。

钟形矢量路径按住Shift(以限制水平移动),然后向右拖动副本,直到上终端锚点匹配为止。与钟上的锚点匹配使用直接选择工具(A),只选择两条路径的端点。右键单击锚点并选择加入在出现的菜单中。

直接选择工具的钟让我们完全关闭路径。切换到钢笔工具(P),并点击较低的端点关闭路径。删除描边,并将矢量对象的填充颜色设置为红色,以便更容易看到(稍后我们将更改此颜色)。

在钟上填充颜色

第三步:将钟形分成几段

我们必须设法使我们的钟变平。为了做到这一点,我们将把钟的形状分成几个部分,然后我们将用颜色梯度填充这些部分,以模拟3D外观。用钢笔工具,画出如下所示的两条弧。

用钢笔工具绘制两条弧线切换到选择工具(V)选择钟的形状和一个弧,然后,在探路者面板(按Shift + Ctrl/Cmd + F9如果面板是隐藏的),单击按钮。这将我们的钟形分成两部分。钟形分为两部分当结果对象仍然被选中时,取消分组(Shift + Ctrl/Cmd + G)。

然后选择下半部分的钟形和其他弧形,然后点击按钮一次。这将创造出铃铛的最低部分。我们的钟形现在应该分成3部分。

贝尔分为三个部分

步骤4:创建铃铛的底部

抓取椭圆工具(L),并创建一个椭圆的较低部分的钟。确保锚点在左边和右边匹配,这样你就能得到光滑连续的边。为铃铛的下部创建一个椭圆匹配端点

第五步:把上半部分分成两半

现在我们要把钟的上部分成两半。

这将使我们能够更容易地应用颜色渐变。选择直线工具(/)在钟的中间画一条垂直的直线。为了确保垂直线正好在中心,选择钟的所有片段和垂直线,然后,在对齐面板(按Shift + F7切换面板的可见性),单击水平对齐中心按钮。

把钟的上部分成两半接下来,选择直线和钟的上部。然后按按钮。在探路者中分钟取消组(Shift + Ctrl/Cmd + G)的结果对象,然后准备一些乐趣。

接下来我们将应用渐变!

步骤6:应用颜色梯度

让我们选择一些好的颜色,并创建颜色梯度,使我们的钟活起来。首先,确保渐变面板是打开的;如果你在你的工作空间中找不到它,转到窗口>渐变或按Ctrl/Cmd + F9。我们将应用相同的径向梯度的两个上面的钟。将相同的径向梯度应用到钟的两侧将相同的径向梯度应用到钟的两侧对于钟的中间部分,我们将使用线性梯度。钟形线性梯度对于钟的下部,我们也将使用线性梯度。

钟形下部呈线性梯度对于椭圆,我们也将使用线性梯度。椭圆的线性梯度让我们创建钟的厚度。要做到这一点,我们必须复制我们已有的椭圆,然后我们需要缩小它。

复制椭圆应用径向梯度如下所示。应用径向梯度

步骤7:添加反射和阴影

在这一步中,我们将创建必要的反射和阴影,以精确地使用光源。金色的物体能够以不同的方式反射光线。

我们将使用这种能力来创建各种反射(黑暗,光明,半透明等)。在这个过程中,探路者小组将发挥主要作用。选择钟的所有部分,除了椭圆。

复制它们(Ctrl/Cmd + C, Ctrl/Cmd + F),并使用团结起来探路者命令。联合探路者命令联合探路者命令步骤2为了创建一个反射,我们必须将我们刚刚创建的形状的副本与钟的不同部分的副本结合起来。让我们试试这个,看看我们能创造什么。

复制铃铛的绿色形状,在图层面板中,锁定原始对象,然后隐藏它。我们将为以后保存形状,但现在,我们锁定并隐藏它,这样它就不会在我们继续工作时打扰我们。选择绿色形状的可见副本,向右移动2px,向下移动2px。

选择绿色形状的可见副本复制铃铛左侧的所有三个可见部分。然后,将绿色形状复制三份(每个重复的部分一份)。将每个钟的副本与每个绿色形状的副本结合使用-前按钮。

这将在钟的左侧创建小的反射形状。在探路者面板中减去前按钮设置反射的填充颜色为#FFFABC。选择铃铛的剩余绿色形状,并向右移动一点。

创建左侧铃铛上部的副本和一个绿色形状的副本。选择两个副本并点击-前按钮。创建钟的上部的副本应用线性渐变的新形状。

应用线性渐变的新形状为了创建另一个反射,重复前面的过程。重复前面的过程重复上述步骤2重复执行上述步骤3复制绿色形状,并将副本移动到右侧。选择两个形状,并在寻路器面板中单击-前按钮。

减去前按钮我们必须把这个形状与钟的其他部分相交。创建左边铃铛的每个部分的副本和两个绿色形状的副本。选择钟的每个副本和绿色形状的副本,然后单击相交按钮。

点击探路者面板中的相交按钮在探路者面板步骤2中点击相交按钮在探路者面板步骤3中单击相交按钮应用线性渐变的新形状。应用线性渐变的新形状应用线性梯度的新形状第2步应用线性梯度的新形状步骤3对于钟的右侧,我们需要一些反射和一些阴影。我认为你已经知道了如何创建所有你需要的形状,所以我会让你自己做它们。

你只需要组合不同的形状,并用正确的颜色填充它们。现在是时候解锁和切换我们之前创建的绿色形状的可见性了。你将需要它来创建阴影和反射在钟的右侧。

对于阴影,应用下面的线性渐变。对于阴影,应用线性渐变你可以随意使用渐变,直到你得到一个理想的结果。使用渐变,直到你得到一个理想的结果玩周围的梯度,直到你达到一个理想的结果步骤2玩周围的梯度,直到你达到一个理想的结果步骤3同样,在右侧创建一个小的边缘反射。

在右侧创建一个小的边缘反射

步骤8:创建水平曲率

我们想把钟的形状做得更好。要做到这一点,我们应该在水平上定义钟的曲率。复制钟的中间部分两次,并将其中一个副本向下推几个像素。

如果需要,可以放大副本。选择两个副本,然后在路径查找器面板下,单击-前按钮。结果对象应该是一个水平条。

在水平条上应用径向梯度,如下所示。应用径向梯度现在我们需要将形状与我们之前创建的反射和阴影相交。这意味着我们需要复制我们想要用来相交的每个部分。

将每个部分复印一份复制步骤2的每个部分在第一个下面创建另一个条带,并给它一个径向梯度。在第一个下面创建另一个条带,并给它一个径向梯度在第一个下面创建另一个条带,并给它一个径向梯度在第一个下面创建另一个条带,并给它一个径向梯度我们现在需要高光。使用相同的技术来创建反射,尝试在条带上创建精细的高亮边缘。

给高光的厚度约1px。在钟上创建高光设置高光的填充颜色为#FFFABC。设置高光的填充颜色为#FFFABC

步骤9:在铃铛内部创建一个阴影

现在我们需要一个影子藏在钟里。

选择内椭圆的钟和复制它在前面。从工具面板中使用椭圆工具创建如下所示的蓝色椭圆。用椭圆工具创建一个蓝色椭圆选择蓝色椭圆和内部椭圆副本,然后,在探路者面板下,点击-前按钮。

点击负正面按钮应用如下所示的线性渐变来创建内阴影。应用线性渐变来创建内阴影

步骤10:创建一个Clapper

铃铛需要里面的拍子才能发出声音;它是钟的组成部分,撞击钟的内壁,发出清脆的声音。首先,用椭圆工具(L)在钟的右下角创建一个圆。

在铃铛的右下角画一个圈复制钟的内椭圆。选择副本和我们创建的红色圆圈,并按相交按钮。按下探路者面板上的机密数据库按钮我们所需要的是应用一个漂亮的径向梯度,以便给拍板一个3D外观。

应用一个漂亮的径向梯度复制拍板,应用如下所示的线性梯度,旋转它一点,并将其发送到拍板后面。这是拍板在钟内壁上产生的阴影。在钟的内壁上创作

步骤11:创建一个皇冠

我们现在需要在钟的顶部创建一个手柄(称为皇冠)。

要创建一个皇冠,我们需要两个椭圆和一些反射。首先,用椭圆工具(L)在彼此的上面创建两个圆,上面的圆比下面的圆小。属性,确保内圆位于大圆的中心水平对齐中心而且垂直对齐中心命令。

选择两个圆并按下-前按钮。选择两个圆,并按减号前面按钮应用如下所示的线性梯度。选择两个圆,并按减号前面按钮接下来,我们将创建一个高亮对象。

复制皇冠两次。移动它们以形成高亮形状,同时选中它们,然后点击-前按钮。然后给高亮对象一个线性渐变(如下所示)。

给高亮对象一个线性渐变选择皇冠的所有部分,分组(Ctrl/Cmd + G),并将其放在钟的顶部。返回(Shift/Ctrl/Cmd +[)。选择皇冠的所有部分最后,你可以添加一些装饰,比如一个标志或彩色的丝带,就像我下面做的那样。

添加一些装饰,比如一个标志或彩色的丝带

教程汇总

很多人在使用钢笔工具时遇到了麻烦,但幸运的是,探路者命令允许我们使用简单的形状绘制工具(如椭圆工具)制作复杂的插图。有了丰富的想象力,几乎没有什么是你不能用Pathfinder命令创建的。我希望你喜欢这个教程。

感谢您的阅读!完成带标志的钟的设计

下载源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!