ps设计播放器界面教程图片(ps设计播放器界面教程下载)

本文主要介绍ps设计播放器界面教程图片(ps设计播放器界面教程)，下面跟着东辰网详细了解一下吧。

本教程主要教你如何用PHOTOSHOPCS5制作一个漂亮的IPAD用户界面。教程将一步步指导你如何制作一个逼真的IPAD用户界面的音频界面。这里我们将利用视网膜成像的原理，利用Photoshop中的形状图层和图层样式来实现图形效果。

1.创建一个宽度为768像素，高度为1024像素，分辨率为132的新图层。

2.创建一个名为背景的新组，在组中创建新层，填充颜色为#707070。

3.创建一个层，它位于顶层，可以用任何颜色填充。这里使用#ffffff，实现滤镜杂色添加杂色，数量400%均匀分布，勾选单色，实现滤镜风格化浮雕效果，角度135，高度1，数量146。

4.使用矩形工具做出如下图所示的选区，用白色#ffffff填充。图层混合模式为柔光，不透明度为12%。背景已经完成。

5.现在，添加材料，创建一个新的组命名为按钮，使用椭圆工具)，创建一个圆形如下图所示，填充颜色#e1e1e1，并添加以下图层样式到按钮的基本生产。

外发光:图层混合模式正常，不透明度62%，方法柔化，扩展13，大小38，轮廓线线性，范围50%。

斜面和浮雕:样式内坡平滑，深度1000%，方向，大小2，角度120，高度30，轮廓线线性，高光模式滤色片75%，阴影模式正片14%；

光泽:线性光，不透明度6%，角度19，距离24，大小5，轮廓高斯。

渐变叠加:混合模式正常，不透明度6%，样式线性，角度118，缩放100%。

6.使用笔刷工具，硬度为0，中等大小，黑色如下图所示，不透明度设置为33%。右键单击图层，然后在“图层”面板中选择“创建剪贴蒙版”。

7.选择自由形状工具在图表中画一个圆。然后使用选择工具，使以下两个选区。点按图层，反向选择它，添加图层蒙版形状，然后使用图层样式。

投影:正片叠加，颜色#434343，不透明度88%，角度120，距离1，

外部发光:正常模式，不透明度40%，颜色#434343，软方法，大小6，范围50%。

渐变叠加:正常模式，不透明度15%，线性，角度90，缩放100%。

