Photoshop绘制金属质感的语音图标教程(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

9、为了图层栏的简洁以及照顾到以后临摹方便起见,我把属于背景的三个图层打包成组且隐藏。选择“编辑-首选项-参考线.网格和切片”,把间隔单位设为20个像素,子网格设为2,单纯设为10像素的话觉得密密麻麻的不舒服。

Photoshop绘制金属质感的语音图标教程

10、用“椭圆工具”画一个直径为840像素的圆形。为了让它跟白色的背景区分开来,我给它设了一个85%的灰色。

Photoshop绘制金属质感的语音图标教程

11、按ctrl+’隐藏网格。双击这个形状层,添加投影。我稍微调整了一下“等高线”,让这个投影是边缘收缩一些,再加一点点杂色。

Photoshop绘制金属质感的语音图标教程

12、再加一个人见人爱的角度渐变,用它来模拟圆形金属是最好用了。

Photoshop绘制金属质感的语音图标教程

13、最后是这个金属圆盘的倒角,斜面浮雕是不二之选。

Photoshop绘制金属质感的语音图标教程

14、我仔细观察了原图,金属圆盘上似乎有“拉丝”的效果,但不是我们大家习惯使用的杂色+径向模糊的那种。而是类似于很细很密的同心圆。按D恢复前景色和背景色。新建一层填充白色。选择滤镜素描中的半调图案。

Photoshop绘制金属质感的语音图标教程

15、然后极坐标,一个同心圆的拉丝效果出来了。

Photoshop绘制金属质感的语音图标教程

16、如果你对上面的半调图案有异议我认为很正常,因为半调图案里有“圆形”的选项,可以直接制作同心圆。但是直接制作出来的同心圆的线条比较粗,我想要一个线条很细,很精致的同心圆,所以选择直线选项再用极坐标后它的效果比较符合我的要求。最后把这个同心圆的透明度调到8%左右,隐隐约约能看到就行,继续把它剪切蒙版到金属圆盘。或者给它一个蒙版也行。

Photoshop绘制金属质感的语音图标教程

17、接着我要用图形工具制作图标中间的麦克风,按ctrl+’开启网格,先用椭圆工具画一个15%灰色,比“金属圆盘”小1.5个网格单位的圆形。

Photoshop绘制金属质感的语音图标教程

18、继续用“减去”模式再画一个小1.5间隔单位的圆,这样我得到一个边宽为1.5间隔单位的圆环。

Photoshop绘制金属质感的语音图标教程

 收藏