浏览器UI图标!ps cc模仿锤子浏览器图标

来源:站酷 作者:琴瑟飘渺 学习:7305人次

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

浏览器UI图标!ps cc模仿锤子浏览器图标

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

浏览器UI图标!ps cc模仿锤子浏览器图标

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

浏览器UI图标!ps cc模仿锤子浏览器图标

第三步:设置圆的内阴影

浏览器UI图标!ps cc模仿锤子浏览器图标

第四步:画中间的圆。

浏览器UI图标!ps cc模仿锤子浏览器图标

浏览器UI图标!ps cc模仿锤子浏览器图标

第五步:画中间小圆

浏览器UI图标!ps cc模仿锤子浏览器图标

第六步:中间圆加阴影

浏览器UI图标!ps cc模仿锤子浏览器图标

第七步:外圆环

浏览器UI图标!ps cc模仿锤子浏览器图标

浏览器UI图标!ps cc模仿锤子浏览器图标

第八步:关键的小圆

浏览器UI图标!ps cc模仿锤子浏览器图标

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

浏览器UI图标!ps cc模仿锤子浏览器图标

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

浏览器UI图标!ps cc模仿锤子浏览器图标

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
樱桃鱼20142015-01-06 03:26
锤子浏览器

关注大神微博加入>>

网友求助,请回答!