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

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

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



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


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

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


情非得已
Photoshop设计撕纸特效的人物海报教程2020-10-28
Photoshop制作立体风格的国庆节海报2020-10-10
Photoshop设计撕纸特效的人像海报2020-03-27
图标设计:用PS制作奶油质感手机主题图标2019-11-06
图标设计:用PS制作中国风圆形APP图标2019-11-01
手机图标:用PS设计儿童贴画风格的APP图标2019-08-09
电影海报:用PS制作蜘蛛侠海报效果2019-07-09
创意海报:用PS合成铁轨上的霸王龙2019-07-08
电影海报:用PS设计钢铁侠电影海报2019-07-08
立体海报:用PS制作创意的山川海报2019-05-22
Photoshop设计猕猴桃风格的APP图标2021-03-10
Photoshop制作逼真的毛玻璃质感图标2021-03-09
Photoshop结合AI制作抽象动感的丝带2021-03-16
Photoshop结合AI制作炫酷的手机贴纸2021-03-16
Photoshop结合AI制作炫酷的手机贴纸
相关文章652021-03-16
Photoshop结合AI制作抽象动感的丝带
相关文章1822021-03-16
Photoshop设计猕猴桃风格的APP图标
相关文章2212021-03-10
Photoshop制作逼真的毛玻璃质感图标
相关文章2102021-03-09
Photoshop设计撕纸特效的人物海报教程
相关文章16362020-10-28
Photoshop结合AI制作炫丽的网格效果
相关文章10302020-10-28
Photoshop制作立体风格的国庆节海报
相关文章7132020-10-10
Photoshop制作时尚大气的足球比赛海报
相关文章11832020-07-09
