• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > AI绘制一个逼真立体感的红色救生圈

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了AI绘制一个逼真立体感的红色救生圈,其中包含AI绘制一个逼真立体感的红色救生圈等知识点,遇到此问题的同学们可以参考下

这篇教程是向的朋友介绍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次

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-23Ai绘制旋转控制的音乐按钮图标
  • 2017-05-23AI怎么画一个红色带角的恶魔头像图标?
  • 2017-05-23ai文字特效怎么制作? ai设计文字字体的技巧
  • 2017-05-23AI结合PS打造漂亮的碎花效果立体字
  • 2017-05-23AI打造可爱的卡通岩石文字效果
  • 2017-05-23AI结合PS制作超强冲击力促销立体文字效果
  • 2017-05-23教你用AI快速把中国好声音导师杨坤照片制作成矢量图片
  • 2017-05-23AI绘制中国风大鼓
  • 2017-05-23Illustrator(AI)模仿绘制一辆40年代的甲壳虫汽车实例教程
  • 2017-05-23Illustrator绘制一组线条干净的扁平化线性图标

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Illustrator(AI)设计制作心形效果的粉色海报实例教程
    • AI制作超漂亮的艺术字体
    • ai界面左面的工具栏没有了怎么显示出来?
    • ai怎么制作排列成五角星形状的文字?
    • AI怎么使用参考线? ai参考线的用法
    • Ai怎么绘制一个电源遥控器开关按钮图标?
    • illustrator简单制作超漂亮的渐变文字效果
    • AI绘制可爱的灯泡超人卡通人物
    • AI绘制一个弧形文字
    • AI和PS设计打造出可爱的卡通蜜蜂形象

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有