优艾设计网

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

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

2、用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。


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


3、双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。


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


4、现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。


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


5、我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。


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

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

精彩评论

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