AI绘制一个逼真立体感的红色救生圈
这篇教程是向狼蚁SEO的朋友介绍AI绘制一个逼真立体感的红色救生圈方法,教程属于入门级别的教程,推荐过来,大家一起来学习吧!
狼蚁网站SEO优化先来看看最终的效果图
具体的绘制步骤如下
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文档,800600px。显示标尺(Ctrl+R),并且显示网格(Ctrl+")。然后鼠标拖拉水平和垂直参考线到画板。
我们先创建形状。选择椭圆工具(L),在参考线的中点单击。然后按住Shift + Alt键向外拖拉。这样绘制的圆以水平和垂直参考线的交叉点为中心。圆填色红色(R=190 G=28 G=35),描边无。
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键删除。
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. 绘制一个25600px的矩形。然后填色白色,描边无。使用白箭头工具选择(译者注直接选择工具)圆和矩形。在圆上单击一下(表示这是你对齐的参照物)。
然后打开对齐调板。单击水平居中对齐和垂直居中对齐。这将使矩形和圆居中。现在重复这个步骤,使它和第一个矩形正相交。选择这2个矩形,旋转45度。
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)。这使我们在红色形状上应用网格工具时不会受到白色形状的干扰。
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 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),鼠标移动到红色形状的顶部路径时,你会看到一个“+”,这表示我们将添加一个网格。
在路径上单击添加网格,然后选择白箭头工具,选择结束点。这使得手柄可见。拖拉它,使得它与形状的轮廓平行。每一个结束点都重复这个步骤。添加几个网格路径。
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个混合路径的交叉点。单击色板。这就添加了一个渐变混合。使之完美地融合进了椭圆形状中。
颜色的选择是随意的。完成后,你想到它还需要一些层次,你可以添加另一个网格路径。确认选择了更浅的颜色,然后使用网格工具,在红色形状上单击。
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)。然后在白色形状上添加网格路径。选择网格点,添加灰色。我选择了不同的网格点添加灰色,因而它看上去更加地逼真。
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次。你会看到救生圈创建出来了!
Step 99. 现在救生圈已经做好了,该添加束缚绳索的形状了。使用钢笔工具绘制一个矩形,如下图所示。使用网格工具(U),然后添加网格路径,网格点应用颜色,同我们之前的操作。这将创建出绳索穿过的形状。
Step 10
现在开始创建绳索。选择椭圆工具(L),在参考线的中心点单击,按住Shift+Alt键拖拉。描边10px,无填色。大小比救生圈大一点。对象仍是选中状态,执行“对象”菜单>路径>轮廓化描边。
选择美工刀工具。然后切割带状,在近于救生圈的1/4上切割。具体步骤为,我隐藏了复制的部分,以使我们在切割时不会受到干扰。然后删除大的那块。
Step 11
11. 我们把绳索切割完成后,我们可以选择锚点轻轻地拖拉来调整形状。再添加网格路径和颜色,同之前的步骤。
Step 12
12. 现在我们需要加一点推力作用。选择垂直线上的几个网格点,向外或者向内拖拉。注意网格将会轻微地移动。这会增大原先的大小,使得绳索看上去会有动态效果。
Step 13
现在将近尾声了。选择矩形工具和绳索,编组。保持选中状态,然后选择旋转工具(R)。然后在参考线中心点单击一下。按住Alt键,移动选择的形状。
你又会看到黑色和白色箭头(重叠)。再按住Shift + Alt键,单击鼠标左键,顺时针拖移你的对象。这将复制和旋转(45度)对象。释放鼠标。不要取消选择。然后按Ctrl+D键2次复制这一步骤2次。看,救生圈的矢量图就完成了!
Step 14 ,但也是重要的一点,添加一些光晕给救生圈注入一些活力。选择所有的对象,执行“效果”菜单>风格化>外发光,添加外发光
教程结束,以上就是AI绘制一个逼真立体感的红色救生圈方法介绍,感兴趣的朋友可以参考一下,希望能对大家有所帮助!
平面设计师
- 平面设计图怎么画 小学生画平面图
- 平面设计内容怎么写 平面设计的求职意向怎么写
- 平面设计图手绘 平面设计图手绘家具
- 平面设计多久能出师 平面设计要多久
- 女生做ui设计师有多累 女生为什么学ui的人很惨
- 哪里有学平面设计的学校 想学平面设计去哪里学
- 初学平面设计用哪个软件 平面设计初学者必备的
- 0基础学平面设计要多久 0基础自学平面设计
- 平面设计手绘培训 平面设计师培训班学费多少钱
- ui工作好找工作吗 ui好不好找工作
- 女生学室内设计吃香吗
- ps平面设计自学教程 平面设计ps入门教程
- 平面设计基础知识大全 平面设计基本常识
- 平面设计基础教学视频 平面设计教学零基础入门
- 平面设计基础教学 平面设计基础教学平时作业
- ui设计主要是学什么 ui设计一般是学什么