Photoshop绘制逼真的播放器音量旋钮图标(4)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:projava

关键词

投影。

Photoshop绘制逼真的播放器音量旋钮图标

最后是外发光。

Photoshop绘制逼真的播放器音量旋钮图标

再画一个圆形,在属性里羽化两个像素,让边缘虚一点,同时把填充透明度调为0。

Photoshop绘制逼真的播放器音量旋钮图标

添加一个大家喜闻乐见的模拟金属的角度渐变,相比以前这个渐变有点复杂。

Photoshop绘制逼真的播放器音量旋钮图标

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

Photoshop绘制逼真的播放器音量旋钮图标

接着是比较繁琐的刻度的制作,画一个稍小于外圆的圆形,复制一个路径后减去,一个圆环出来了,为了能更好的目测它的大小,我暂时减低它的透明度。

Photoshop绘制逼真的播放器音量旋钮图标

用钢笔裁去不需要的部分,为了使两边能更对称,我添加了一个参考线。

Photoshop绘制逼真的播放器音量旋钮图标

复制一层,隐藏备用。进入图层样式添加斜面浮雕。

Photoshop绘制逼真的播放器音量旋钮图标

点开隐藏的备用层,用“减去”模式添加一条居中的两个像素宽直条。

Photoshop绘制逼真的播放器音量旋钮图标

 收藏