A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 指尖的舞者 中级黑马   /  2019-3-4 17:29  /  1281 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

如何使用ps制作h5图标

最终效果



一、图标构型

1、新建一个1000*1000的画布 如下图



2、Ctrl+A,Ctrl+T 然后从标尺的刻度上拖出参考线,找到画布的中心,如下图



3、选择圆形工具,按住Alt和shift键,在画布中心绘制一个正圆形;



4、再次绘制一个沿中心的圆形;



5、将h5图标文件打开,放到当前画布中,如下图;



6、将背景层填充暗色,Alt+delete如下图;



二、添加图层样式

1、选择底座图层,点击FX按钮,选择斜面和浮雕及渐变叠加及投影,设置参数如下







2、选择第二圆形图层,按住Alt键拖动底座层的FX按钮到第二个圆形上,修改参数如下:



2、选择h5图标图层,添加内凹样式;







本文版权归黑马程序员UI设计综合设计师学院所有,欢迎转载,转载请注明作者出处。谢谢!

作者:黑马程序员UI设计综合设计师培训学院

首发:http://ui.itheima.com/



0 个回复

您需要登录后才可以回帖 登录 | 加入黑马