多语言展示
当前在线:1989今日阅读:86今日分享:14

PS(Photoshop)CC教程如何制作炫酷的UI界面

主要介绍Photoshop CC 的用法及一些小技巧。PS CC版的教程。
工具/原料

Photoshop CC软件。

方法/步骤
1

新建一张790*400的画布。

2

执行“Alt+Delete”命令, 填充背景色为 #1c46e3,并为其添加渐变叠加图层样式 。

3

选择圆角矩形工具,创建 250*90\圆角半径2像素 的白色圆角矩形,并为其添加 图层样式 。

4

效果如下图。

5

新建图层,选择椭圆选区工具画一个如下图的选区,并进行羽化(50px) ,执行“Alt+Delete”填充黑色 。

6

将绘制好的“黑色羽化图形” 执行“Ctrl+T”命令变得扁一些。

7

为该图层添加蒙版结合画笔和选区工具制作。

8

调整为“柔光模式”。

9

矩形工具绘制288*2的矩形,并为其添加 渐变叠加图层样式 ,在其下绘制1PX黑色直线。

10

通过直线工具和选取工具对界面进行细化。

11

细化后效果。

12

加入文字,为其添加1px修饰效果,将彩色loading添加图层蒙版,做成36%状态。

13

进行仿光效绘制。

14

添加icon。整个界面风格是简约风,选择icon的时候也要选用风格相对一致。

15

最后为icon和文字添加光效修饰。

推荐信息