ps设计播放器界面(4)插图

ps设计播放器界面(4)

先看看效果图 下面是教程开始 二、新建一个图层,选择圆角矩形工具(U),在工具属性栏中填入宽度360像素、高度30像素,半径为2个像素,画一个圆角矩形。将图层命名为base。双击图层面板中的形状图层图层缩略图,将矩

ps设计播放器界面(2)插图

ps设计播放器界面(2)

四、选择线条工具(U),在播放按钮右侧画一条1个像素宽的线条,命名为left,应用渐变叠加(Gradient Overlay),颜色从#252727到#3c3e40。将此线条复制一遍(Ctrl+J),命名为right,向右侧移动1个像素,应用渐变叠加,

广告位
ps设计播放器界面(3)插图

ps设计播放器界面(3)

创建好自定义图案之后,将第六步中的buffer图层复制一遍,放置于buffer图层的上方,命名为progress,颜色更改为#feea36。在图层面板中单击选择progress图层的矢量蒙版缩略图,然后使用直接选择工具(A),将矩形的宽

ps设计播放器界面插图

ps设计播放器界面

下载的网页设计PSD文件,都非常精美。但它只提供了现成的文件,并没有提供教程,那么我就通过源文件自己摸索,向Orman Clark学习一下如何做出如此漂亮的作品。