教程 发表于 2021-12-4 19:53:42

鼠绘非常有创意质感的饮料UI图标

教程作者：Hazel24
本篇教程教大家使用PS鼠绘质感饮料图标，教程的案例非常有创意，直接使用液态来处理和形成一个图标。个人学习之后非常喜欢，推荐一下，希望对大家有所帮助吧，之前在网上看到一个icon，很喜欢，开始看样子觉得挺难，但仔细分析之后发现还好，要是出一套主题icon也是很不错的样子，所以并没有照做，借鉴了样式，选了个电话功能做出来，跟大家分享一下。写了步骤之后发下这东西不是很好写，就简单说说，一起来学习一下吧。


效果图：


http://pic1.16xx8.com/allimg/w9czp/16xx899816x0.jpg


操作步骤；

1、首先把基本型绘制出来，建立一个圆角矩形，颜色为白色，填充改为48%。用钢笔工具画出大致轮廓，并填充颜色。这里的电话我先做了一一个渐变。


http://pic1.16xx8.com/allimg/w9czp/16xx899816x1.png

2、为玻璃的底部刻画厚度。

http://pic1.16xx8.com/allimg/w9czp/16xx899816x2.png

3、新建- -圆角矩形，为玻璃添加一个绿色渐变，模式改为线性加深。再建一个圆角矩形，大小如图，添加一个渐变，模式改为颜色加深，并为该图层添加效果，如图，再为该图层加一蒙版。


http://pic1.16xx8.com/allimg/w9czp/16xx899816x3.png


http://pic1.16xx8.com/allimg/w9czp/16xx899816x4.png


http://pic1.16xx8.com/allimg/w9czp/16xx899816x5.png


http://pic1.16xx8.com/allimg/w9czp/16xx899816x6.png

4、建立两个圆角矩形，描边，如图，小的圆角矩形稍微羽化下，模式改为变亮，大的模式改为线性加深，透明度32%。


http://pic1.16xx8.com/allimg/w9czp/16xx899816x7.png


http://pic1.16xx8.com/allimg/w9czp/16xx899816x8.png

5、为液体部分和底部玻璃添加高光。用钢笔工具绘制，颜色填充白色即可，液体部分模式改为叠加，降低透明度即可。根据光照，可以适当为边缘增加亮度或加深边缘，增加质感。


http://pic1.16xx8.com/allimg/w9czp/16xx899816x9.png

6、调整电话质感。这里不给具体数据了，调整参数或者增加图层，达到自己满意效果即可。


http://pic1.16xx8.com/allimg/w9czp/16xx899816x10.png

7、最后就增加高光，泡泡和阴影，增加液体细节，大功告成。换换颜色也好看。像不同的饮料，啊，突然好饿啊...


http://pic1.16xx8.com/allimg/w9czp/16xx899816x11.png

完成：

http://pic1.16xx8.com/allimg/w9czp/16xx899816x1299816.thumb.jpg搜索公众号photoshop教程论坛，免费领取自学福利http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

大地2021 发表于 2021-12-4 20:53:54

好帖要顶

153796579 发表于 2021-12-6 09:48:31

谢谢您的分享。
页: [1]
查看完整版本: 鼠绘非常有创意质感的饮料UI图标