首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

PhotoShop CS6酷炫流光质感界面UI设计制作教程

[ 作者来源:优设 畅游VC 编辑整理:PhotoShop资源网 更新时间: 2014-08-02 录入: 黄叶飞扬 ]

简介:制作炫酷的UI界面可以说是刚需,尤其是对于从事游戏UI设计和电商设计的同学而言。这次畅游VC给我们带来的UI界面设计教程就是与此有关。

最终效果可能并不符合你的需求,但是最重要的是学习制作的思路和方法。

先看一下最终效果~

应用软件: Photoshop ?C CS6

按此在新窗口浏览图片

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

1.创建画布

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

按此在新窗口浏览图片

2.制作背景

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

按此在新窗口浏览图片按此在新窗口浏览图片按此在新窗口浏览图片

3.创建界面底托

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

按此在新窗口浏览图片按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!