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

所属分类: 平面设计 / Illustrator教程 阅读数: 1909
收藏 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绘制一个逼真立体感的红色救生圈方法介绍,感兴趣的朋友可以参考一下,希望能对大家有所帮助!

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

ai怎么界面颜色该怎么自定义设置?

ai怎么界面颜色该怎么自定义设置?ai界面默认的颜色不喜欢,想要自己设置,该怎么设置呢?下面我们就来看看ai自定义界面颜色的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制漂亮多彩的花朵图形?

ai怎么绘制漂亮多彩的花朵图形?ai中想要绘制一个矢量的漂亮的花朵,该怎么绘制呢?下面我们就来看看详细的绘制方法,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

AI绘制绚丽漂亮的莲花图形

这篇教程是向脚本之家的朋友分享AI绘制绚丽漂亮的莲花图形方法,教程绘制出来的莲花图形非常漂亮,难度不是很大,推荐到脚本之家,一起来学习吧
收藏 0 赞 0 分享

AI设计一个扁平化风格的鲸鱼logo

今天小编为大家分享AI设计一个扁平化风格的鲸鱼logo方法,教程比较基础,制作出来的logo非常漂亮,难度不是很大,值得大家学习,来学习吧
收藏 0 赞 0 分享

手把手教你用AI绘制谷歌Chrome标志

这篇教程就为大家介绍用AI绘制谷歌Chrome标志方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友可以参考本文,希望这篇文章能对大家有所帮助
收藏 0 赞 0 分享

AI混合功能制作非常漂亮的炫彩LOGO

这篇教程主要是向脚本之家的朋友分享AI混合功能制作非常漂亮的炫彩LOGO方法,教程制作出来的logo非常漂亮,难度不是很大,推荐到脚本之家,一起来学习吧
收藏 0 赞 0 分享

ai怎么制作绚丽的太阳花矢量图?

ai怎么制作绚丽的太阳花?ai绘制矢量图很简单,今天我们就来看看绘制一朵大大的太阳花的教程,绘制过程很简单,步骤也不太多,需要的朋友可以参考下
收藏 0 赞 0 分享

AI绘制可爱的圆形小猫插画

这篇教程是向脚本之家的朋友分享AI绘制可爱的圆形小猫插画方法,教程绘制出来的插画非常漂亮,难度不是很大,值得大家学习,一起来看看把
收藏 0 赞 0 分享

ai矩形网格工具怎么用? AI中矩形网格工具的实例教程

ai矩形网格工具怎么用?ai中绘图工具有很多,其中就有一个矩形网格工具,该怎么使用这个工具呢?下面我们就来看看AI中矩形网格工具的实例教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么画出水墨效果? ai绘制水墨效果的文字/图形的教程

ai怎么画出水墨效果?中国水墨画是很出名的,该怎么制作水墨字或者水墨画呢?下面我们就来看看ai绘制水墨效果的文字/图形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多