Photoshop设计金属质感网页进度条教程

  发布时间:2015-06-11 10:25:35   作者:佚名   我要评论
今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者P大点S微博贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,喜欢的朋友让我们一起来学习吧。

Photoshop设计金属质感网页进度条教程

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

Photoshop设计金属质感网页进度条教程

今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者P大点S微博贴心给了源文件,已经有不少同学交作业了,而且完成效

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

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者P大点S微博贴心给了源文件,已经有不少同学交作业了,而且完成效

现在我们得到如下效果:

Photoshop设计金属质感网页进度条教程

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

Photoshop设计金属质感网页进度条教程

为其添加一个图层样式。

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者P大点S微博贴心给了源文件,已经有不少同学交作业了,而且完成效

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

Photoshop设计金属质感网页进度条教程

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

Photoshop设计金属质感网页进度条教程

Photoshop设计金属质感网页进度条教程

相关文章

最新评论