手把手教你设计锤子图标

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

分享一篇关于UI图标临摹的设计教程，这次又是模仿猴子浏览器的图标，上次已经分享过一篇，希望大家喜欢。

大家还可以结合@琴瑟飘渺写的这一篇相同图标的设计教程《
浏览器UI图标！ps cc模仿锤子浏览器图标
》一起学习。做完记得交作业。
http://www.16xx8.com/photoshop/jiaocheng/2014/135929.html最终效果：

提示：教程详细步骤在二楼！

想下载该教程的可以到这里下载:点击进入下载页

教程编号:137275 作者：看不见的敌人28 出处：未知

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

教程开始，第一步新建，500*500画布拉个白到灰的径向渐变。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

椭圆工具拉个300*300的圆居中对齐填充灰色。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

添加图层样式。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

再画一个较小的圆形。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

添加图层样式：内阴影和投影。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

复制刚刚添加图层样式的图层，右键清除图层样式 Ctrl+t按住alt+shift同比缩小2到4px左右。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

给黑圆添加渐变，注意是角度渐变。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

添加渐变后的样子。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

椭圆工具再画一个圆，放在上面。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

添加图层样式。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

复制刚刚添加图层样式的圆形，清除图层样式，稍微放大2个像素左右。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

再来添加图层样式。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

再画一个同等大小的。

wordzhanggaoyi · 发表于 2015-4-23 14:51:23

羽化一下调整下透明度。

账号		自动登录	找回密码
密码			注册

[UI设计] 手把手教你设计锤子图标

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。