教程集 www.jiaochengji.com
教程集 >  建站教程  >  Photoshop  >  正文 Photoshop三维立体圆形旋涡图形图标制作教程

Photoshop三维立体圆形旋涡图形图标制作教程

发布时间:2023-05-04   编辑:jiaochengji.com
教程集为您提供Photoshop三维立体圆形旋涡图形图标制作教程等资源,欢迎您收藏本站,我们将为您提供最新的Photoshop三维立体圆形旋涡图形图标制作教程资源
今天小编在这里就来给Photoshop的这一款软件的使用者们来详细说下三维立体圆形旋涡图形图标的制作教程,各位想知道具体制作方法的使用者,那么下面就快来跟着小编一起看看制作教程吧。
给各位Photoshop软件的使用者们来详细的解析分享一下三维立体圆形旋涡图形图标的制作教程。
教程分享:
先声明一下,这不是原创,只是总结了一下,为了让新手看得更明白,增加了许多详细步骤。
闲话少说,上图。 另外不是抄袭,毕竟每个人的方法不同! 如有不到之处,敬请谅解!
效果图:

 

UI教程,三维立体圆形旋涡图形图标_
1、首先打开效果图,先观察这个图片的构成,可以想象为它是由3个圆形组成,
最外面的大圆是一个颜色,最中间的小圆是白色,中圆是一个渐变颜色!

 

UI教程,三维立体圆形旋涡图形图标_
2、根据大小,画出大圆,中圆,和小圆,中圆做出如下的渐变效果,如图所示

 

UI教程,三维立体圆形旋涡图形图标_
位置说明,大圆和小圆居中对齐,画好渐变的中圆和大圆左对齐

 

UI教程,三维立体圆形旋涡图形图标_
另外精确作图是非常有必要的,这里只说制作方法
选中大圆ctrl t,根据大圆位置,画出辅助线,确定大圆圆心点!如图所示

 

UI教程,三维立体圆形旋涡图形图标_
中圆图层按ctrl j,复制3个一样的,然后调整第二个中圆的中心点和大圆的中心点重叠。

 

UI教程,三维立体圆形旋涡图形图标_
上面输入旋转角度90度,按回车确认,结果如图所示!

 

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

 

UI教程,三维立体圆形旋涡图形图标_
不是这样的调整一下图层位置,例如谁在上,谁在下。
7,为新手方便这里说的细致一些

 

UI教程,三维立体圆形旋涡图形图标_
这里为了讲解方便,把四个中圆分别根据所在位置起不同名字,这样方便讲解,
1下,就是最下面的中圆,2右就是最右面的中圆。 首先给4左,也就是第一个画的中圆添加一个图层蒙版,
按住Ctrl键,鼠标左键单击2右图层,选中2右图层 在选中4左的图层蒙版用橡皮擦,擦去小圆下面重叠的部分,
如下图

 

UI教程,三维立体圆形旋涡图形图标_
8,同第7步类似,按住ctrl键,鼠标左键单击1下图层,选择1下,出现蚂蚁线后,鼠标左键单击4左图层蒙版,
用橡皮擦擦去多余部分。

 

UI教程,三维立体圆形旋涡图形图标_
9、给3上中圆创建图层蒙版,选中1下,在3上图层蒙版上擦去3上多余的部分!

 

UI教程,三维立体圆形旋涡图形图标_
10、最后多余一块,给2右创建图层蒙版,ctrl点击1下图层,选中1下图层,在2右图层蒙版上删除多余。

 

UI教程,三维立体圆形旋涡图形图标_
最后和原图对比下

 

UI教程,三维立体圆形旋涡图形图标_
完结散花!

 

UI教程,三维立体圆形旋涡图形图标_
好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的三维立体圆形旋涡图形图标的制作教程解析分享的全部内容了,各位看到这里的使用者们,小编相信你们现在是很清楚了制作方法了吧,那么现在就快去按照小编的教程自己去尝试制作下吧。

您可能感兴趣的文章:
photoshop制作超炫的漩涡效果教程
Photoshop简单制作禁止拍照图标教程
photoshop设计一个扁平化风格的天气主题图标制作教程
photoshop设计玉镯主题UI图标制作教程
photoshop利用布尔运算制作WIFI信号图标教程
Illustrator制作线性条纹几何艺术图案教程分享
photoshop利用布尔运算制作一个八卦图标教程详解
photoshop设计一个调节开关图标制作教程
Illustrator结合photoshop制作漂亮的蜂巢炫彩背景图案教程
Illustrator绘制线性条纹几何艺术图案教程

[关闭]
~ ~