优艾设计网

Photoshop制作简单的网页格式音乐播放器

优艾设计网 https://www.uibq.com 2020-09-15 00:00 出处:网络 作者:林一一
来源:活力盒子 作者:Luycas 本教程的效果图制作的非常小巧,很适合用到一些可以播放音乐的网页中。制作方法也比较简单,播放器的每一个部件基本上都是用图层样式来表现立体及浮雕效果,只要注意好图形的层次

18、我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。


Photoshop制作简单的网页格式音乐播放器


19、首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。


Photoshop制作简单的网页格式音乐播放器


20、现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。


Photoshop制作简单的网页格式音乐播放器


21、取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。


Photoshop制作简单的网页格式音乐播放器

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消