Photoshop设计制作黑色科技感旋转按钮图标
优设网 发布时间：2015-05-14 10:01:07 作者：projava 
我要评论
我要评论制作按钮之前需要把构造分析透彻；然后由底层开始用形状工具画出想要的图形，稍微复杂一点的可以用通过多个形状合并或减去得到；然后用图层样式给图形添加颜色和质感等即可
制作按钮之前需要把构造分析透彻；然后由底层开始用形状工具画出想要的图形，稍微复杂一点的可以用通过多个形状合并或减去得到；然后用图层样式给图形添加颜色和质感等即可。
最终效果
1、新建一个1000*1000，72分辨率的新画布。
2、新建一层，填充34%的灰色。
3、在当前这个层上右键选择“转换为智能对象”，你也可以在“图层”菜单里选择这个命令。
4、添加杂色。
5、再高斯模糊一点。
6、现在看上去跟原图的背景差不多了。这里我插一句，之所以我把这个背景层转成智能对象后再添加滤镜的好处是，万一你觉得哪里不合适的话可以很方便的修改，比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值，不需要重新来过。
7、布置两条居中的参考线，以参考线的交叉点为中心画一个直径为723像素的椭圆形状。
8、在圆形的下面用“合并形状”模式添加一个小圆形。
9、把填充透明度调至0，双击这个层进入图层样式，添加纯黑白的渐变。有同学做出来不是这个效果，可以试试取消勾选反向。
10、重新画一个直径为468像素的圆形。
11、从“椭圆1”层里选中小的圆形路径，直接CTRL+C复制小圆形。
12、粘贴到“椭圆2”，把路径操作模式改为“减去”。 有同学反映复制过去后交叉部分是黑色的，这是因为在步骤上出了一点问题，粘贴小圆形之前先要激活路径，就是按A点击大圆形。
13、同样把填充透明度调为0，在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图，你可以左键移动渐变的黑白分布。
14、继续把“椭圆3”复制一层，在图层上右键清除图层样式，Ctrl+T把直径改为173像素。
15、填充透明度调为0，添加渐变，灰色选择42%。
最终效果
1、新建一个1000*1000，72分辨率的新画布。
2、新建一层，填充34%的灰色。
3、在当前这个层上右键选择“转换为智能对象”，你也可以在“图层”菜单里选择这个命令。
4、添加杂色。
5、再高斯模糊一点。
6、现在看上去跟原图的背景差不多了。这里我插一句，之所以我把这个背景层转成智能对象后再添加滤镜的好处是，万一你觉得哪里不合适的话可以很方便的修改，比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值，不需要重新来过。
7、布置两条居中的参考线，以参考线的交叉点为中心画一个直径为723像素的椭圆形状。
8、在圆形的下面用“合并形状”模式添加一个小圆形。
9、把填充透明度调至0，双击这个层进入图层样式，添加纯黑白的渐变。有同学做出来不是这个效果，可以试试取消勾选反向。
10、重新画一个直径为468像素的圆形。
11、从“椭圆1”层里选中小的圆形路径，直接CTRL+C复制小圆形。
12、粘贴到“椭圆2”，把路径操作模式改为“减去”。 有同学反映复制过去后交叉部分是黑色的，这是因为在步骤上出了一点问题，粘贴小圆形之前先要激活路径，就是按A点击大圆形。
13、同样把填充透明度调为0，在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图，你可以左键移动渐变的黑白分布。
14、继续把“椭圆3”复制一层，在图层上右键清除图层样式，Ctrl+T把直径改为173像素。
15、填充透明度调为0，添加渐变，灰色选择42%。
相关文章
ps如何把一张长图切成几张小图片? ps把长图切成短图的技巧
有时候，我们希望能把一张图片均匀地分成几张图片，就像拼图一般的效果，需要某一部分随时可以拿出来使用，该怎么操作呢？详细请看下文介绍2024-09-10- PS调整字体大小是一个非常基础的操作，但也是非常实用的技能，在Photoshop中，调整字体大小的方式有多种，详细请看下文介绍2024-02-02
- 但最近有用户在使用photoshop时发现窗口界面的字体比较小，使用起来非常的不方便，因此有不少用户想将其大小进行调节，具体该如何操作呢？详细请看下文介绍2024-02-02
ps中图层被父图层锁定怎么办? 图层被父图层锁定的解锁技巧ps
ps中图层被父图层锁定怎么办？ps中图层解锁失败，提示图层被父图层锁定该怎么办呢？下面我们就来看看详细的解决办法2023-12-19ps描边最大只有288怎么办? Photoshop描边只能调到288像素的解决办法
ps描边最大只有288怎么办？ps描边在使用的过程中，发现只能调到288像素，该怎么操作呢？下面我们就来看看Photoshop描边只能调到288像素的解决办法2023-11-30PS工具栏中的工具有缺失怎么办? Photoshop工具栏不全的多种解决办法
PS工具栏中的工具有缺失怎么办？ps工具栏中有很多工具，但是发现有些工具不见了，该怎么办呢？下面我们就来看看Photoshop工具栏不全的多种解决办法2023-11-30
Photoshop2024怎么下载安装? ps2024安装图文教程
Photoshop2024怎么下载安装？ps2024发布以后，很多朋友想要尝试信工鞥，该怎么下载安装呢？下面我们就来看看ps2024安装图文教程2023-11-30ps此图层的内容不能直接编辑怎么办? ps图层无法编辑的解决办法
ps此图层的内容不能直接编辑怎么办？PS处理图片无法完成请求，提示此图层的内容不能直接编辑，该怎么办呢？详细请看下文介绍2023-10-26- Photoshop使用的过程中经常会遇到这种那种的问题，今天我们就来看看10个常见的Photoshop错误以及如何在五分钟内修复，详细请看下文介绍2023-10-23
ps的色彩平衡调节怎么弄 ps色彩平衡给图片调特定颜色的技巧
ps的色彩平衡调节怎么弄？ps中想要使用色彩平衡给图片添加颜色，该怎么操作呢？下面我们就来看看ps色彩平衡给图片调特定颜色的技巧2023-10-20
最新评论