平面设计 
首页 > 平面设计 > 浏览文章

photoshop将制作出高光质感电池图标效果

(编辑:jimmy 日期: 2025/6/19 浏览:3 次 )
先看效果图

photoshop将制作出高光质感电池图标效果

新建文档950x1024像素,背景白色,建新层填充黑色,添加图层样式。

photoshop将制作出高光质感电池图标效果

效果如下。

photoshop将制作出高光质感电池图标效果

建新层,画一黑色圆角矩形。

photoshop将制作出高光质感电池图标效果

添加图层样式,颜色值请用吸管采样我的截图。

photoshop将制作出高光质感电池图标效果

效果如下。

photoshop将制作出高光质感电池图标效果

新建图层2,调出形状1选区,选择矩形工具按alt键减选底部,得到上部选区,填充白色。

photoshop将制作出高光质感电池图标效果

添加图层样式。

photoshop将制作出高光质感电池图标效果

效果如下。

photoshop将制作出高光质感电池图标效果

建新层,画下图所示形状,颜色白色。

photoshop将制作出高光质感电池图标效果

添加渐变叠加样式,设置请参考上一个渐变叠加样式图。

photoshop将制作出高光质感电池图标效果

建新层,做如下矩形选区,填充白色,图层模式叠加,不透明度60%。

photoshop将制作出高光质感电池图标效果

建新层,用矩形工具做出黑色十字符号,具体步骤你懂的。

photoshop将制作出高光质感电池图标效果

下面制作电池高光,新建图层4,用钢笔做下图所示路径,10像素白色画笔描边,之后添加蒙版去除多余部分。

photoshop将制作出高光质感电池图标效果

底部建新层,画半径40像素的圆角矩形,颜色红色,这是电池头部的金属疙瘩。

photoshop将制作出高光质感电池图标效果

添加图层样式。

photoshop将制作出高光质感电池图标效果

photoshop将制作出高光质感电池图标效果

效果如下。

photoshop将制作出高光质感电池图标效果

底部建新层添加阴影,最终效果如下。

photoshop将制作出高光质感电池图标效果

上一篇:photoshop利用图层样式制作可爱的宝石质感按钮
下一篇:Photoshop制作精致的条纹水晶导航栏
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。