Photoshop怎样制作精致的媒体播放器按钮

 时间:2024-11-11 20:17:35

1、首先在PS中建立一个1024*768,分辨率72像素的文档,背景色用黑色,如下所示:

Photoshop怎样制作精致的媒体播放器按钮

2、现在用钢笔工具中的形状图层选项,作出以下形状而后设置“渐变叠加”图层样式:

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

3、新建立一层,用圆角矩形工具在图中建立播放器的轮廓,颜色代码用121212:

Photoshop怎样制作精致的媒体播放器按钮

4、分别用椭圆工具和圆角矩形工具作出形状图层,在用选区相减命令建立以下形状并设置图层样式,如下所示:

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

5、用圆角矩形工具做出以下形状,并用钢笔工具拖动锚点改变下形状:

Photoshop怎样制作精致的媒体播放器按钮

6、将改图层的混合模式改成滤色,并将图层不透明度设置为50%:

Photoshop怎样制作精致的媒体播放器按钮

7、用自定形状工具加入以下形状并用自由变换命令改变下形状的大小,将颜色代码设置为696969,图层混合模式设置为滤色:

Photoshop怎样制作精致的媒体播放器按钮

8、在加入小喇叭的形状,颜色代码用DFDFDF图层混合模式设置为滤色:

Photoshop怎样制作精致的媒体播放器按钮

9、在加入下面的形状,颜色代码用DFDFDF:

Photoshop怎样制作精致的媒体播放器按钮

10、在用直线工具加入播放器底部的高光,颜色代码用484848:

Photoshop怎样制作精致的媒体播放器按钮

11、在用矩形工具加入下列形状并设置图层样式,图层填充度设置为0:

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

12、选用椭圆工具加入一个大些的“播放按钮”,颜代码484848:

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

13、在原来的的按钮基础上在建立一个稍小些的正圆,颜色代码用1E339C:

Photoshop怎样制作精致的媒体播放器按钮

14、再在此层上建立新图层,并设置图层样式得到以下效果:

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

15、在用钢笔工具中的形状图层建立以下形状,并设置图层样式,将图层的填充度设置为22%(这里要注意区分图层填充度和图层不透明度):

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

16、作好以后把以上的蓝色按钮复制出多的一份放到以下位置,如下所示:

Photoshop怎样制作精致的媒体播放器按钮

17、用自定形状工具在图中加入以下形状在设置下描边图层样式:

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

18、用矩形工具建立以下形状并设置图层样式:

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮

19、最后在用文字工具和直线工具修饰下细节部分,完成最终效果。

Photoshop怎样制作精致的媒体播放器按钮
Photoshop怎样制作精致的媒体播放器按钮
  • ps教程--制作木版画
  • 用ps美白牙齿
  • 利用PS椭圆画笔工具制作梦幻泡泡
  • 如何用PS设计立体的导航栏
  • ps怎么制作星空海报?
  • 热门搜索
    关于安全的手抄报图片 三八妇女节手抄报简单 手抄报的花边 关于幸福的手抄报 畅想2035年手抄报内容 小学生科技手抄报 端午节的手抄报 简单又漂亮 最美逆行者手抄报 圣诞节英语手抄报 亲子手抄报