Photoshop绘制时尚迷你的网页播放器设计教程

用矩形工具画一个#68ce6b颜色的正方形,并添加一个渐变叠加。

Photoshop绘制时尚迷你的网页播放器教程

Photoshop绘制时尚迷你的网页播放器教程

复制一层这个方形按纽图层,放置到按纽的下层,我们来做阴影,更改颜色为#2b872e,在属性栏里设置羽化4像素,并添加一个蒙版,把顶部和底部的位置擦一下。

Photoshop绘制时尚迷你的网页播放器教程

Photoshop绘制时尚迷你的网页播放器教程

接下来,我们来添加播放,上一曲,一下曲的图标,这个也是超级简单,没什么好说的,形状不知道怎么折腾的话,请看我们这个布尔运算的教程贴,将图标的颜色设置为#119915,并添加一个图层样式。

Photoshop绘制时尚迷你的网页播放器教程

Photoshop绘制时尚迷你的网页播放器教程

Photoshop绘制时尚迷你的网页播放器教程

搞定,如果想换颜色,就很快了,我们的PSD里提供了四个颜色,期待看看大家不同的颜色。

Photoshop绘制时尚迷你的网页播放器教程