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

2016-02-15 20:42 117 1 收藏

图老师小编精心整理的Photoshop制作立体风格的圆形旋涡图形图标希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

效果图:

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

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

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

8,同第7步类似,按住ctrl键,鼠标左键单击1下图层,选择1下,出现蚂蚁线后,鼠标左键单击4左图层蒙版,用橡皮擦擦去多余部分。

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

9、给3上中圆创建图层蒙版,选中1下,在3上图层蒙版上擦去3上多余的部分。

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

10、最后多余一块,给2右创建图层蒙版,ctrl点击1下图层,选中1下图层,在2右图层蒙版上删除多余。

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

最后和原图对比下

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

完结散花!

Photoshop制作立体风格的圆形旋涡图形图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

来源:http://www.tulaoshi.com/n/20160215/1563715.html

延伸阅读
标签: PS
Photoshop如何制作简洁大气的圆形开关图标   制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 最终效果 1、先建立一个1136 * 640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为按...
来源:站酷 作者:残酷de乐章 制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 最终效果 1、先建立一个1136 * 640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。 3、建立一个新图层,画一...
标签: PS PS基础
先来看看效果图吧: 1.创建一个时尚和丰富多彩的纹理和镀铬渐变斜面框架。 首先是最大和最详细的版本排在256x256px,然后逐步扩展到128px,64px,48px和32px,每个细节。 在一个新的图层上绘制一个圆形的选框工具256px,填充任何颜色。 双击图层打开图层样式。 添加渐变叠加明暗交替给一个灰色金属光泽的效果。 2.新增1px描边中等灰色...
标签: PS PS基础
效果图: 教程加载: 1.新建文档,尺寸自定。 2.使用钢笔工具绘制矩形,颜色填充黑色,效果如图。 3.在图层1下方新建普通图层,使用钢笔工具绘制路径,为其制作立体效果,并填充灰色,如图。 4.同样新建空白图层,使用钢笔工具绘制上方图层,并填充灰色,注意绘制的折角,这样看起来更加的真实。 5.使用铅笔工具绘制路径...
标签: PS PS基础
教程主要使用Photoshop制作金属质感的图标特效,其实这个图标的构思并不是很好,说白了也是我个人做质感练习用的。光学镜头和金属边框的诡异搭配,大家也就不用追究这个图标是什么了。因为其实这个图标的细节不是很到位,经不起推敲,以下的教程只是和大家分享一下我的步骤和思路,大家有选择的学习吧。

经验教程

890

收藏

11
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部