Illustrator教你绘制一个高科技电源按钮教程(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

9.现在我们要使三者的交接处圆一些。效果>风格化>圆角。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

10.设置10px半径。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

11.现在让我们将圆角化的对象从原有的对象分离开来。对象>扩展外观,得到最后的图像。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

12.效果如下图所示。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

13.中间的图像,如外面的形状制作过程相同。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

14.重复1-12的步骤。我们将会建立这样的一个新对象。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

15.我们先只创建这样一个新的对象,它只是一半。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

16.使用镜像工具,(在旋转工具里面),按住Shift+Alt,复制,翻转。得到一个对称图像。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

17.现在我们使用路径选择工具,合并两个图像,你也可以用删除锚点工具,将两个图像结合。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

18.与之前复制第一个对象的步骤相同,第一个旋转120°,第二个Ctrl+D。如果遗忘怎么做,回到6-7步骤看一下。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

19.最后我们建立一个圆形,这将用作指示灯,将点亮在其悬停状态的按钮

我们将完成在Photoshop中添加蒙版进行下一步的处理。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

20.现在选择所有的矢量图形,Ctrl+C,将它们复制到剪贴板里。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

 收藏