Photoshop设计高光质感电池图标效果教程

2016-03-17 21:54 0 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop设计高光质感电池图标效果教程,一起来学习了解下吧!

【 tulaoshi.com - PS 】

本教程学习如何用photoshop的自定义形状工具、钢笔工具和图层样式打造高光质感的电池图标,先看效果图。

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

效果如下。

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

效果如下。

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

添加图层样式。

Photoshop制作高光质感电池图标,图老师

效果如下。

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

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

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

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

添加图层样式。

Photoshop制作高光质感电池图标,图老师

Photoshop制作高光质感电池图标,图老师

效果如下。

Photoshop制作高光质感电池图标,图老师

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

Photoshop制作高光质感电池图标,图老师

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

 

来源:https://www.tulaoshi.com/n/20160317/1866738.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层画一个黑色正圆。 复制一层,颜色改为深灰,稍微缩小一点点。 添加图层样式。 效果如下。 复制一层,清除图层样式,颜色白色,缩小一些,位置如下。 添加图层样式。 效果如下。 建新层,画一个小的黑色正圆,中心对齐。 建新层,画一个小的白...
标签: PS PS基础
随着Android等操作系统的开发,现在的互联网逐步向手机端应用推进,很多都有了手机端应用程序,必须淘宝,新浪等,所以手机端应用程序UI设计也逐 步的成为新潮,下面来看下一个APP应用程序图标的制作吧,这只是个思路,算抛砖引玉,有很多时候,我们感觉我们不会,而不是正真的我们不会,是我们没有接触过。 素材包下载:本地高速下载 看下...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一个黑色正圆。 添加图层样式。 得到下图效果,这是卡通笑脸的脸盘。 建新层,调出脸盘的选区,填充白色,选择椭圆工具做如下选区,删除,类似下图效果。 图层不透明度10%左右。 建新层,用钢笔做如下选...
最终效果图 新建文档940x600像素,背景做一直线渐变,颜色#713c5c #97316e,输入黑色文字。 添加图层样式。 之后把填充归零,效果如下。 文字层底部建新层,调出方头画笔,设置。 前景色#ffa8cf在文字轮廓内涂抹,图层模式强光,效果如下。 建新层,前景色白色用星光笔刷点几下,图层模式...
标签: PS PS基础
先看效果图。 新建文档600x400像素,背景填充#015301,滤镜杂色添加杂色。 输入白色文字,字体Shermlock(点击下载),尺寸162点。 添加图层样式。 当这些样式设置完毕后,把填充归零,最终效果如下,本ps教程结束。

经验教程

695

收藏

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