PS教程:播放器界面建造

作者:亚博APP最新地址手机版下载发布时间:2021-11-19 00:55

本文摘要:PS教程:播放器界面建造 作者:kingtent 来历:https://www.uisdc.com 我们看到过许多播放器,手机上的,车载的,电脑上的等等。我们会发明,这些界面都十分有特点,要么简练,要么可爱,要么随性。今天我们就来看看这款简练播放器的界面是如何完成的 效果图 在这个教程中,你将会学到如安在adobe Photoshop中设计一个时髦的音频播放器界面。 步骤一: 创建600×400像素大的新文档。

亚博APP最新地址

PS教程:播放器界面建造 作者:kingtent 来历:https://www.uisdc.com 我们看到过许多播放器,手机上的,车载的,电脑上的等等。我们会发明,这些界面都十分有特点,要么简练,要么可爱,要么随性。今天我们就来看看这款简练播放器的界面是如何完成的 效果图 在这个教程中,你将会学到如安在adobe Photoshop中设计一个时髦的音频播放器界面。

步骤一: 创建600×400像素大的新文档。步骤二: 操纵径向渐变东西,从#5e6c78#20282e,填充配景。

步骤三: 复制配景图层,执行滤镜/杂色/添加杂色。使用这些配置:数量(5);匀称;单色。单击确定。

此刻图层不透明度降低至30。此刻您的界面应该像这样。展开全文 步骤五: 此刻创建一个新文档,600x600px。

执行文件-填充-50%灰度。然后执行滤镜——噪声——添加杂色:80;高斯;单色。再执行滤镜-恍惚-径向恍惚:100;旋转;最佳。按Ctrl键反复。

此刻您的界面应该像这样。步骤六: 将之前做好的图像复制到音频播放器文档,放在”base”之上。改变混淆模式为柔光,不透明度为80%。

我们把这个图层称为”纹理”。按住Ctrl键点击”base”图层缩略图举行缩放,生成selesction。

然后Ctrl+Shift+I键反选,删除。步骤七: 创建新图层, 定名为”高光”。使用铅笔东西绘制两条直线,个中一条在base顶部,一条 在base用一个大的柔软笔刷擦除直线边沿,降低不透明度至80%。

要使这些图层组织布局分明,选择之前做好的三个图层:base,纹理和高光,然后按 Ctrl+G组合这些图层。把组合图层定名为“base”。

步骤八: 此刻让我们建造扬声器的双方。创建新图层,定名为”扬声器”。按住Ctrl键点击”base”图层缩略图举行缩放。然后操纵矩形选框东西,按住Shift+Alt键创建图片中的选区。

选择#3a3a3a举行填充。复制图层,定名为”纹理”。选择混淆选项,添加这些配置:以 “蜘蛛人模式” 举行叠加,混淆模式:重叠,规模12%。

步骤九: 创建新图层, 定名为”高光”。再次操纵铅笔东西绘制一个1px的高光,像下图中一样。

然后创建一个新图层,定名为“阴影”。操纵椭圆东西绘制一个选区,用玄色举行填充,执行滤镜/恍惚/高斯恍惚,半径5。擦除不需要的部门,可以获得图片中的效果,降低不透明度至50%。

步骤十: 组合之前创建的四个图层——播放器,纹理,高光和阴影,然后定名为“组合播放器—左”。复制组合图层,将它举行程度翻转,然后放在右边,定名为“组合播放器—右”。步骤十二: 创建新图层,定名为“X”。你可以使用你喜欢的字体或者像我一样用铅笔东西绘制。

我使用的渐变叠加(深灰-浅灰)和1px绘制阴影来到达这个效果。步骤十三: 组合之前创建的两个图层,定名为“X”。然后通过复制和改变“X”组合图层创建另外2个按钮。

我再次操纵铅笔东西来绘制符号。步骤十四: 此刻让我们来建造屏幕,创建新图层,定名为“屏幕base”。

