当前位置:首页 > PS教程 > 设计教程

PS制作超酷绚丽的UI界面教程

  • 2021-05-06 16:28:58
  • 来源/作者:互联网/佚名
  • 己被围观

制作炫酷的UI界面可以说是刚需,尤其是对于从事游戏UI设计和电商设计的同学而言。这次畅游VC给我们带来的UI界面设计教程就是与此有关。最终效果可能并不符合你的需求,但是最重要

先看一下最终效果

Photoshop制作超酷绚丽的UI界面教程

1.创建画布

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

Photoshop制作超酷绚丽的UI界面教程

2.制作背景

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

Photoshop制作超酷绚丽的UI界面教程

Photoshop制作超酷绚丽的UI界面教程

Photoshop制作超酷绚丽的UI界面教程

3.创建界面底托

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

Photoshop制作超酷绚丽的UI界面教程

Photoshop制作超酷绚丽的UI界面教程

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

Photoshop制作超酷绚丽的UI界面教程

4.为底托添加效果

新建图层,选择椭圆选区工具画一个如下图的选区,并进行羽化(50px) ,Alt+Delete填充黑色 (如下图所示)

Photoshop制作超酷绚丽的UI界面教程

Photoshop制作超酷绚丽的UI界面教程
​​​​​​​

 1/2    1 2 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?