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

2016-02-16 07:09 132 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粘贴,转为选区,往上挪一段距离。

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

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

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

同样方法处理上部。

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

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

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

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

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

添加图层样式。

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

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

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

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

添加图层样式。

(本文来源于图老师网站,更多请访问http://www.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教程,图老师教程网

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

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

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

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

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

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

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

延伸阅读
本教程介绍小图标的制作过程。图标制作的要求比较高,尤其是水晶风格图标,有很多细节需要处理。看似很简单的东西做出来需要花很大的功夫。 最终效果 1、新建一个600 * 400像素的文件,背景填充白色,然后选择圆角矩形工具,半径为8,前景颜色设置为红色,拉一个小圆角矩形。 2、按Ctrl + R调出标尺,然后拉出相交的参照线。然后再用...
效果图制作的非常精美。学习的目的是学会立体图形的构成及光感,材质的渲染。制作之前需要把木盒拆分为几个面,然后按顺序慢慢制作各个面即可。 最终效果 1、图层分解,大致可按顺序分为以下几个部分。 2、新建大小适当的画布,背景填充暗灰色,新建一个图层用钢笔勾出顶部框框的轮廓,转为选区后填充任意颜色,然后双击图层添...
第一次发教程,主要分享一下本人的绘制方法与思路,还有一些细节的处理。本次教程不会一步步的教,只是大概过程以及部分要点,适合有一定基础的同学。 最终效果 1、确定整体图标风格,可以先画出背景与篮球的主色调,定好色调后在设计过程中就不会走偏。 2、确定好风格后,下面就可以开始画出轮廓了。这一步显得尤为关键,作品...
图片虽然简单,不过制作起来并不容易。图标边缘有金属边框,中间为水晶效果,顶部还有图形。每一部分都要求做到非常细致,这样整体效果才更精致。 最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具...
小茶杯看上去可能并不复杂,不过杯口部分制作有一定的难度。需要用多个不同大小的椭圆色块叠加来制作杯子的厚度;每一个椭圆还需要用加深,减淡工具渲染暗部和高光来表现杯子的受光。制作的时候要用心慢慢去调整。 最终效果 1、新建一个800 * 800像素的文档,选择渐变工具颜色设置如图1,拉出图2所示的径向渐变作为背景。新建一个图层...

经验教程

245

收藏

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