首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

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

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

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

 

6.现在给整个界面增加细节

这一步主要是通过直线工具和选取工具对界面进行细化 (如下图所示)

按此在新窗口浏览图片

大家可以按照上述方法绘制其余的细节(效果如下图)

按此在新窗口浏览图片

7.为界面添加文字,并将loading修改到36%状态

加入文案,为其添加1px修饰效果,将彩色loading添加图层蒙版,做成36%状态 (如下图所示)

按此在新窗口浏览图片

8.为Loading添加加载时的预期动画效果

这里主要是灵活运用选区工具画笔工具,铅笔工具(铅笔工具作用于绘制1px点)进行仿光效绘制 (如下图所示)

按此在新窗口浏览图片

9.放上自己心爱的小icon,做适当修饰~

因为整个界面风格是简约风,所以在选择icon的时候也要选用风格相对一致的哟~ (如下图所示)

按此在新窗口浏览图片

10.最后为icon和文字添加光效修饰,再加入属于你自己的印记,大功告成~

光效运用了这里的素材-# (如下图所示)

按此在新窗口浏览图片

/ 小结 /

小伙伴本有木有在观看的过程中发现什么?
……
>没错!
就是那些1\2px的细节绘制啦!
在你具备了一些初级设计能力之后,细节的处理就成为了,你进阶的重中之重啦!
所以大家一定要记得培养“细节的处理能力”哈!



≡★ 免 责 声 明 ★≡

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

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

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

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