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

 更新时间:2016年9月14日 23:50  点击:2199
今天小编在这里就来给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的这一款软件的使用者们带来的详细的三维立体圆形旋涡图形图标的制作教程解析分享的全部内容了,各位看到这里的使用者们,小编相信你们现在是很清楚了制作方法了吧,那么现在就快去按照小编的教程自己去尝试制作下吧。
[!--infotagslink--]

相关文章

  • Painter绘制红衣喝酒男水粉画效果教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一说绘制红衣喝酒男水粉画效果的教程,各位想知道具体绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
  • iPhone6怎么激活?两种苹果iPhone6激活教程图文详解

    iPhone6新机需要激活后才可以正常使用,那么对于小白用户来说,iPhone6如何激活使用呢?针对此问题,本文就为大家分别介绍Wifi无线网络激活以及iPhone6连接电脑激活这两种有效的方法,希望本文能够帮助到大家...2022-09-14
  • Photoshop制作雨中野外孤独行走的一头牛海报教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程,各位想知道具体制作方法的使用者们,大家就快来看一看小编给...2016-09-14
  • Painter绘制帅气卡通魔法王子漫画教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制帅气卡通魔法王子漫画的具体教程,各位想知道绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
  • Illustrator鼠绘堆雪人的孩童矢量插画教程

    今天小编在这里就来给各位Illustrator的这一款软件的使用者们来说说鼠绘堆雪人的孩童矢量插画的教程,各位想知道具体绘制方法的使用者们,那么各位就快来跟着小编来看看...2016-09-14
  • 安卓手机app添加支付宝支付开发教程

    支付宝支付在国内算是大家了,我们到处都可以使用支付宝了,下文整理介绍的是在安卓app应用中使用支付宝进行支付的开发例子。 之前讲了一篇博客关与支付宝集成获取...2016-09-20
  • 美图秀秀给照片天空加蓝天白云教程一览

    今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下究竟该怎么给照片天空加蓝天白云的教程,各位想知道具体制作步骤的,那么下面就来跟着小编一起看看吧。 ...2016-09-14
  • llustrator绘制扁平化风格卡通警察护士空姐肖像教程

    今天小编在这里就来给llustrator的这一款软件的使用者们来说一说绘制扁平化风格卡通警察护士空姐肖像的教程,各位想知道具体绘制步骤的使用者们,那么下面就快来跟着小编...2016-09-14
  • Illustrator绘制一个方形的录音机图标教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程,各位想知道具体绘制方法的使用者们,那么下面就来看一下小编给大家分...2016-09-14
  • photoshop想象力无边界超现实合成图鉴赏

    今天小编在这里就为各位photoshop的这一款软件的使用者们带来了想象力无边界超现实合成图,各位想知道这些超现实的合成图都是些什么呢?那么下面各位就来跟着小编一起看...2016-09-14
  • photoshop简单制作一个搞笑的换脸表情包教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程,各位想知道具体制作方法的使用者们,那么大家就快来看一看教程吧。...2016-09-14
  • photoshop合成爱丽丝漫游仙境的小人国场景制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说合成爱丽丝漫游仙境的小人国场景制作教程,各位想知道具体的合成制作方法的使用者们,那么各位就快来...2016-09-14
  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • photoshop给手绘画调色变换场景后期教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程,各位想知道具体后期处理步骤的使用者们,那么大家就快来跟着小编来看...2016-10-02
  • Photoshop古装美女图片转为工笔画效果制作教程

    今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程,各位想知道方法的使用者们,那么下面就快来跟着小编一...2016-09-14
  • 美图秀秀让你胸丰满起来处理教程

    今天小编在这里就来给美图秀秀的这一款软件的使用者们来说一下让你胸丰满起来的处理教程,各位想知道具体处理步骤的,那么下面就快来跟着小编一起看一下教程吧。 给...2016-09-14
  • Painter绘制雷神传插画教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制雷神传插画的教程,各位想知道具体绘制步骤的使用者,那么下面就快来跟着小编一起看看绘制方法吧。 ...2016-09-14
  • photoshop用各种素材合成闪电侠效果制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说说利用各种素材合成闪电侠效果的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来跟着小编一起看...2016-09-14
  • Photoshop火龙变冰龙制作教程分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下火龙变冰龙的制作教程,各位想知道具体的制作步骤的使用者们,那么下面就快来跟着小编一起看看制作教程吧。...2016-09-14
  • photoshop制作延时摄影城市照片效果教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作延时摄影城市照片效果的教程,各位想知道具体制作方法的使用者们,那么就快来看看教程吧。 给...2016-09-14