当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI绘制放大镜图标

2019/1/16 14:24:08 人评论

本教程向UtoBao的朋友们介绍利用AI绘制放大镜图标 ,制作出的效果很好看哦,快来学习一下吧!

这篇教程教优图宝的朋友们用AI绘制放大镜图标,教程属于比较基础的AI实例教程转发过来和优图宝的朋友们一起分享一下。先来看看最终的效果图:AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon

Utobao编注:更多AI教程学习进入优图宝AI实例教程栏目:http://www.utobao.com/news/61.html

具体的制作步骤如下:

1. 新建文档,800*600px。输入一些文字,使用大一点的字号。我使用的是Futura字体。之后,应用“创建轮廓” (Shift + Ctrl + O)。然后文本应用渐变,如下图所示。(译者注:图示标错了,最高数值只有255,应该为R41 G199 B226差不多)

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon Step 2

Grab the pen tool and draw a shape, as shown below. Copy (CTRL + C) the outlined text and paste in front (CTRL + F) of it. Select both paths and choose intersect shape areas from the pathfinder tool.

2. 使用钢笔工具绘制形状,如下图所示(译者注:图示的RGB标错了,哪来的347,晕,应为R247 G147 B40)。复制(Ctrl+C)轮廓文本,贴在前面。选择这2个路径,点“路径查找器”面板里的“与形状区域相交”,点“扩展”按钮。

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon Step 3

Repeat step 2 to create a shadow using different color.

3. 重复第2步绘制阴影使用不同的颜色。

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon Step 4

Grab the Ellipse tool and draw a circle. Copy the circle and paste in front. Then hold ALT + Shift and resize it. Select both of the circles and subtract from shape area using pathfinder. Then Expand it.

4. 使用椭圆工具绘制圆,复制圆,贴在前面。按住Alt+Shift键调整大小。选择这2个形状,使用“路径查找器”面板中“与形状区域相减”。然后“扩展”。

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon 

_ueditor_page_break_tag_Step 5

Position the donut shape and apply the color and stroke setting, as shown below.

5. 把同心圆放在合适的位置上,设置填色和描边,如下图所示。

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon 6. 使用圆角矩形工具,在画板上单击弹出对话框。创建150*50px,20px圆角半径的矩形。渐变填色如下图,我们使用之前的1px描边颜色。 AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon Step 7

Now, we need to add some shading. We can do this using the same technique we used to create the orange top area for the text in step 2. For area 1, we use a white to black gradient with a 57 ° angle. For area 2, we use the same gradient with a 253 ° angle. For area 3, we use a black color.

7. 现在我们需要添加一些阴影。我们可以使用第2步绘制文字顶部橙色区域的方法来做到。下图示1,我们使用白黑渐变,57 °角。图示2,我们使用同样的渐变,253 °角。图示3,使用黑色。AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon Step 8

Using the same technique, create something like a rubber or cloth band. Use a white color and a 0.5px stroke.

8. 使用同样的方法,绘制橡胶带。使用白色,0.5px描边。AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon

_ueditor_page_break_tag_Step 9

Now we draw the ribbons.

9. 现在我们来绘制丝带。

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon Step 10

Create a rectangle using rectangle tool as our background. Apply a radial gradient to it. Then draw a shadow using the ellipse tool.

10. 使用矩形工具绘制矩形以创建背景。应用径向渐变。然后使用椭圆工具绘制阴影。

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon Step 11

We are almost there. Add a white circle below all layers, but above the text layer. Set the opacity to 10%. Create a shinning area using the pathfinder. Fill it with a white color, and set the opacity to 5%.

11. 到这儿已经完成的差不多了。在所有图层的下面添加一个白色的圆,但放在文本图层之上。设置不透明度:10%。使用路径查找器绘制高亮区。

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon

尾声

最后,在文字图层上添加阴影,因为它在同心圆的下面。好的,完成了。

Conclusion

Finally, add some shadow for the text layer because it is under the donut shape. Well, that’s all about it.

This tutorial only required some drawing skills. In this tutorial, we often repeated the process where we need to copy and paste a path in front of another path. This allows us to easily make an intersection, often done via pathfinder tools. I Hope you enjoy the tutorial and leave some comments. Cheers!

AI绘制放大镜图标 优图宝 AI实例教程Illustrate A Fun Zooming Icon

Utobao编注:更多AI教程学习进入优图宝AI实例教程栏目:http://www.utobao.com/news/61.html

下一篇:AI制作GOOGLE手机壁纸

上一篇:AI绘制水彩画效果

相关资讯