Photoshop制作手机短信ui图标教程
2016-12-27
相关话题
手机UI是指手机界面以及应用图标的用户体验,能否给用户一种美好的感受主要就是看制作的风格是否契合用户的审美。下面是小编为大家整理的Photoshop制作手机短信ui图标教程,仅供大家参考~
Photoshop制作手机短信ui图标教程如下:
最终效果图:
![](http://i1.sanwen.net/doc/1606/800-1606251JK6.jpg)
1. 使用圆角矩形工具,画出圆角矩形。调整斜面浮雕效果及渐变叠加。
![](http://i1.sanwen.net/doc/1606/1JZB451-1.jpg)
![](http://i1.sanwen.net/doc/1606/1JZC4T-2.jpg)
![](http://i1.sanwen.net/doc/1606/1JZ64518-3.jpg)
2. 用钢笔工具勾画出短信气泡,调整斜面浮雕样式。
![](http://i1.sanwen.net/doc/1606/1JZ64016-4.jpg)
![](http://i1.sanwen.net/doc/1606/1JZAR8-5.jpg)
3. 复制并缩小刚才的短信气泡,调整图层样式。
![](http://i1.sanwen.net/doc/1606/1JZ624L-6.jpg)
![](http://i1.sanwen.net/doc/1606/1JZ622Q-7.jpg)
![](http://i1.sanwen.net/doc/1606/1JZ64a5-8.jpg)
![](http://i1.sanwen.net/doc/1606/1JZ63F7-9.jpg)
4. 用椭圆工具,画4个小圆圈,调整图层样式。
![](http://i1.sanwen.net/doc/1606/1JZBK2-10.jpg)
![](http://i1.sanwen.net/doc/1606/1JZ62C9-11.jpg)
![](http://i1.sanwen.net/doc/1606/1JZA347-12.jpg)
最后加上投影部分的高光
![](http://i1.sanwen.net/doc/1606/1JZ64407-13.jpg)
![](http://i1.sanwen.net/doc/1606/1JZ63S0-14.jpg)