您的位置:首页 > 运维架构

在Photoshop中创建一个带劲儿的媒体播放器

2012-05-31 12:33 169 查看
  如果您想您的影片(或您的客户端)是真正有吸引力的,你应该在默认为一个标准的、单调的媒体播放器之前多花些心思。精心设计的背景和您的影片周围的空间,可以使其给观众更深刻的印象。使用Photoshop,你可以使用简单的混合选项设计一个有说服力的媒体播放器。

  因此,在本教程中,将会引导你通过如何创建一个有趣的和现实的媒体播放器。对于那些刚开始使用Photoshop的初学者来说,这是个很好的锻炼。这是一个快速的教程,将只需要大约15至25分钟就能完成。

  在我们开始之前,让我们先预览下我们的最终结果:





步骤 1

创建一个新文件,将它命名为“media player”,设置宽度为900px和高度875px。





步骤 2

现在,选择圆角矩形工具,创建一个矩形。用#070707填充它。





步骤 3

我们需要添加一些描边的矩形。因此,单击“图层”>“图层样式”>“描边”。或者,您可以单击在图层面板的“添加图层样式”。如下图所示。





步骤 4

选择矩形工具,创建一个矩形的屏幕,颜色为#050505。





步骤 5

现在点击“图层”>“图层样式”>“渐变叠加”。





步骤 6

我们还需要添加一些颜色为#FFFFFF的内发光。





步骤 7

创建一个新层,选择硬圆刷,在我们的屏幕的右侧绘制一个直线。确保画笔的大小是4PX,且前景色为#F1F1F1。





现在,选择橡皮擦工具,在我们这条线的边缘使用软轮刷。





步骤 8

现在,我们要重复同样的过程,但我们将创建一个水平线,而不是一个垂直。





步骤 9

创建一个新层,选择多边形套索工具,并在我们的屏幕左上角创建一个三角形。用#FFFFFF填充它。





现在,降低图层的不透明度到15%。





步骤 10

现在,我们将开始做按钮。因此,选择椭圆工具,并创建一个圆圈,颜色为#333333。





步骤 11

我们需要在我们的圆圈里添加一些效果,因此单击“图层”>“图层样式”>“斜面和浮雕”。





步骤 12

再次,选择椭圆工具,并创建一个圆圈。填充颜色为#212121。





步骤 13

单击“图层”>“图层样式”>“渐变叠加”,如下图所示。





点击“描边”,并添加颜色为#000000大小为1px的描边。





选择“斜面和浮雕”,如下图所示。





现在,我们将添加一些颜色为#FFFFFF的“外发光”。





步骤 14

创建另一个圆并填充颜色#0080c7。然后,再创建另一个并使其变小。





步骤 15

对于小圆圈,点击“图层”>“图层样式”>“渐变叠加”,添加渐变。





点击“斜面和浮雕”并应用在所示的设置。





使用以下设置添加一些“外发光”。





步骤 16

再次,选择椭圆工具,创建一个侧面颜色为#6F6F6F的小圆圈。





单击“图层”>“图层样式”>“内阴影”。





现在点击“斜面和浮雕”,如下图所示。





然后,选择“描边”,并添加一些描边,如下图所示。





步骤 17:

现在选择文字工具,并添加数字“1”到“5”的颜色为#0080c7按钮。现在,点击“图层”>“图层样式”>“内阴影”,如下图所示。





步骤 18

所有5个编号按钮的重复相同的过程。





步骤 19

选择钢笔工具,跟踪以下选定的形状,用颜色#282828填充它。





点击“图层”>“图层样式”>“斜面和浮雕”,如下图所示。





点击“图层”>“图层样式”>“渐变叠加”,如下图所示。





然后,单击“图层”>“图层样式”>“光泽”。如下图所示。





步骤 20

现在,使用自定义形状添加不同的按钮。你应该在这些按钮上使用内阴影,因此使他们与其他一致。





在三角按钮之间创建颜色#000000大小1px的线条,如下图所示。





步骤 21

现在,只需添加一个漂亮的抽象背景。





希望你们喜欢这个教程。这应该使您的视频更令人印象深刻了很多。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: