AI绘制一个逼真立体感的红色救生圈

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

这篇教程是向脚本之家的朋友介绍AI绘制一个逼真立体感的红色救生圈方法,教程属于入门级别的教程,推荐过来,大家一起来学习吧!

下面先来看看最终的效果图:

AI绘制救生圈 脚本之家 AI实例教程Click

具体的绘制步骤如下:

Step 1

First, create a new document in Illustrator at 800 pixels by 600 pixels. Enable the Ruler (Ctrl+R) and turn on the grid on (Ctrl+"). Then drag a horizontal and a vertical guide onto the artboard.

We’ll start by creating our shapes. Select the Ellipse Tool (L), and click on the center point of our guides. Then drag outwards by holding down the Shift + Ctrl keys. This will give us a circle that is centered on the grid/guides. Fill the circle with a red color (R=190 G=28 G=35) and leave the stroke empty.

1. 首先,新建Illustrator文档,800*600px。显示标尺(Ctrl+R),并且显示网格(Ctrl+")。然后鼠标拖拉水平和垂直参考线到画板。

我们先创建形状。选择椭圆工具(L),在参考线的中点单击。然后按住Shift + Alt键向外拖拉。这样绘制的圆以水平和垂直参考线的交叉点为中心。圆填色:红色(R=190 G=28 G=35),描边无。

AI绘制救生圈 脚本之家 AI实例教程

 Step 2

Create another circle, as in the previous step. Then make it about 75% smaller then the first circle. Give it another color so it is easy to see. Select both circles, open the Pathfinder Palette, and click on the Divide Tool. Deselect the shapes, then re-select the smaller circle, and then delete it.

2. 创建另一个圆,同之前的步骤。这个圆是第1个圆的75%。填充另一个颜色,使它可见。同时选择这2个圆,打开路径查找器面板,单击分离工具。取消选择所有形状,然后再选择小圆(译者注:使用编组选择工具选择),然后按Del键删除。

AI绘制救生圈 脚本之家 AI实例教程

 Step 3

Create a rectangle about 25px wide by 600px high. Then fill it with white and leave the stroke empty. Select both the circle and the rectangle with the black arrow tool. Click one time on the circle (to indicate that this is your base for alignment).

Then open the Align Palette. Click on the Horizontal Center Button and then on the Vertical Center Button. This will center the rectangle with the circle. Now repeat this step and set it perpendicular to the first rectangle. Select both of the rectangles and rotate them 45 degrees.

3. 绘制一个25*600px的矩形。然后填色:白色,描边:无。使用白箭头工具选择(译者注:直接选择工具)圆和矩形。在圆上单击一下(表示这是你对齐的参照物)。

然后打开对齐调板。单击水平居中对齐和垂直居中对齐。这将使矩形和圆居中。现在重复这个步骤,使它和第一个矩形正相交。选择这2个矩形,旋转45度。

AI绘制救生圈 脚本之家 AI实例教程

 Step 4

Select all of your objects. Then open the Pathfinder Palette and click on the Divide Tool. We’ll delete most of the shapes now. We need only two. After we apply the mesh tool, all we have to do is duplicate them.

Delete all the shapes until you have a quarter circle with a white shape left on your art board, as in the image below. Once you have done that, select the white shape, and Lock (Command+2) it. This will allow us to apply the mesh tool to the red shape without the white shape interfering.

4. 选择所有的对象。然后打开路径查找器面板,单击分离工具。现在我们将要删除大部分的形状。只留下其中的2个。应用网格工具后,我们需要做的就是复制它们。

删除形状,只留下1/4的圆和一个白色的形状,如下图所示。完成后,选择白色形状,锁定它(Ctrl+2)。这使我们在红色形状上应用网格工具时不会受到白色形状的干扰。

AI绘制救生圈 脚本之家 AI实例教程 

Step 5

Now we’ll apply the Mesh Tool. Select the red shape with the black arrow. Make sure no color is selected (no fill and no stroke). Then select the Mesh Tool (U), and move it over the top path of the red shape. You’ll see a “+” which indicates that we will add a mesh.

Click on the path to add the mesh, then select the white arrow tool, and select the end point. This makes the handle visible. Start dragging it until the mesh path is parallel to the shape’s outline. Repeat this with each end point. Add a few more Mesh Paths (U).

5. 现在我们将应用网格工具。使用黑箭头工具选择(译者注:选择工具)红色形状。确定没有选择颜色(无填色,无描边)。然后选择网格工具(U),鼠标移动到红色形状的顶部路径时,你会看到一个“+”,这表示我们将添加一个网格。

在路径上单击添加网格,然后选择白箭头工具,选择结束点。这使得手柄可见。拖拉它,使得它与形状的轮廓平行。每一个结束点都重复这个步骤。添加几个网格路径。

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

 Step 6

Now we’ll add some highlights. I set up a slightly lighter red as a color swatch (R=214 G=111 B=115). Then select the cross points of the two Mesh Paths with the White Arrow Tool. Click on your color swatch. This adds a gradient to the mesh and works perfect with elliptical objects.

The color choices are of course optional. Once that is done and you think it needs some more depth, you can add another mesh path. Simply make sure that the lighter color is selected, and click with the Mesh Tool on the red shape.

6. 现在我们将要添加高光。我创建了一个亮红色(R=214 G=111 B=115)。然后使用白箭头工具选择2个混合路径的交叉点。单击色板。这就添加了一个渐变混合。使之完美地融合进了椭圆形状中。

颜色的选择当然是随意的。完成后,你想到它还需要一些层次,你可以添加另一个网格路径。确认选择了更浅的颜色,然后使用网格工具,在红色形状上单击。

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

 Step 7

In this step, we will repeat the use of the Mesh Tool on the white shape. Unlock all your shapes. Select the Mesh Tool (U). Then add Mesh Paths to your white shape. Select the Anchor Points and add some grey. I chose different shades of grey so it looks a little bit more realistic.

7. 这一步,我们将在白色形状上重复网格工具的使用。解锁所有的形状。选择网格工具(U)。然后在白色形状上添加网格路径。选择网格点,添加灰色。我选择了不同的网格点添加灰色,因而它看上去更加地逼真。

AI绘制救生圈 脚本之家 AI实例教程 

AI绘制救生圈 脚本之家 AI实例教程

 Step 8

Now we have created our most important shapes and are ready to built the full lifesaver. With the Rotate Tool still selected, hold down the Ctrl key. Then move the cursor over your selected shape. You will see a black and white arrow (overlapping).

Hold down the Shift Key, while still holding the Ctrl key. Hold down the left mouse button and drag your object clockwise. This will duplicate and rotate (in 45 degrees steps) the objects. Let go of the mouse. Do not deselect the object. Then hit Command+D twice to duplicate this step two more times. You will see your lifesaver getting built!

8. 现在主要的形状已经创建好了,准备创建完整的救生圈。选择旋转工具,按住Alt键。然后移动你选择的形状。你将看到一个黑色和白色箭头(重叠)。

按住Alt键时,按住Shift键,按住鼠标左键,顺时针方向拖移对象。这将复制并且旋转(45度)对象。释放鼠标。取消选择对象。然后按Ctrl+D两次以使这个步骤重复2次。你会看到救生圈创建出来了!

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

 Step 99. 现在救生圈已经做好了,该添加束缚绳索的形状了。使用钢笔工具绘制一个矩形,如下图所示。使用网格工具(U),然后添加网格路径,网格点应用颜色,同我们之前的操作。这将创建出绳索穿过的形状。

AI绘制救生圈 脚本之家 AI实例教程 

AI绘制救生圈 脚本之家 AI实例教程

Step 10

现在开始创建绳索。选择椭圆工具(L),在参考线的中心点单击,按住Shift+Alt键拖拉。描边:10px,无填色。大小比救生圈大一点。对象仍是选中状态,执行“对象”菜单>路径>轮廓化描边。

选择美工刀工具。然后切割带状,在近于救生圈的1/4上切割。具体步骤为,我隐藏了复制的部分,以使我们在切割时不会受到干扰。然后删除大的那块。

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

Step 11

11. 我们把绳索切割完成后,我们可以选择锚点轻轻地拖拉来调整形状。再添加网格路径和颜色,同之前的步骤。

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

Step 12

12. 现在我们需要加一点推力作用。选择垂直线上的几个网格点,向外或者向内拖拉。注意网格将会轻微地移动。这会增大原先的大小,使得绳索看上去会有动态效果。

AI绘制救生圈 脚本之家 AI实例教程

Step 13

现在将近尾声了。选择矩形工具和绳索,编组。保持选中状态,然后选择旋转工具(R)。然后在参考线中心点单击一下。按住Alt键,移动选择的形状。

你又会看到黑色和白色箭头(重叠)。再按住Shift + Alt键,单击鼠标左键,顺时针拖移你的对象。这将复制和旋转(45度)对象。释放鼠标。不要取消选择。然后按Ctrl+D键2次复制这一步骤2次。看,救生圈的矢量图就完成了!

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

Step 14 最后,但也是重要的一点,添加一些光晕给救生圈注入一些活力。选择所有的对象,执行“效果”菜单>风格化>外发光,添加外发光

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程

AI绘制救生圈 脚本之家 AI实例教程 

教程结束,以上就是AI绘制一个逼真立体感的红色救生圈方法介绍,感兴趣的朋友可以参考一下,希望能对大家有所帮助!

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

Illustrator CS5怎么使用连接和平均命令画等腰三角形?

Illustrator CS5怎么使用连接和平均命令画等腰三角形?想在ai中绘制一个等腰三角形,这就涉及到ai中连接和平均命令的使用,详细的教程请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

AI利用3d效果制作包装图

今天小编为大家带来了AI利用3d效果制作包装图,简单快捷,透视准确,感兴趣的朋友快到下文了解一下吧
收藏 0 赞 0 分享

AI利用路径文字工具在弧形路径位置输入文字

这篇教程是向脚本之家的朋友分享AI利用路径文字工具在弧形路径位置输入文字方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI制作3D纪念碑风格岛屿插画教程

今天小编为大家带来了AI制作3D纪念碑风格岛屿插画教程,教程很简单很好学,感兴趣的朋友到下文了解一下吧
收藏 0 赞 0 分享

AI绘制骷髅奇兵插画教程分享

今天小编为朋友们带来实用AI绘制骷髅奇兵插画,教程是视频的,对于学习插画的朋友来说还是有一定的指引作用的,来看看吧
收藏 0 赞 0 分享

ai中怎么绘制一款可以挂在墙上的相框?

ai中怎么绘制一款可以挂在墙上的相框?ai中绘制相框很简单,今天我们就来看看那使用ai绘制一款朴素的可以挂在墙上的相框,详细的绘制内容请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

Illustrator绘制卡通可爱的人头像勋章效果

本教程主要使用IllustrIllustrator绘制卡通可爱的人头像勋章效果方法,教程制作出来的勋章真的很不错,推荐到脚本之家,希望能对大家有所帮助
收藏 0 赞 0 分享

ai中路径查找器该怎么使用?

ai中路径查找器该怎么使用?ai中我们经常设计一些矢量图,其中有很多工具,今天我们就来看看路径查找器的详细使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制卡通的独眼小熊头像?

Ai怎么绘制卡通的独眼小熊头像?我们经常给大家介绍ai绘制各种类型的矢量图的教程,今天我们还是来看看比较简单的使用ai绘制卡通独眼小熊的步骤,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制萌萌哒的小兔子头像?

Ai怎么绘制萌萌哒的小兔子头像?ai中想给自己设计一个很独特的头像,因为个人属兔,所以我们就来设计一个比较可爱的小兔子形状的头像,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多