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

2016-02-16 07:09 124 1 收藏

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

【 tulaoshi.com - PS 】

先看效果图。

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

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

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

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

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

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

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

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

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

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

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

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

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

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教程,图老师教程网

添加图层样式。

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

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

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

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

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

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160216/1569549.html

延伸阅读
小茶杯看上去可能并不复杂,不过杯口部分制作有一定的难度。需要用多个不同大小的椭圆色块叠加来制作杯子的厚度;每一个椭圆还需要用加深,减淡工具渲染暗部和高光来表现杯子的受光。制作的时候要用心慢慢去调整。 最终效果 1、新建一个800 * 800像素的文档,选择渐变工具颜色设置如图1,拉出图2所示的径向渐变作为背景。新建一个图层...
图片虽然简单,不过制作起来并不容易。图标边缘有金属边框,中间为水晶效果,顶部还有图形。每一部分都要求做到非常细致,这样整体效果才更精致。 最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具...
效果图制作包括两个大的部分:首先是金属边框部分,用到了几个不同大小的正圆,分别添加了不同的图层样式来渲染质感。然后是中间的漩涡及放射效果制作,这些需要用不同的滤镜来完成。 最终效果 1、新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。 2、创建两个红色和绿色的圆圈...
教程过程介绍得有点简单,只介绍了几个部分的制作方法,不过其它部分的制作方法一致,多点耐心和细节就可以做出来。 最终效果 1、首先我们先画出剪影部分,这是个耐心活。 2、接着我们就要去抠细节了,从上自下抠细节。首先从屋檐开始抠细节。 3、然后把烟囱加上砖头,给烟囱加个投影。 4、做房顶的砖瓦。 ...
本交教程并不介绍完整的图标制作方法。只是介绍如果制作图标的托盘及抽丝图案的定义等。这是是一些基础操作,不过也非常实用。 最终效果 1、首先创建一个600X200的文档,选择圆角矩形工具,按照下图设置上面的工具栏选项。 2、在画布上画一个圆角矩形,如下: 3、选择钢笔工具,然后在圆角矩形里右击,选择填充路径,这...

经验教程

243

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部