宁波UI设计哪家好价格多少钱

UI设计新手如何的临摹UI界面？通过临摹一个UI界面来熟悉图层样式

1.网上找到这张图，把它拖进PS里

UI设计新手如何的临摹UI界面

如果大家想要学习设计，可以去麦职看一下，麦职上面有很多的设计学习资源、教程、素材！

UI设计新手如何的临摹UI界面

2.双击背景图层解锁，然后新建一个空图层，随便填充一个颜色

UI设计新手如何的临摹UI界面

3.双击图层1添加图层样式，选择渐变叠加，颜色可以直接吸取效果图上的颜色，

UI设计新手如何的临摹UI界面

4.新建一个图层，填充黑色，滤镜-杂色-添加杂色，选择单色，我们模拟磨砂的感觉，做好确定之后，图层模式改为滤色。

UI设计新手如何的临摹UI界面

5.参照着原图拉出来辅助线，用圆角矩形工具绘制出来绘制圆角矩形，然后颜色叠加，颜色可以吸取背景的颜色；接着再添加内阴影，具体参数如下图所示，接着再添加投影，这里的投影是起到高光的作用

UI设计新手如何的临摹UI界面

UI设计新手如何的临摹UI界面

UI设计新手如何的临摹UI界面

6.复制title1图层，然后命名为title2，，双击图层进入图层样式，取消原有的样式，改为渐变叠加，参数可以参考下方截图，然后用矩形工具减去左边一半。

UI设计新手如何的临摹UI界面

UI设计新手如何的临摹UI界面

UI设计新手如何的临摹UI界面

7.用圆角矩形工具和椭圆工具对应原本效果的位置绘制出来，如图所示：

UI设计新手如何的临摹UI界面

8.再给title 2,制作斜面浮雕，调整一下参数，然后添加投影，确定后按ctrl+t(自由变换)，放大一点遮住下方的凹槽，如下图所示：

UI设计新手如何的临摹UI界面

UI设计新手如何的临摹UI界面

9.后面就直接把相同图层样式的效果，复制粘贴就可以了，找到title图层鼠标右键，找到拷贝图层样式点击，然后根据那个图形有凹陷效果的就找到对应图层，鼠标右键图层，粘贴图层样式即可，效果如下方截图所示：

UI设计新手如何的临摹UI界面

UI设计新手如何的临摹UI界面

10.同样把具有同样效果的都粘贴图层样式，需要微调的可以双击图层进入图层样式调整。

UI设计新手如何的临摹UI界面

11.橙色渐变条，先复制凹槽的图层样式，然后修改渐变颜色，调整一下阴影效果和大小就可以了，方法都是一样的。

UI设计新手如何的临摹UI界面

12.把文字打出来，调整好大小，然后添加阴影的图层样式，凹陷的效果直接拷贝图层样式就可以了，稍微调整一下参数，因为文字笔划比较小，对应的样式参数也需要小一些。

UI设计新手如何的临摹UI界面

13.中间立体圆的部分，可以直接复制下方的立体圆，调整好位置即可，+和-号，可以矩形制作，箭头在形状工具里可以找到，同样他们都是用的同样的图层样式，直接复制粘贴即可出来。

UI设计新手如何的临摹UI界面

14.播放箭头用三角形旋方向即可，前进和后退的符号用两个三角形合在一起，竖线可以用矩形画出来即可，一个图形是在同一个图层上绘制，较后拷贝图层样式，调整一下参数，完成效果。

UI设计新手如何的临摹UI界面

UI设计新手如何的临摹UI界面