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

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:情非得已

关键词

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

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

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

现在我们得到如下效果。

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

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

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

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

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

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

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

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

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

现在我们得到如下效果:

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

 收藏