绘制一个矩形,就像图片中一样,然后从 #303a44 到 #4a5968举行渐变填充。步骤十五: 创建一个新图层,定名为“光泽”。绘制一个小的矩形,用白色举行填充,形成透明渐变。

降低不透明度至10%。步骤十六: 再次使用1px白色铅笔东西绘制周围的一些重点。多试频频,这样可以获得你要的效果。

步骤十七: 让我们在屏幕上填充一些内容。创新一个新组合,定名为“内容”。我将试着使这部门比力简短,也易于理解。

对于每个内容都要创建一个图层。首先,使用 柔软圆笔刷添加突出计时器的位置。然后,操纵数字的字体样式输入“03:59”或其它任何数字(我使用Digital-7字体,你可以在DaFont得到 这种样式)。

使用宋体,反复输入和Shuffle。Shuffle模式开着,比反复得到的光效果亮一些。

然后,我操纵之前描述过的技巧添加一些小的细节 ——1px铅笔东西直线和一些圆形柔软笔刷得到光效果。步骤十八: 创建一个新图层,定名为“快进条”。操纵圆角矩形东西,半径5px,绘制一个细长的矩形。使用玄色举行填充,添加以下混淆选项:渐变叠加#303a44#1c2329和1px,描边颜色#afbbc6、不透明度16%。

步骤十九: 此刻另有许多按钮需要建造。因此再创建一个组合,定名为“按钮”。

首先,为播放、遏制和其它按钮创建一个base。创建新图层,定名为“按钮 base:,为了我操纵5px的圆角矩形东西得到图形效果,然后用铅笔东西绘制边框。假如你愿意,你可以简朴地绘制一个圆角矩形。然后添加以下混淆选项:投影-90度(取消“选中全局光”),间隔-1,巨细-0。

内阴影:混淆模式-正常,颜色-白,角度-90(再次不合用“全局光”),间隔-1,巨细 -0。渐变叠加:#4d5c6a-#1c2329-#303a43. 步骤二十: 此刻,使用铅笔东西1px和擦除直线的结尾来添加一些细节。看看图片思考一下。

记住:你必需使用不透明度来得到更好的效果。步骤二十一: 为了建造播放、暂停、遏制、向前和向后按钮,我简朴地绘制了矩形和三角形,并归并成向前和向后按钮。

添加渐变叠加生成节制按钮图层:#b7d9ed-#458fb2-#b7d9ed. 步骤二十二: 此刻,让我们建造最后4个按钮——反复、无序播放、播放列表和平衡器。她们都是一样的配置,使用小的圆角矩形和以下混淆选项:投影:不透明度 26%,扩展100%,巨细1.。内阴影:混淆模式-正常,颜色-白,不透明度-40%,角度-90,间隔-1,choke-100%。渐变叠 加:#3d4a59-#1c2329-#303a44。

然后复制这些按钮,放置在图片中相应位置。步骤二十三: 此刻添加文字。我使用宋体和以下混淆选项:投影:不透明度-42%,角度90,间隔-1,巨细-1。

渐变叠加:#4c5a69-#8495a7. 步骤二十四: 再次使用铅笔东西添加一些细节。步骤二十五: 此刻最后一步是添加音量节制界面,首先,操纵铅笔东西绘制一个图标。添加一些渐变,就仿佛播放节制按钮一样(播放,暂停….) 步骤二十六: 操纵圆角矩形东西,半径5px,绘制一个矩形,然后添加一些渐变,就像快进条一样。

步骤二十七: 绘制十个小圆圈。激活的几个要像音量节制一样有梯度,其余的几个要由简朴的浅灰过分到深灰色。步骤二十八: 完成最后,添加一些投影效果。

除了配景图层,将所有图层归并。复制,添加1,2px的高斯恍惚,将其垂直翻转,使用圆形软橡皮擦东西擦除底部。扫一扫,在线咨询PS课程返回,检察更多。


本文关键词:亚博APP最新地址手机版下载,教程,播放器,界面,建造,教程,播放器,界面

本文来源:亚博APP最新地址-www.yinxingdl.com