PS如何制作炫酷的UI界面
发布时间:2015-05-12 来源:查字典编辑
摘要:应用软件:Photoshop–CS6今天给“小伙伴”们带来一个酷炫的《UI设计小教程》,让我们一起来打造...
应用软件: Photoshop – CS6
![PS如何制作炫酷的UI界面1](/Images/jiaocheng/2015-05-0510/2300553712.jpg)
今天给“小伙伴”们带来一个酷炫的《UI设计小教程》,让我们一起来打造一枚流光质感界面吧~。
1.创建画布
新建一张790*400的画布(不要忘记文件命名哈~)
![PS如何制作炫酷的UI界面2](/Images/jiaocheng/2015-05-0510/2755660707.jpg)
2.制作背景
Alt+Delete 填充背景色为 #1c46e3,并为其添加渐变叠加图层样式 (如下图所示)
![PS如何制作炫酷的UI界面3](/Images/jiaocheng/2015-05-0510/3066489242.jpg)
![PS如何制作炫酷的UI界面4](/Images/jiaocheng/2015-05-0510/1011395294.jpg)
![PS如何制作炫酷的UI界面5](/Images/jiaocheng/2015-05-0510/1808415088.jpg)
3.创建界面底托
选择圆角矩形工具,创建 250*90圆角半径2像素 的白色圆角矩形,并为其添加 图层样式 (如下图所示)
![PS如何制作炫酷的UI界面6](/Images/jiaocheng/2015-05-0510/2789258171.jpg)
![PS如何制作炫酷的UI界面7](/Images/jiaocheng/2015-05-0510/4154889553.jpg)
到此为止的效果如下图~(亲,你有跟上节奏吗)
![PS如何制作炫酷的UI界面8](/Images/jiaocheng/2015-05-0510/2928983673.jpg)