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

作者:佚名 出处: 本教程主要使用Photoshop制作精致的电池图标,介绍了图层蒙版,笔刷,路径,图层颜色,滤镜等工具命令的应用 先看效果图。 新建文档568×689像素,背景白色,拽出几条辅助线,中间的矩形就是电池的基础形

photoshop设计谷歌Buzz图标

最终效果如下: 原作者:bbs.16xx8.com 出处:ps教程论坛,转载请保留,以下是详细教程: 1用钢笔工具画一个如图所示的路径,然后CTRL+回车载入选区,填充任意颜色,再设置它的图层样式-颜色叠加,颜色选#009037(不直接填充绿


作者:佚名   出处:
Photoshop制作精致的电池图标教程(3)插图

本教程主要使用Photoshop制作精致的电池图标,介绍了图层蒙版,笔刷,路径,图层颜色,滤镜等工具命令的应用

先看效果图。

Photoshop制作精致的电池图标教程(3)插图(1)

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

Photoshop制作精致的电池图标教程(3)插图(2)

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

Photoshop制作精致的电池图标教程(3)插图(3)

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

Photoshop制作精致的电池图标教程(3)插图(4)

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

Photoshop制作精致的电池图标教程(3)插图(5)

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

Photoshop制作精致的电池图标教程(3)插图(6)

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

Photoshop制作精致的电池图标教程(3)插图(7)

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

Photoshop制作精致的电池图标教程(3)插图(8)

同样方法处理上部。

Photoshop制作精致的电池图标教程(3)插图(9)


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

Photoshop制作精致的电池图标教程(3)插图(10)

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

Photoshop制作精致的电池图标教程(3)插图(11)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(12)

Photoshop制作精致的电池图标教程(3)插图(13)

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

Photoshop制作精致的电池图标教程(3)插图(14)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(15)

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

Photoshop制作精致的电池图标教程(3)插图(16)

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

Photoshop制作精致的电池图标教程(3)插图(17)

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

Photoshop制作精致的电池图标教程(3)插图(18)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(19)

Photoshop制作精致的电池图标教程(3)插图(20)

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

Photoshop制作精致的电池图标教程(3)插图(21)

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

Photoshop制作精致的电池图标教程(3)插图(22)

效果如下。

Photoshop制作精致的电池图标教程(3)插图(23)

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

Photoshop制作精致的电池图标教程(3)插图(24)


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

Photoshop制作精致的电池图标教程(3)插图(25)

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

Photoshop制作精致的电池图标教程(3)插图(26)

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

Photoshop制作精致的电池图标教程(3)插图(27)

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

Photoshop制作精致的电池图标教程(3)插图(28)

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

Photoshop制作精致的电池图标教程(3)插图(29)

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

Photoshop制作精致的电池图标教程(3)插图(30)

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

Photoshop制作精致的电池图标教程(3)插图(1)




作者:佚名   出处:
Photoshop制作精致的电池图标教程(3)插图

本教程主要使用Photoshop制作精致的电池图标,介绍了图层蒙版,笔刷,路径,图层颜色,滤镜等工具命令的应用

先看效果图。

Photoshop制作精致的电池图标教程(3)插图(1)

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

Photoshop制作精致的电池图标教程(3)插图(2)

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

Photoshop制作精致的电池图标教程(3)插图(3)

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

Photoshop制作精致的电池图标教程(3)插图(4)

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

Photoshop制作精致的电池图标教程(3)插图(5)

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

Photoshop制作精致的电池图标教程(3)插图(6)

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

Photoshop制作精致的电池图标教程(3)插图(7)

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

Photoshop制作精致的电池图标教程(3)插图(8)

同样方法处理上部。

Photoshop制作精致的电池图标教程(3)插图(9)


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

Photoshop制作精致的电池图标教程(3)插图(10)

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

Photoshop制作精致的电池图标教程(3)插图(11)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(12)

Photoshop制作精致的电池图标教程(3)插图(13)

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

Photoshop制作精致的电池图标教程(3)插图(14)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(15)

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

Photoshop制作精致的电池图标教程(3)插图(16)

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

Photoshop制作精致的电池图标教程(3)插图(17)

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

Photoshop制作精致的电池图标教程(3)插图(18)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(19)

Photoshop制作精致的电池图标教程(3)插图(20)

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

Photoshop制作精致的电池图标教程(3)插图(21)

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

Photoshop制作精致的电池图标教程(3)插图(22)

效果如下。

Photoshop制作精致的电池图标教程(3)插图(23)

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

Photoshop制作精致的电池图标教程(3)插图(24)


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

Photoshop制作精致的电池图标教程(3)插图(25)

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

Photoshop制作精致的电池图标教程(3)插图(26)

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

Photoshop制作精致的电池图标教程(3)插图(27)

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

Photoshop制作精致的电池图标教程(3)插图(28)

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

Photoshop制作精致的电池图标教程(3)插图(29)

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

Photoshop制作精致的电池图标教程(3)插图(30)

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

Photoshop制作精致的电池图标教程(3)插图(1)




作者:佚名   出处:
Photoshop制作精致的电池图标教程(3)插图

本教程主要使用Photoshop制作精致的电池图标,介绍了图层蒙版,笔刷,路径,图层颜色,滤镜等工具命令的应用

先看效果图。

Photoshop制作精致的电池图标教程(3)插图(1)

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

Photoshop制作精致的电池图标教程(3)插图(2)

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

Photoshop制作精致的电池图标教程(3)插图(3)

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

Photoshop制作精致的电池图标教程(3)插图(4)

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

Photoshop制作精致的电池图标教程(3)插图(5)

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

Photoshop制作精致的电池图标教程(3)插图(6)

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

Photoshop制作精致的电池图标教程(3)插图(7)

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

Photoshop制作精致的电池图标教程(3)插图(8)

同样方法处理上部。

Photoshop制作精致的电池图标教程(3)插图(9)


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

Photoshop制作精致的电池图标教程(3)插图(10)

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

Photoshop制作精致的电池图标教程(3)插图(11)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(12)

Photoshop制作精致的电池图标教程(3)插图(13)

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

Photoshop制作精致的电池图标教程(3)插图(14)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(15)

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

Photoshop制作精致的电池图标教程(3)插图(16)

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

Photoshop制作精致的电池图标教程(3)插图(17)

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

Photoshop制作精致的电池图标教程(3)插图(18)

添加图层样式。

Photoshop制作精致的电池图标教程(3)插图(19)

Photoshop制作精致的电池图标教程(3)插图(20)

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

Photoshop制作精致的电池图标教程(3)插图(21)

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

Photoshop制作精致的电池图标教程(3)插图(22)

效果如下。

Photoshop制作精致的电池图标教程(3)插图(23)

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

Photoshop制作精致的电池图标教程(3)插图(24)


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

Photoshop制作精致的电池图标教程(3)插图(25)

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

Photoshop制作精致的电池图标教程(3)插图(26)

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

Photoshop制作精致的电池图标教程(3)插图(27)

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

Photoshop制作精致的电池图标教程(3)插图(28)

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

Photoshop制作精致的电池图标教程(3)插图(29)

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

Photoshop制作精致的电池图标教程(3)插图(30)

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

Photoshop制作精致的电池图标教程(3)插图(1)



作者: 791650988

为您推荐