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

进度条,设计一个播放进度条图标教程

进度条,设计一个播放进度条图标教程

现在我们得到如下效果。

进度条,设计一个播放进度条图标教程

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

进度条,设计一个播放进度条图标教程

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

进度条,设计一个播放进度条图标教程

进度条,设计一个播放进度条图标教程

进度条,设计一个播放进度条图标教程

进度条,设计一个播放进度条图标教程

进度条,设计一个播放进度条图标教程

现在我们得到如下效果:

进度条,设计一个播放进度条图标教程