• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

丰泽UI设计PS教程之制作酷炫彩环!

更新时间:2015-12-30 16:53:54点击次数:610次字号:T|T

随着UI设计的发展,ps的应用越来越走进我们的生活。那么今天,郑州丰泽UI教育的小编就来和大家一起学学怎么利用PS制作一个酷炫的彩环!接下来,就让我们跟随以下酷炫的彩环教程,动手练起来!

1、首先用绘图工具画上一个椭圆,具体的形状设计就按照自个的想法需要来哈。

2、复制刚才画好的椭圆,降低透明度到30%,用来观察相交面积的图形大小,然后平移复制的图层。(如下图)

3、选中这两个椭圆,同时复制一层,并且再顺时针的旋转60度。

4、继续,执行上一步操作,复制两个圆形并旋转60度。

5、从而,我们得到了第二个和第三个椭圆相交所得的月牙形状。如图所示:

6、合并图层,选中这两个圆形,按Ctrl+E组合键,合并成为一个图层。

7、选中形状突出点,在工具栏选择减去顶层形状并合并形状组件。如下所示:

8、剪切处的月牙就是所要的组成部分哦,然后呢换上所需要的颜色。

9、然后复制5个形状,再每个图层顺时针旋转60度。填充上不同的颜色,就得到了下图所示的形状。至此,一个彩色的环型就完成的有模有样了吧!

10、当然,填充也可以用同一色系的哦!如下所示:

11、给每个图层添加一个渐变叠加的样式,混合模式就设定为叠加,每个图层的渐变角度都要调整下。如下所示:

12、如果对这个效果不满意,可以继续添加层级之间的阴影效果,透明度调成30%把之前的圆形复制一层,顺时针旋转7度左右。从而就得到了下图:

13、按照之前的方法与形状区域把相交的部分切出来。再把切好的小半圆放到之前的图形上,也做出相应的渐变效果。

14、在做一个投影,形状工具做一个椭圆,填充为0。添加一个渐变叠加的效果。如下所示:

15、右击图层,把椭圆转换为智能对象。右键选斜切,调整阴影,至符合透视关系的效果,调整透明度。

16、最后,把做好的投影放置于彩环的下一层。效果如下图所示!

    至此一个酷炫的彩环已经制作完毕,朋友们你学会了么?想要学到更多?那么就到郑州丰泽UI设计教育,更多学习吧,相信未来你能更专业!