PS设计教程网欢迎你!

Photoshop绘制立体风格的系统设置图标(3)

文章来源于 站酷,感谢作者 新像素UI教育 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2018-01-21
11.同第九步的操作一样,复制中心被剪掉的小圆,更改属性,并把它从这个图层拿出来放到新的图层,接着随意填充一个颜色,如下图; 设置图标的外形到这一步就做好啦,为了让它有一点拟物的效果,我们来给它加上图层样

11.同第九步的操作一样,复制中心被剪掉的小圆,更改属性,并把它从这个图层拿出来放到新的图层,接着随意填充一个颜色,如下图;

Photoshop绘制立体风格的系统设置图标

设置图标的外形到这一步就做好啦,为了让它有一点拟物的效果,我们来给它加上图层样式。

第二步,加图层样式

1.选择齿轮这个图层,双击打开图层样式面板,分别为它加上渐变叠加,杂色,内阴影,描边和投影。有同学会问,杂色在哪里加呢?杂色其实就藏在内阴影这个样式里面哦~大家可以看下图的具体数值;

Photoshop绘制立体风格的系统设置图标

为了等会加上背景的效果,描边的颜色大家可以选一个比较重的,接近黑色的颜色。

Photoshop绘制立体风格的系统设置图标

渐变叠加的颜色像素妹用的是从#afafaf#到#171717#,总的来说就是下面暗,上面亮。

Photoshop绘制立体风格的系统设置图标

内阴影的颜色要亮一点,要比刚才渐变叠加最浅的颜色更亮一些,像素妹用的是#c0c0c0#。

Photoshop绘制立体风格的系统设置图标

这个就是加杂色的参数,距离和大小都给到最大,然后杂色的百分比越大,杂色就越多,大家给一个适当的数值即可,像素妹用到的颜色是#252427#

Photoshop绘制立体风格的系统设置图标

像素妹用到的投影颜色是#0f0f0f#

图层样式加好后的效果如下图;

Photoshop绘制立体风格的系统设置图标

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa