我们只做互联网+的高阶培训 拥有好作品才会拥有好工作 咨询热线:13810428182
中文 | English

UI游戏徽章设计教程-魔兽世界战士

承辉学院2016-10-09

    游戏UI设计师,最近几年是一个不错的职业,游戏的受欢迎程度不用多说,游戏竞技比赛都要加入奥运会了,相信以后的游戏发展会越来越快越来越好,这个时候游戏ui设计人才就是必不可缺少的。


    我们承辉学院,开展的游戏ui设计培训班致力于向社会输送合格的优秀的游戏ui设计人才,更开展了免费的网络课供喜欢设计的人学习,今天我们来一起学习下游戏徽章的设计流程,下面是我们的游戏设计总监—YHY的课程内容。


    UI游戏设计教程,我们拿魔兽世界战士徽章为例,主要的设计流程分为了四个步骤:起形,上色,细化,完善。


    一,魔兽世界战士徽章-起形


    首先我们要有一个手绘板,然后打开ps就可以开始了,建一个大的图层,加一个背景色,然后就开始了魔兽世界战士徽章的草稿图绘制,要保证草稿图整体的对称性,以及合理的空间规划,因为是草图所以不用太过于细致。


    像这样我们只需要画出其中的一半,然后做对称复制就可以了

    如图所示:

1.png

    最终成型的模样应该是这样的,如下图所示第一张是我们粗糙的还的一个形状,第二张是细节刻画完成后的样子。

2.png

    就这样第一步的起形可以说初步的完成了。


    二,魔兽世界战士徽章-上色


    接下来我们开始第二部的上色步骤,首先我们再复制一个画好的原型,上色步骤就在这里开始,在这里我们可以先隐藏一部分形状,给整个图形上一个底色,

3.png

4.png5.png

    将整体的底色设计好后,删去那些超出图形的颜色,最终的成型样子应该是这个样子的

6.png

    接下来就是给其他部分上色具体上色完成的样子如下图所示。(在这里一些ps基础操作没有说明,如果对于ps基础操作不太熟悉的可以看我们的免费网络课—ui设计软件基础http://www.chenghuixueyuan.com/Course/ndex/id/9.html)


    最终上色完成的样子可以按照下图所示,然后我们再复制一个一样的图形,进行第三步设计。

7.png

    三,魔兽世界战士徽章-细化


    在这个步骤我们就是要表现出的的超写实设计的感觉,如金属光泽,立体感等等。如果怕出错我们可以再复制一个在上面操作,为了表现每一步的清晰程度,老师在这里复制了很多张,可以说每一张的完成就是一个步骤的完成。


    这个步骤也是考验设计师水平的一部,如何设计的有立体感,如何在视觉上给予人的冲击。

老师提示:考虑光源的照射方向,从而配置颜色的冷暖,最终的成型样子如下图所示。

8.png

    四,魔兽世界战士徽章-整体的完善


    这个步骤也是属于超写实设计中的一部分,然后加上一些特效的样式,如火焰,在网上我们可以找到很多火焰燃烧的样式,设计成型如图

9.png

    下面的步骤依然是一些特效的完善,颜色的改善,或者加上自己觉得炫酷的样子让整个设计更加在视觉上给人震撼。如果没有基础的同学可以先了解一些ps工具基础操作。到这里整体的魔兽世界战士徽章就基本完成了,成型的样子如下图所示。

10.png

    UI设计,游戏UI设计如果想自己学习是十分困难的,因为自己在没有基础的情况的很难找到一套系统的学习流程,一些设计当中的注意事项也不会知道,所以如果对UI设计有兴趣,想做这一行业的朋友,应该选择一个好的网络课程或者来实体班培训,很多网络言论对培训评价很低,这种一棒子打死一群的看法是错误的,就好比一些言论说专科大学生甚至本科大学生工作能力不行一样,机会靠自己把握,不要让时间消磨了自己的兴趣爱好。




本文由承辉学院原创,禁止一切商业转载。

承辉教务01
承辉教务02