UI教程，三维立体圆形旋涡图形图标

先画出大体的圆形，然后利用CTRL+T自由变换做出旋涡的效果即可，喜欢的可以动动手练习一下这个技巧。

中圆图层按ctrl+j，复制3个一样的，然后调整第二个中圆的中心点和大圆的中心点重叠。

UI教程，三维立体圆形旋涡图形图标

上面输入旋转角度90度，按回车确认，结果如图所示！

UI教程，三维立体圆形旋涡图形图标

6、依次给另外2个圆旋转，第三个中圆的角度是180度，第四个中圆的角度是-90度（这里是-90度，特别说明一下）

结果如图所示。

UI教程，三维立体圆形旋涡图形图标

不是这样的调整一下图层位置，例如谁在上，谁在下。

7，为新手方便这里说的细致一些

UI教程，三维立体圆形旋涡图形图标

这里为了讲解方便，把四个中圆分别根据所在位置起不同名字，这样方便讲解，

1下，就是最下面的中圆，2右就是最右面的中圆。首先给4左，也就是第一个画的中圆添加一个图层蒙版，

按住Ctrl键，鼠标左键单击2右图层，选中2右图层在选中4左的图层蒙版用橡皮擦，擦去小圆下面重叠的部分，

如下图

UI教程，三维立体圆形旋涡图形图标

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) CTRL+T ps网页设计 UI教程 UI设计教程圆环图标自由变换