AI教程高科技电源按钮UI图标教程(2)

来源:网络   作者:热心网友   发布时间:2017-03-19    浏览次数:464
收藏到:


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教程,设计先锋网


1234567共7页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/xinshourumen/aijiaocheng/5774.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通