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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

教程主要使用Illustrator教你绘制一个高科技电源按钮教程,今天这枚Illustrator教程长达70多个步骤,过程细致到发指,诸多细节刻画精细入微,效果满满的未来科幻风,作为练手进阶教程最好不过。

效果图:

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

1.打开Adobe Illustrator,矩形工具,绘制一个矩形,宽:100px 高:120px

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

2.建立一条垂直参考线,用钢笔工具中的添加锚点工具在矩形的中间增加一个锚点。

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

3.现在我们选择新的锚点,用直接选择工具,将锚移动,直到你的形状如下图所示。

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

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

4.操控顶端的锚点,使其形状弯曲,如下图所示。

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

5.现在我们要得到另外两个我们所创建的对象,要把三个对象集中在一个点。

选择旋转工具,然后单击底部的一部分。然后,我们会看到光标变成一个黑色的小箭头。

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

6.按住ALT,复制对象(出现黑色箭头和白色箭头),

打开属性窗口,使用窗口中的角度大小:120,248°。

考虑到这三个点的对象,要把360°分成三份,我们必须旋转120°,效果如下图所示。

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

7.Ctrl+D,会自动重复之前的步骤(也就是会旋转120°)。

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

8.我们将这些对象整合成一个。在路径查找工具里,点击“联集”也就是第一个,然后点击扩展,将它们转变为一个整体。

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

 收藏