专业技能 > Photoshop
+

Photoshop制作黑色科技感旋转按钮图标教程(2)

2015/12/10    作者:未知    来源:网络文摘    阅读:800

12、粘贴到“椭圆2”,把路径操作模式改为“减去”。

有同学反映复制过去后交叉部分是黑色的,这是因为在步骤上出了一点问题,粘贴小圆形之前先要激活路径,就是按A点击大圆形。

Photoshop制作黑色科技感旋转按钮图标教程

13、同样把填充透明度调为0,在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图,你可以左键移动渐变的黑白分布。

Photoshop制作黑色科技感旋转按钮图标教程
Photoshop制作黑色科技感旋转按钮图标教程
Photoshop制作黑色科技感旋转按钮图标教程
Photoshop制作黑色科技感旋转按钮图标教程
14、继续把“椭圆3”复制一层,在图层上右键清除图层样式,Ctrl+T把直径改为173像素。

Photoshop制作黑色科技感旋转按钮图标教程

15、填充透明度调为0,添加渐变,灰色选择42%。

Photoshop制作黑色科技感旋转按钮图标教程
Photoshop制作黑色科技感旋转按钮图标教程
Photoshop制作黑色科技感旋转按钮图标教程
16、画一个直径400像素的圆形,你也可以把“椭圆2”复制一层编辑一下,但是为了能直接明了地让大家看清楚,我重新画了一个。
Photoshop制作黑色科技感旋转按钮图标教程
17、填充透明度调为0 ,添加黑白渐变。
Photoshop制作黑色科技感旋转按钮图标教程
18、接着制作中间带有细齿的旋钮,画一个矩形,旋转45度,压扁。

Photoshop制作黑色科技感旋转按钮图标教程

19、Ctrl+Alt+T,旋转2度后狂Shift+Ctrl+Alt+T完成循环,一个齿轮出生了。

Photoshop制作黑色科技感旋转按钮图标教程
20、添加渐变。
Photoshop制作黑色科技感旋转按钮图标教程
Photoshop制作黑色科技感旋转按钮图标教程
Photoshop制作黑色科技感旋转按钮图标教程
21、再画一个圆形,在属性里羽化两个像素,让边缘虚一点,同时把填充透明度调为0。
Photoshop制作黑色科技感旋转按钮图标教程
22、添加一个大家喜闻乐见的模拟金属的角度渐变,相比以前这个渐变有点复杂。

Photoshop制作黑色科技感旋转按钮图标教程

23、还有模拟旋钮高度的斜面浮雕,其实你用投影效果也差不多。

Photoshop制作黑色科技感旋转按钮图标教程
24、接着是比较繁琐的刻度的制作,画一个稍小于外圆的圆形,复制一个路径后减去,一个圆环出来了,为了能更好的目测它的大小,我暂时减低它的透明度。

Photoshop制作黑色科技感旋转按钮图标教程

  • 相关文章
  • 热门文章
免责申明:天天CAD教程网旨在相互学习交流,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!邮箱:qm198794@gmail.com天天CAD教程网湘ICP备17006802号
【回到顶部】