手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-25 14:02:23

1、新建一张790*400的画布。

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

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

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

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

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

4、效果如下图。

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

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

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

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

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

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

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

8、调整为“柔光模式”。

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

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

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

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

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

11、细化后效果。

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

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

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

13、进行仿光效绘制。

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

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

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

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

PS(Photoshop)CC教程如何制作炫酷的UI界面
© 手抄报圈