日期:2012-12-28  浏览次数:20665 次

最终效果:

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  新建一个画布 500*500,颜色#333 不要纯黑,深色就好

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  画个黑色的圆,不用多说了把,大小看自己喜欢,- - 太大了我是没办法的

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  收缩10px

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  删除选区内容(貌似不是很圆,后来想了下,最好平滑1px

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  颜色叠加#5d5d5d 模式正常

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  好吧,我承认 做质感浮雕是必不可少了,当然 有的牛人自己画,我们还是老实点用样式把,

  深度500%,大小22px(可以根据圆大小自行更改,达到好的效果),其他的值就不一点点说,自己仔细看,呵呵,怕说的太多,大神不附体,上传又失败了,记得去掉全局光 光泽等高线也高调一下,如下图

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  内发光

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  立体感 投影是必须的

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  好了效果完成了

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  新建图层,画个黑色的圆,填充,相信大家都会

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  收缩5px,填充一个颜色,为了明显 我填充了白色

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com

  好了,重点来了,白色的圆渐变,颜色#5e5e5e>#000000 90° 缩放74%

  

Photoshop鼠绘教程:鼠绘质感的钢铁图标_网页教学网webjx.com