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

2024-10-25 14:02:23

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

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

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

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

4、效果如下图。

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

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

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

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

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

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

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

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

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

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

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