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

1.本课知识点，具体如图所示。

2.打开ps，在策划白区域增加原画，注意构图平衡，增加【剪切蒙版】，具体如图所示。

3.选择关卡任务图层，打开【库】，导入星星素材【复制】，调整位置大小，颜色，选择黄色星星图层，选择【外发光】，具体如图所示。

4.调整页面排版，比例，使用【矩形工具】为每个副标题增加背景，调整颜色，调整【锚点】，对页面边框进行处理，增加锐角，具体如图所示。

5.导入场景，掉落奖励从【库】中导入图标，关卡怪物导入素材，使用【智能对象】按住【alt】复制图层，具体如图所示。

6.拉出一条直线，打开【assistor ps】第五个标签，选中图层，竖排复制15间距4，合层，调整大小颜色，放置底层背景，具体如图所示。

7.新建图层增加渐变，颜色调亮，通过浅色重色对比调整颜色，选择【线性光】，降低【填充】，【复制】图层调整效果，具体如图所示。最终效果如图所示。

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