玩软件 > Photoshop
+

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

2015-12-10    作者:未知    来源:网络文摘

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

阅读:668    评论:0
  • 相关文章
  • 热门文章
  • 相关评论
网站地图

免责申明:我要玩起网旨在提供一个相互学习交流的平台,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!邮箱:279459762@qq.com Copyright 2018-2021我要玩起网

  湘ICP备17006802号-2
【电脑版】  【回到顶部】