ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8113|回复: 49
收起左侧

[UI设计] ps购物袋图标教程

[复制链接]
发表于 2015-3-10 20:58:42 | 显示全部楼层 |阅读模式

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

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

x
这是一个购物代主题的图标设计教程,教程比较详细,适合新手学习,有兴趣的UI设计师就来练练手吧。

        最终效果图:

       

提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:136754 作者:看不见的敌人28 出处:未知
 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        新建画布。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        给画布拉个渐变。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        拉个圆角矩形。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        双击图层添加图层样式,先来投影。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        接着内阴影,内发光和渐变叠加。

       



       



       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        最后来个图案叠加,任选一个用来做纹理。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        加完样式后成为这个样子。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        拷贝一份圆角矩形,把它置于最下面。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        右键清除图层样式,填充黑色,在属性里羽化四像素。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        刚刚楼主把圆角矩形眼睛关闭了,现在打开,选中圆角拷贝层(就楼上羽化黑色这个)按住ctrl+下键(就是键盘右键上下左右四个键)往下移动三四个像素,使它作为阴影。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        画个长条矩形,创建剪辑蒙版。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        来个灰到白的渐变。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        用椭圆工具画两个小圆,位置一定放对,填充黑色。

       

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-3-10 20:58:42 | 显示全部楼层


        调出图层样式,添加描边、内阴影、渐变叠加,让它看起来像金属质感。

       



       



       

回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-5-13 15:20 , Processed in 0.047136 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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