8.创建一个新层，并把它放在所有层的顶部。使用黑色(#00000)中笔刷制作如下效果，不透明度22%，将图层转换为剪贴蒙版。

9.选择自定义义形状工具，并加载下载的形状素材，使用自定义形状制作如下图案，颜色#707070，并添加如下图层样式:

渐变叠加:柔光，不透明度40%，线性，角度90，缩放100%。

10.使用钢笔工具勾选以下形状，使用滤镜模糊===运动模糊，角度40，大小15像素，增加图层蒙版，设置前景色为透明，使用黑色线性渐变(颜色#00000)从下往上做渐变，不透明度80%。

11.用椭圆工具画一个圆，添加如下图层样式。

斜面和浮雕:内斜面，雕刻清晰，深度191%，大小3，软化2；

渐变叠加:柔光，不透明度31%，线性，角度99，缩放100%。

12.使用黑色画笔制作以下形状，不透明度为63%，并在图层中添加剪贴蒙版。

13.使用椭圆工具制作下面的圆，增加图层样式。

斜面和浮雕:内斜面，平滑，深度为1000，大小为3，正常高光模式，阴影模式下的负叠加。

渐变叠加:柔光，不透明度88，线性，角度113，缩放21。

笔画:大小1，内部，正常，不透明度100，用颜色填充，颜色是灰色。

14.使用矩形工具，使以下颜色#666666，并添加一个剪贴蒙版层。

15、使用椭圆工具制作一个圆，图层样式如下:

斜面和浮雕:枕形浮雕，雕刻清晰，深度1000，大小5，正常高光模式；

渐变叠加:柔光，不透明度47，线性，角度113。

描边:大小1，内部，正常，不透明度100，颜色，#a2a2a2。

16.用白色笔刷#ffffff做出如下效果，转换成剪贴蒙版。

17.接下来，做一个供电的标志。用钢笔工具勾下面的形状，填充#7c7c7a的颜色，使用半径为10的圆角矩形工具，做出下面的形状，为两个选区添加下面的图层样式。

内部阴影:正覆盖，不透明度75，

外发光:滤色，不透明度75，颜色#fbf7c3，软法。

18.关闭按钮组，创建另一个按钮，将其放在图层下，命名为左上角键。使用半径为2像素的圆角矩形工具，形状如下。使用椭圆工具M选择，半径比按钮大23个像素。鼠标右键选择反向选择，在底部为按钮层添加蒙版。地基在这里完成。

19.向图层按钮形状添加图层样式。

投影:正片覆盖，颜色#474747

内部阴影:正常，不透明度33

内部光:柔光，不透明度12，颜色#6DCF6

斜面和浮雕:内斜面、平滑度、高光滤色和阴影正片叠加。

渐变叠加:柔光

描边:外边缘，正常，颜色#474747

20.使用椭圆工具制作图形形状，应用图层样式并将其转换为。剪切蒙版层，这个斜角的按钮就会显示出来。

22.重复前四个步骤制作剩下的三个按钮。

23.现在开始制作剩下的四个小按钮，复制大按钮组，将复制的组命名为小按钮组，将复制的组拖动到小按钮组中，调整按钮大小为33%，删除电源的标志。组中开始层的图层样式会减少13%的外部光线。

26.创建一个新组，命名为开关，使用圆角矩形工具，半径为2像素，填充颜色为#383839。图层样式如下。

27.完成SWITCH的基础后，开始添加阴影，用钢笔勾掉下面的形状，填充颜色#000000，实施滤镜模糊高斯模糊，半径2个像素，阴影层添加蒙版，使用径向渐变，从#000000黑色渐变到透明。效果如下。

28.使用半径为2像素的圆角矩形工具做出如下形状，图层样式如下。

29.新建一个图层，转换成剪贴蒙版，使用矩形工具制作一个白盒，如下图所示。现在开始制作另一个盒子，也是转换成剪贴蒙版，填充颜色#222222。图层样式如下，左侧的方框处理相同。

31.创建一个名为EQ的新组，用于建立平衡弯曲。将获得的图层复制10次。

32.创建一个名为Grill的新组，使用圆角矩形工具，制作如下形状，半径为50，颜色为#212121。使用下面的图层样式，将图层复制五次，全部转换为智能对象。

33.完成上一步后，用钢笔在图标形状上打勾，颜色为#984545，应用如下图层样式，根据需要复制图层并更改颜色。

34.使用矩形工具，使图形形状和填充颜色#871b19。图层样式如下图所示。

35、现在开始做普通样式按钮，对于右边的红框，图层样式设置如下。

36.使用椭圆工具制作下面两个2像素的圆，分别用#ed1c24和#72e22f填充。图层样式如下图所示:

37.新建一个名为Display的组，使用矩形工具制作如下形状，颜色为#363636，使用椭圆工具制作如图所示的两个选区，右键反向选择，添加图层样式。

39.从自定义形状库中选择图中所示的三个形状，它们的位置如下。

40、新建一个组，命名为信息按钮，使用椭圆工具制作下面两个圆，颜色为#d7d7d7，并添加相关图层样式。

41.如图再创建一个颜色为#d7d7d7的圆，设置相关图层样式，从自定义形状中选择图形形状，设置相关图层样式。

42.创建一个新组，命名为音乐按钮，并使用椭圆工具，使一个图形形状的颜色#d7d7d7。添加与步骤40相同的图层样式，使用椭圆工具制作另一个形状，颜色为#b6b6b6，添加图层样式。这是两个控制按钮。

43.使用自定义形状，选择颜色为#1f1f1f的音乐符号，在顶部创建一个新层，用中白笔刷制作一个图形形状，并将其转换为剪切蒙版。效果如下。

效果图如下:

本教程主要教你如何用PHOTOSHOPCS5制作一个漂亮的IPAD用户界面。教程将一步步指导你如何制作一个逼真的IPAD用户界面的音频界面。这里我们将利用视网膜成像的原理，利用Photoshop中的形状图层和图层样式来实现图形效果。

1.创建一个宽度为768像素，高度为1024像素，分辨率为132的新图层。

2.创建一个名为背景的新组，在组中创建新层，填充颜色为#707070。

3.创建一个层，它位于顶层，可以用任何颜色填充。这里使用#ffffff，实现滤镜杂色添加杂色，数量400%均匀分布，勾选单色，实现滤镜风格化浮雕效果，角度135，高度1，数量146。

4.使用矩形工具做出如下图所示的选区，用白色#ffffff填充。图层混合模式为柔光，不透明度为12%。背景已经完成。

5.现在，添加材料，创建一个新的组命名为按钮，使用椭圆工具)，创建一个圆形如下图所示，填充颜色#e1e1e1，并添加以下图层样式到按钮的基本生产。

外发光:图层混合模式正常，不透明度62%，方法柔化，扩展13，大小38，轮廓线线性，范围50%。

斜面和浮雕:样式内坡平滑，深度1000%，方向，大小2，角度120，高度30，轮廓线线性，高光模式滤色片75%，阴影模式正片14%；

光泽:线性光，不透明度6%，角度19，距离24，大小5，轮廓高斯。

渐变叠加:混合模式正常，不透明度6%，样式线性，角度118，缩放100%。

6.使用笔刷工具，硬度为0，中等大小，黑色如下图所示，不透明度设置为33%。右键单击图层，然后在“图层”面板中选择“创建剪贴蒙版”。

7.选择自由形状工具在图表中画一个圆。然后使用选择工具，使以下两个选区。点按图层，反向选择它，添加图层蒙版形状，然后使用图层样式。

投影:正片叠加，颜色#434343，不透明度88%，角度120，距离1，

外部发光:正常模式，不透明度40%，颜色#434343，软方法，大小6，范围50%。

逐渐变化叠加:正常模式，不透明度15%，线性，角度90，缩放100%。

8.创建一个新层，并把它放在所有层的顶部。使用黑色(#00000)中笔刷制作如下效果，不透明度22%，将图层转换为剪贴蒙版。

9.选择自定义形状工具，加载下载的形状材料，使用自定义形状制作如下图案，颜色#707070，添加如下图层样式:

渐变叠加:柔光，不透明度40%，线性，角度90，缩放100%。

10.使用钢笔工具勾选以下形状，使用滤镜模糊===运动模糊，角度40，大小15像素，增加图层蒙版，设置前景色为透明，使用黑色线性渐变(颜色#00000)从下往上做渐变，不透明度80%。

11.用椭圆工具画一个圆，添加如下图层样式。

斜面和浮雕:内斜面，雕刻清晰，深度191%，大小3，软化2；

渐变叠加:柔光，不透明度31%，线性，角度99，缩放100%。

12.使用黑色画笔制作以下形状，不透明度为63%，并在图层中添加剪贴蒙版。

13.使用椭圆工具制作下面的圆，增加图层样式。

斜面和浮雕:内斜面，平滑，深度为1000，大小为3，正常高光模式，阴影模式下的负叠加。

渐变叠加:柔光，不透明度88，线性，角度113，缩放21。

笔画:大小1，内部，正常，不透明度100，用颜色填充，颜色是灰色。

14.使用矩形工具，使以下颜色#666666，并添加一个剪贴蒙版层。

15、使用椭圆工具制作一个圆，图层样式如下:

斜面和浮雕:枕形浮雕，雕刻清晰，深度1000，大小5，正常高光模式；

渐变叠加:柔光，不透明度47，线性，角度113。

描边:大小1，内部，正常，不透明度100，颜色，#a2a2a2。

16.用白色笔刷#ffffff做出如下效果，转换成剪贴蒙版。

17.接下来，做一个供电的标志。用钢笔工具勾下面的形状，填充#7c7c7a的颜色，使用半径为10的圆角矩形工具，做出下面的形状，为两个选区添加下面的图层样式。

内部阴影:正覆盖，不透明度75，

外发光:滤色，不透明度75，颜色#fbf7c3，软法。

18.关闭按钮组，创建另一个按钮，将其放在图层下，命名为左上角键。使用半径为2像素的圆角矩形工具，形状如下。使用椭圆工具M选择，半径比按钮大23个像素。鼠标右键选择反向选择，在底部为按钮层添加蒙版。地基在这里完成。

19.向图层按钮形状添加图层样式。

投影:正片覆盖，颜色#474747

内部阴影:正常，不透明度33

内部光线:柔和光，不透明度12，颜色#6DCF6

斜面和浮雕:内斜面、平滑度、高光滤色和阴影正片叠加。

渐变叠加:柔光

描边:外边缘，正常，颜色#474747

20.用椭圆工具做出图标形状，应用图层样式转换成剪贴蒙版图层，这个斜角的按钮就显示出来了。

22.重复前四个步骤制作剩下的三个按钮。

23.现在开始制作剩下的四个小按钮，复制大按钮组，将复制的组命名为小按钮组，将复制的组拖动到小按钮组中，调整按钮大小为33%，删除电源的标志。组中开始层的图层样式会减少13%的外部光线。

26.创建一个新组，命名为开关，使用圆角矩形工具，半径为2像素，填充颜色为#383839。图层样式如下。

27.完成SWITCH的基础后，开始添加阴影，用钢笔勾掉以下形状，填充颜色#000000，实施滤镜模糊高斯模糊，半径2个像素，阴影层添加蒙版，使用径向渐变，从#000000黑色渐变为透明。效果如下。

28.使用半径为2像素的圆角矩形工具做出如下形状，图层样式如下。

29.新建一个图层，转换成剪贴蒙版，使用矩形工具制作一个白盒，如下图所示。现在开始制作另一个盒子，也是转换成剪贴蒙版，填充颜色#222222。图层样式如下，左侧的方框处理相同。

31.创建一个名为EQ的新组，用于建立平衡弯曲。将获得的图层复制10次。

32.创建一个名为Grill的新组，使用圆角矩形工具，制作如下形状，半径为50，颜色为#212121。使用下面的图层样式，将图层复制五次，全部转换为智能对象。

33.完成上一步后，用钢笔在图标形状上打勾，颜色为#984545，应用如下图层样式，根据需要复制图层并更改颜色。

34.使用矩形工具，使图形形状和填充颜色#871b19。图层样式如下图所示。

35、现在开始做普通样式按钮，对于右边的红框，图层样式设置如下。

36.使用椭圆工具制作下面两个2像素的圆，分别用#ed1c24和#72e22f填充。图层样式如下图所示:

37.新建一个名为Display的组，使用矩形工具制作如下形状，颜色为#363636，使用椭圆工具制作如图所示的两个选区，右键反向选择，添加图层样式。

39.从自定义形状库中选择图中所示的三个形状，它们的位置如下。

40、新建一个组，命名为信息按钮，使用椭圆工具制作下面两个圆，颜色为#d7d7d7，并添加相关图层样式。

41、如图再创建一个颜色为#d7d7d7的圆，设置相关图层样式，从自定义形状中选择图示形状，设置相关图层样式。

42.新建一个组，命名为音乐按钮，使用椭圆工具制作一个图形形状，颜色为#d7d7d7，在步骤40中添加相同的图层样式，使用椭圆工具制作另一个形状，颜色为#b6b6b6，添加图层样式，这是两个控制按钮。

43.使用自定义形状，选择颜色为#1f1f1f的音乐符号，在顶部创建一个新层，用中白笔刷制作一个图形形状，并将其转换为剪切蒙版。效果如下。

效果图如下:

了解更多ps设计播放器界面教程图片(ps设计播放器界面教程下)相关内容请关注东辰网。