Photoshop制作精致的电池图标教程

我心在囍

我心在囍

2016-02-16 07:09

下面是个简单易学的Photoshop制作精致的电池图标教程教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

先看效果图。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

新建文档568x689像素,背景白色,拽出几条辅助线,中间的矩形就是电池的基础形状,因为本教程做的比较急,最后结果的电池身体有点高,大家把上边的辅助线拉低一些即可。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

用自定义形状工具画一个矩形。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

上下2端加法模式画2个黑色椭圆。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

建新层,前景色#e0c400填充,调出电池身体选区,添加蒙版,接着菜单选择图层创建剪贴蒙版。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

点击红框内的缩略图,用箭头工具选择底部的椭圆路径,ctrl+C复制。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

转到路径面板,新建路径,ctrl+V粘贴,转为选区,往上挪一段距离。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

选择矩形工具按住shift键加选,选择红框内的缩略图,填充黑色,效果如下。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

同样方法处理上部。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

顶部建新层,做一椭圆选区,填充白色,图层不透明度45%。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

建新层,画一个白色椭圆(下图左),图右为结果。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

添加图层样式。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

建新层,加法模式画一个矩形和一个椭圆。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

添加图层样式。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

添加蒙版,用黑色柔角笔刷涂抹底部。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

底部建新层,用黑色柔角笔刷涂抹,图层不透明度27%,此为阴影效果。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

顶部建新层,画一白色椭圆。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

添加图层样式。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

建新层,得到下图所示选区,填充白色,填充归零,不透明度21%。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

添加图层样式,把前几步的样式修改一下即可。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

效果如下。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

添加一些文字和符号,具体过程很容易,就不介绍过程了,相信大家的实力。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

电池身体是圆的,现在的文字符号很平,我们通过变形来解决一下。建新层,做如下矩形选区,填充一种颜色,降低不透明度,这层是辅助层,然后选择此层与文字符号层,右击转为智能对象,得到图层11。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

Ctrl+T变形如下图,下图是我昨晚做的,和上图颜色不一样,但不妨碍最终效果。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

下面把辅助层隐藏,双击智能对象,将辅助层隐藏,会弹出对话框,保存修改。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

下面增加电池黄色部分的高光效果,复制高光层,保留选区部分,黑色部分删除,适当降低图层不透明度。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

底部建新层,画一黑色椭圆,高斯模糊一下。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

底部建新层,用直线套索做如下选区,高斯模糊,添加蒙版,用黑色柔角笔刷涂抹掉一部分。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

背景做一个径向渐变,最终效果如下。

Photoshop制作精致的电池图标教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作精致的电池图标教程

PS PS基础
Photoshop制作精致的电池图标教程

Photoshop制作精致的粉色篮球图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精致的粉色篮球图标教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作精致的时空穿梭图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精致的时空穿梭图标教程

Photoshop设计制作精致的木盒图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计制作精致的木盒图标教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作精致的蓝色音乐图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精致的蓝色音乐图标教程

Photoshop制作精致的小木屋图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作精致的小木屋图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作破旧金属字教程

Photoshop制作破旧金属字教程

Photoshop制作可爱的方块拼贴图

Photoshop制作可爱的方块拼贴图
下拉加载更多内容 ↓