记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 38393|回复: 0
收起左侧

[UI教程] phtoshop绘制3D水晶图标教程[含11P]

[复制链接]
发表于 2018-7-8 15:13:33 | 显示全部楼层 |阅读模式
         
1. 新建一个图层,作为图标的“顶部”,选择“自定义形状”工具,画出任意一个你喜欢的符号出来。

2. Ctrl+T 调整符号的位置和形状

3. 复制“顶部”图层,作为图标的“中部”,同时将“顶部”图层隐藏,给符号的填充颜色换一种较淡一些的颜色,如图所示,


4. 然后按Ctrl+A,在按Ctrl+Alt+T,在按一下“向下”的箭头,回车,之后不断重复这个步骤,直到你认为这个形状你比较满意了为止。


5. 显示“顶部”图层,并将图层混合模式设为“叠加”,图层不透明度设为“50%”;设置图层样式,外发光,混合模式为“变亮”,不透明度“100%”,大小5px,颜色#FFFFFF。

6. 复制“顶部”图层,作为图标的“底部”,调整其于上面两层下方;

7. 复制“底部”图层,并命名为阴影层,将阴影层置于“底部”图层下方;选择滤镜 >> 模糊 >> 高斯模糊,模糊半径设为10。

8. 在所有图层的上方创建新图层,并使用椭圆选框工具建立如下选区,使用300px柔角笔刷在圆形选区底部轻轻扫过,图层不透明度“60%”。

9. 创建新图层,绘制如下两个矩形,图层不透明度设为“30%”。按照这个步骤完成另两个矩形高光区的制作。

10. 最后可以加一些星光效果,最终效果如下:



               

本帖子中包含更多资源

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

x




上一篇:界面设计之图标设计规范
下一篇:ui设计不是简单画图标-访法国电信UI设计师璩凯
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )