ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7410|回复: 24
收起左侧

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

[复制链接]
发表于 2015-4-23 14:51:23 | 显示全部楼层 |阅读模式

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

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

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

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

提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:137275 作者:看不见的敌人28 出处:未知
 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
教程开始,第一步新建,500*500画布 拉个白到灰的径向渐变。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
椭圆工具拉个300*300的圆居中对齐填充灰色。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
添加图层样式。





回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
再画一个较小的圆形。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
添加图层样式:内阴影和投影。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl+t按住alt+shift同比缩小2到4px左右。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
给黑圆添加渐变,注意是角度渐变。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
添加渐变后的样子。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
椭圆工具再画一个圆,放在上面。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
添加图层样式。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
复制刚刚添加图层样式的圆形,清除图层样式,稍微放大2个像素左右。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
再来添加图层样式。





回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
再画一个同等大小的。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-4-23 14:51:23 | 显示全部楼层
羽化一下调整下透明度。

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-22 04:17 , Processed in 0.042677 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表