adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

hao333 4629 2023-09-19 23:50:43

今天给“朋友”们带来了一台酷炫的《UI设计小教程》。让我们一起创建一个streamer接口。

Adobe Photoshop CS6做出酷炫的UI;

创建画布

新建一个790*400的画布(别忘了给文件命名~)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

2.生产背景

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

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

3.创建接口库

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

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

目前为止的效果如下~(亲爱的,你跟上节奏了吗)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

4.给底座添加效果。

新建一个图层,选择椭圆选区工具绘制选区如下图所示,羽化(50px),用黑色填充AltDelete(如下图所示)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

使绘制的“黑色羽化图”Ctrl T变平(如下图所示)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

给图层添加蒙版,用笔刷和选区工具制作(如下图所示)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

调整到柔光模式(如下图所示)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

5.制作彩色装载带

矩形工具绘制一个288*2的矩形,为其添加渐变叠加图层样式,在其下绘制一条1PX的黑线(如下图所示)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

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

这一步主要是通过线条工具和选择工具来细化界面(如下图所示)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

你可以按照上面的方法画出其余的细节(效果如下)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

7.向界面添加文本,并将加载状态修改为36%。

添加文案,给它添加1px装饰效果,给图层蒙版添加颜色加载,使其达到36%(如下图)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

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

这里主要灵活运用选区工具、笔刷工具、铅笔工具(铅笔工具用于绘制1px点)绘制仿光效果(如下图所示)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

9.换上你心爱的小图标,做适当的修改~

因为整个界面风格比较简洁,所以在选择图标的时候也要选择相对一致的风格(如下图所示)

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

10.最后给图标和文字加上光效装饰,再加上自己的标记,就大功告成了~

灯光效果使用here-http://www.zcool.com.cn/gfx/zmza1njgw.html材质(如下图所示)。

adobe photoshop cs6 破解版(adobe photoshop cs6中文破解版)

当你有了一些初级的设计能力之后,细节的处理就成了你进阶的重中之重!

所以大家一定要记得培养“处理细节的能力”!

  • 版权声明:本站文章来源网络,于2023-09-19 23:50:43发表
  • 本站不对文章真实性及版权负责:admin,如有疑问,请联系我们删除。
  • 本文地址:https://baike.nuobg.com/post/132880.html
      
上一篇:12123保留原车牌流程(为什么车贩子过户不需本人)
下一篇:已是最新文章
相关推荐

 发表评论

暂时没有评论,来抢沙发吧~

返回顶部小火箭