ps鼠绘教程

当前位置: 在线ps > ps教程 > ps鼠绘教程

绘制迷你网页音乐播放器图片的PS教程

时间:2022-03-05 14:06:08|栏目:ps鼠绘教程|点击:

本教程主要使用Photoshop绘制时尚迷你的网页播放器教程,一个很简单的播放界面。主要是图层样式的应用,操作绝对简单。做完之后,修改颜色神马的相当的快,当然直接用色相之类的来修改颜色,我并不赞同,原因嘛,自己想!其实做完一个颜色后,直接在源文件里更改图层样式,换个色也花不了多长时间的。

先看看效果图

绘制迷你网页音乐播放器图片的PS教程

首先,新建个文档,我用的是400X300像素。创建一个渐变调整层,做个径向渐变,颜色参数如下图。

绘制迷你网页音乐播放器图片的PS教程

用圆角矩形工具画一个320X125的圆角矩形,颜色无所谓,我们一会会更改。

绘制迷你网页音乐播放器图片的PS教程

为这个圆角矩形添加一个图层样式。

绘制迷你网页音乐播放器图片的PS教程

绘制迷你网页音乐播放器图片的PS教程

绘制迷你网页音乐播放器图片的PS教程

绘制迷你网页音乐播放器图片的PS教程

OK,接下来,我们复制一层圆角矩形这个图层,右键清除掉图层样式,按住SHIFT画一个矩形,SHIFT这里是增加的意思,保证我们新画的矩形和圆角矩形是一个形状图层。 然后,将形状的路径操作更改为与形状区域相交,这样我们就得到了我们想要的下半部分的形状了。将形状颜色设置为#68ce6b。

绘制迷你网页音乐播放器图片的PS教程

 

下面,我们为这个下半部分的形状添加一个图层样式。

绘制迷你网页音乐播放器图片的PS教程

接下来,我们用直线工具,画一条直线,放到我们刚才的那个下半部分图层的顶部位置,设置颜色为#119915,现在,我们得到如下效果。

绘制迷你网页音乐播放器图片的PS教程

下面,我们用矩形工具,画一个正方形,放置在左上角,充当专辑图片的图片框,并设置一个图层样式。

绘制迷你网页音乐播放器图片的PS教程

绘制迷你网页音乐播放器图片的PS教程

加上我们的LOGO,没什么好说的,当然,你也可以直接用图片,创建个剪贴蒙版,因为刚才我们设置了描边和投影,直接剪贴蒙版的话,图层样式是会保留的。

绘制迷你网页音乐播放器图片的PS教程

接下来,我们开始做播放的进度条,首先用圆角矩形工具画一个长条的圆角矩形,设置颜色为#d0d0d0,并添加一个图层样式。

绘制迷你网页音乐播放器图片的PS教程

绘制迷你网页音乐播放器图片的PS教程

绘制迷你网页音乐播放器图片的PS教程

上一篇:绘制立体翻页风格日历APP图标的PS教程

栏    目:ps鼠绘教程

下一篇:绘制可口可乐易拉罐图片的Photoshop教程

本文标题:绘制迷你网页音乐播放器图片的PS教程

本文地址:http://www.511p.com/psshuhui/6721.html

PS基础教程 | PS文字效果 | PS图片处理 | PS调色教程 | PS调色教程 | ps绘图教程 | PS滤镜教程 | PS合成教程

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:256832491 | 邮箱:256832491@qq.com

皖ICP备20001100号