PS教程!手把手教你绘制一个金属质感的进度条

刘静毛毛

刘静毛毛

2016-01-29 09:21

PS教程!手把手教你绘制一个金属质感的进度条,今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者P大点S贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,你也来一个,评论上图 源文件 最终效果: http://yunp ...
photoshop-iron-progress-bar-1

编者按:今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者P大点S贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,你也来一个,评论上图

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

源文件  

最终效果: http://yunpan.cn/cug32uRTc9faU  访问密码 418d

新建文档,这里我们用的依旧是800*800像素,我们为背景图层添加一个图层样式。

设置完图层样式,我们得到如下效果:

下面,我们为背景图层添加一个杂色。 执行“滤镜—杂色—添加杂色”,设置数量为“1%”,高斯分布,勾选单色。

执行“滤镜—滤镜库—画笔描边—喷溅”,设置喷色半径为6,平滑度为5

现在,我们完成了背景的创建,效果如下。

下面,我们开始进度条的绘制。用圆角矩形工具,画一个620*45像素的圆角矩形。

将其命名为“外形”,为其添加一个图层样式。

设置完图层样式,我们将得到如下效果。

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

现在轮廓外形已基本呈现,但是质感略嫌不足,我们来改进一下。复制一层“外形”图层,将其更改名为“轮廓投影”,并将其置于“外形”图层下层,清除其图层样式,将填充更改为0,重新设置一个图层样式,设置如下:

现在我们得到如下效果。

用圆角矩形工具画一个500*30像素的圆角矩形。

为这个白色的圆角矩形设置一个图层样式。

现在我们得到如下效果:

下面,我们添加一个按纽,用椭圆工具画一个60*60像素的圆。

为其添加一个图层样式。

到这里,进度条就算搞定了。

最后,我又添加了两个按纽,没什么好说的,只是加了点字,加了点外发光,有兴趣的可以下载我们的PSD看看。

展开更多 50%)
分享

猜你喜欢

PS教程!手把手教你绘制一个金属质感的进度条

PS PS教程
PS教程!手把手教你绘制一个金属质感的进度条

PS教程!手把手教你绘制一个绚丽色彩的进度条

PS PS教程
PS教程!手把手教你绘制一个绚丽色彩的进度条

s8lol主宰符文怎么配

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

AI教程!手把手教你打造一枚精致的进度条

Illustrator
AI教程!手把手教你打造一枚精致的进度条

PS手把手教你绘制一个写实钱包

PS
PS手把手教你绘制一个写实钱包

lol偷钱流符文搭配推荐

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

Photoshop绘制金属质感的网页进度条效果

PS PS基础
Photoshop绘制金属质感的网页进度条效果

PS实例教程!手把手教你绘制金属质感的游戏登录框

PS PS教程
PS实例教程!手把手教你绘制金属质感的游戏登录框

lolAD刺客新符文搭配推荐

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

新手教程!手把手教你绘制喜庆好看的新年贺岁插画

新手教程!手把手教你绘制喜庆好看的新年贺岁插画

别神化工具!来看PS欺骗设计师视觉的四个方面(附纠正方法)

别神化工具!来看PS欺骗设计师视觉的四个方面(附纠正方法)
下拉加载更多内容 ↓