欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Photoshop 简单的玻璃容器图标

程序员文章站 2022-05-05 15:03:57
...
来源:PS联盟 作者:Sener
本教程的图标有点卡通的味道,光感部分不需要太逼真,有点高光即可。制作的时候主要是用钢笔勾出形状,然后拉上渐变即可。
最终效果
Photoshop 简单的玻璃容器图标
1、新建一个500 * 500 像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变。
Photoshop 简单的玻璃容器图标
上面的颜色是 #ffffff
<图1>
Photoshop 简单的玻璃容器图标
<图2> 2、新建一个图层,选择钢笔工具勾出锥形瓶的路径,按Ctrl + Enter 转为选区,如图3,选择渐变工具颜色设置如图4,拉出图5所示的线性渐变,拉好渐变后不要取消选区。
Photoshop 简单的玻璃容器图标
<图3>
Photoshop 简单的玻璃容器图标
<图4> 上面的颜色(#80D9FE)
Photoshop 简单的玻璃容器图标
<图5> 3、保持选区,选择菜单:选择 > 修改 > 收缩,数值为4,确定后填充颜色:#DFF3FC,效果如图7。
Photoshop 简单的玻璃容器图标
<图6>
Photoshop 简单的玻璃容器图标
<图7>
4、锁定图层,用矩形选框工具款选小锥形的下半部分,然后选择渐变工具颜色设置如图8,拉出图9所示的线性渐变。
Photoshop 简单的玻璃容器图标

<图8> 上面的颜色(#C2DD48)
Photoshop 简单的玻璃容器图标
<图9> 5、按Ctrl 点图层面板小锥形缩略图调出选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后新建一个图层填充白色,不要取消选区,再选择菜单:选择 > 修改 > 收缩,数值为8,确定后Delete 删除,效果如图11。
Photoshop 简单的玻璃容器图标
<图10>
Photoshop 简单的玻璃容器图标
<图11>
6、用套索工具选取白框的右半部分,按Delete 删除,效果如图12。
Photoshop 简单的玻璃容器图标
<图12> 7、把白框复制一层,然后用矩形选框工具删除一部分,大致效果如图13。
Photoshop 简单的玻璃容器图标
<图13>
8、适当调整下半部分的不透明度,加上图层蒙版,把底部涂出过渡效果,如图14。
Photoshop 简单的玻璃容器图标
<图14>
9、新建一个图层,在瓶口位置,用钢笔勾出图15所示的选区,填充颜色:#87DFFF。
Photoshop 简单的玻璃容器图标
<图15>