虎课网为您提供字体设计版块下的游戏UI-科技风关卡详情设计（下）图文教程，本篇教程使用软件为PS（CC2017），难度等级为初级练习，下面开始学习这节课的内容吧！

1.无脑加细节方法三，渐变，增加渐变注意轮廓逻辑统一，使用插件，具体如图所示。

2.【合并图层】，使用插件复制，调整位置，【合并图层】，具体如图所示。

3.调整花纹位置，加入【半透明】，【ctrl+h】隐藏【辅助线】，降低【不透明度】，调整颜色，具体如图所示。

4.将关卡任务选项分为三段，调整构图，具体如图所示。

5.选中花纹图层，降低对比，隐藏【剪切蒙版】，勾选【描边】，调整花纹间距，具体如图所示。

6.提亮星星颜色，具体如图所示。

7.【复制】副标题，更改文字，调整构图，具体如图所示。

8.选中人物图层，【复制】人物，调整位置，增加影子，【ctrl+u】增加【气氛-底光】，调整细节，具体如图所示。

9.选中故事背景图层【复制】图层，拉置图层最上，【填充】降为0%，勾选【描边】，具体如图所示。

10.创建为【组】，增加【剪切蒙版】，使用【柔边圆压力不透明】做出渐变，勾选【描边】,具体如图所示。

11.选择下方图层，增加【描边】，具体如图所示。

12.如何做方点，打开ai新建画布，使用【矩形工具】【复制】，菱形上小下大，使用【混合工具】，在菱形两端各点一下，具体如图所示。

13.双击【混合工具】，勾选【预览】，调整【指定距离】，具体如图所示。

14.选择【复制】，框选【ctrl+c】，打开ps【ctrl+v】【形状图层】，【复制】，调整细节，使用【矩形工具】，具体如图所示。

15，增加效果做出光效，拉出【渐变】，【ctrl+u】调整颜色，【ctrl+t】拉长，新建图层，拉出【渐变】，打开【渐变编辑器】，勾选第二个，调整大小，勾选【外发光】，【填充】颜色，具体如图所示。

16.查看细节，调整构图，创建六边形花纹，勾选【描边】，【填充】0%，具体如图所示。

17.花纹背景放置图层下方，添加【蒙版】，使用【柔边笔刷】，调整花纹颜色，【复制】图层，调整位置大小，勾选【描边】，调整【不透明度】，具体如图所示。

18.选择关卡怪物背景图层，添加【蒙版】，增加【渐变】，从【库】里添加箭头组件，按住【alt】拖出图层进行编辑，调整位置，具体如图所示。

19.选择故事背景上方小图标图层，改变颜色，调整细节，具体如图所示。最终效果如图所示。

以上就是游戏UI-科技风关卡详情设计（下）图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！