当前位置

首页 > 文章 > 生活随笔 > ui界面设计制作的教程

ui界面设计制作的教程

推荐人: 来源: 阅读: 2.13W 次

应用软件: Photoshop ? CS6

ui界面设计制作的教程

今天给“小伙伴”们带来一个酷炫的《UI设计小教程》,让我们一起来打造一枚流光质感界面吧~。

1.创建画布

新建一张790*400的画布(不要忘记文件命名哈~)

ui界面设计制作的教程 第2张

2.制作背景

Alt+Delete 填充背景色为 #1c46e3,并为其添加渐变叠加图层样式 (如下图所示)

ui界面设计制作的教程 第3张

ui界面设计制作的教程 第4张

ui界面设计制作的教程 第5张

3.创建界面底托

选择圆角矩形工具,创建 250*90圆角半径2像素 的白色圆角矩形,并为其添加 图层样式 (如下图所示)

ui界面设计制作的教程 第6张

ui界面设计制作的教程 第7张

到此为止的效果如下图~(亲,你有跟上节奏吗)

ui界面设计制作的教程 第8张

赞助商