Photoshop制作立体风格的圆形旋涡图形图标

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:战焰

关键词

Photoshop制作立体风格的圆形旋涡图形图标

1、首先打开效果图,先观察这个图片的构成,可以想象为它是由3个圆形组成,最外面的大圆是一个颜色,最中间的小圆是白色,中圆是一个渐变颜色。

Photoshop制作立体风格的圆形旋涡图形图标

2、根据大小,画出大圆,中圆,和小圆,中圆做出如下的渐变效果,如图所示

Photoshop制作立体风格的圆形旋涡图形图标

位置说明,大圆和小圆居中对齐,画好渐变的中圆和大圆左对齐

另外精确作图是非常有必要的,这里只说制作方法,,选中大圆ctrl+t,根据大圆位置,画出辅助线,确定大圆圆心点,如图所示

Photoshop制作立体风格的圆形旋涡图形图标

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

Photoshop制作立体风格的圆形旋涡图形图标

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

Photoshop制作立体风格的圆形旋涡图形图标

6、依次给另外2个圆旋转,第三个中圆的角度是180度,第四个中圆的角度是-90度(这里是-90度,特别说明一下),结果如图所示。

Photoshop制作立体风格的圆形旋涡图形图标

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

 收藏