446925129 发表于 2014-12-28 03:04:52

ps cc模仿锤子浏览器图标

      网页设计做得吐了,一直想转行从事UI设计,拿个图标练练手,觉得锤子浏览器UI看的舒服,就折腾了做了个,平常看了挺多教程,这次也分享下,有更好的方法,欢迎指教。
先来看一下效果:

http://pic.16xx8.com/allimg/141227/jc0594857687-01.gif


第一步:用矩形工具画个正圆。

http://pic.16xx8.com/allimg/141227/jc0594857687-02.gif


第二步:设置圆的渐变样式,数值如下:

http://pic.16xx8.com/allimg/141227/jc0594857687-03.gif


第三步:设置圆的内阴影

http://pic.16xx8.com/allimg/141227/jc0594857687-04.gif


第四步:画中间的圆。

http://pic.16xx8.com/allimg/141227/jc0594857687-05.gif


http://pic.16xx8.com/allimg/141227/jc0594857687-06.gif


第五步:画中间小圆

http://pic.16xx8.com/allimg/141227/jc0594857687-07.gif


第六步:中间圆加阴影

http://pic.16xx8.com/allimg/141227/jc0594857687-08.gif


第七步:外圆环

http://pic.16xx8.com/allimg/141227/jc0594857687-09.gif


http://pic.16xx8.com/allimg/141227/jc0594857687-10.gif


第八步:关键的小圆

http://pic.16xx8.com/allimg/141227/jc0594857687-11.gif


在渐变叠加图层样式中,直接鼠标拖拉小圆的渐变,直到色彩过渡协调为止

http://pic.16xx8.com/allimg/141227/jc0594857687-12.gif


最后加个大阴影,OK,完工!

http://pic.16xx8.com/allimg/141227/jc0594857687-13.gif

教程编号:135929 作者:琴瑟飘渺 出处:站酷
页: [1]
查看完整版本: ps cc模仿锤子浏览器图标