Photoshop制作苹果播放器界面

2016-02-16 05:20 35 1 收藏

下面图老师小编要向大家介绍下Photoshop制作苹果播放器界面，看起来复杂实则是简单的，掌握好技巧就OK，喜欢就赶紧收藏起来吧！

【 tulaoshi.com - PS 】

先看效果图。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

新建文档500x500像素，背景填充浅蓝色，新建图层，画一个黑色的圆角矩形。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

将填充归零，添加图层样式。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

效果如下，我们得到一个圆角外框。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

底部新建图层1，画一个稍微大些的黑色正方形。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

调出形状1的选区添加蒙版，效果如下。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

添加图层样式，具体颜色值请采样下图。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

效果如下。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

建新层，减肥模式画一个圆环。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

添加图层样式。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

效果如下。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

建新层，用矩形等基本工具画出下图所示按钮，填充白色。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

建新层，画出中间的白色符号。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

添加图层样式。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

最后把所有配件中心对齐，最终效果如下，本ps教程结束。

Photoshop制作苹果播放器界面,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1568533.html

上一篇： Photoshop四种方法给数码照片调色
下一篇： Photoshop绘制超美的游戏MM教程

看过《Photoshop制作苹果播放器界面》的人还看了以下文章更多>>

iLABA 播放器界面UI设计欣赏

标签：平面设计标志设计 UI设计 VI设计

九天音乐网的小喇叭iLABA播放器界面设计。

Photoshop绘制圆形质感的播放器界面教程

标签： PS PS基础

本教程主要使用Photoshop绘制时尚的圆形播放器UI图标，今天这篇教程适合新手练习，重点是帮同学们深入理解图层样式的运用，喜欢的朋友跟着教程一起来学习吧。先看看效果图第一步：新建画布，大小自定，填充一个淡色。第二步：画一个圆形，大小自定，填充如下。接上边的数值。第三步：复制底圆，然后Ctrl+T，调整他...

制作微型播放器 [3]

标签： PS PS教程

16.在图层面板的最顶层新建一个图层，按住CTRL点击液晶显示屏的图层，使其选区浮起，执行菜单-选择-修改-收缩，将选区收缩3个象素，再选择椭圆选框工具，按住SHIFT+ALT后框选圆形选区的左上部分，这样选能将不需要的右下部分的选区直接去除，（图17）。（NO.17） 17.在选择渐变填充工具，渐变样式选择线性样式，再将渐变色的左右端的颜色都...

制作微型播放器 [1]

标签： PS PS教程

1.新建一个文件,图象大小设置为200X200象素，72DIP，白色背景，RGB模式。 2.新建图层1，选择椭圆选框工具在图象中拉一个椭圆的选区出来（图1）。（NO.1） 3.选择渐变填充工具，渐变样式选择‘径向’渐变，并将渐变色作如（图2）般设置，从选区的左上角向选区的右下角拖动鼠标来填充选区（图3）。（NO.2）（NO.3） 4.用鼠标双...

播放器按钮的制作

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果 1.新建一个大小为300*300像素文件，用线性渐变工具(设置如图1)由下至上绘制渐变。效果如图2 图1 图2 2.新建一个图层层，创建如图3所示的选区填充白色,效果如图4。按Ctrl + D 取消选区图3 图4 3.将白色层的透明度调为30%，点击菜单滤镜模糊高斯模糊，数值为2得到图5所示的效果。 ...

查看更多精彩>>