UI设计与制作 UI设计与制作 游戏界面中的书籍图标.docVIP

游戏界面中的书籍图标设计 ——书籍图标 本章要点： 游戏界面中的图标 风格的统一 识别性 焦点明确 1.1 设计构思 本章将要制作一个在游戏界面中使用的，表现“技能”的图标。 要想表现“技能”这个含义，在我的脑海里首先想到的是一本魔法书，然后还会想到一只正在施法的手，还想到了虚幻的技能，还有发着光的武器。 所以本章是要设计一本中世纪具有魔幻色彩的书籍来表现“技能”这一特定图标。 在设计之前我会先查找写关于中世纪风格的魔法书图片如下图1，然后就可以开始绘制草图了。 图1-素材图片 1.2绘制草图 下图2为设计好的书的线稿。  图2 1.3制作步骤 (1)、打开photoshop cs4，新建一个的文件，如下图3所示。 图3 (2)、将之前绘制好的草稿拖制到这个文件里，如图4所示。 (3)、对草稿进行处理，调整自动色阶、自动对比度，并且用“魔棒工具”将背景去掉使之成为线稿如图5所示。 图4 图5 (4)、在线稿下面新建一个图层用来铺大色调。 (5)、用大笔触铺出大块的色彩来强调明暗对比，使用钢笔工具为色块加上一点点阴影。如图6所示。 图6 (6)、大色调铺好以后就可以开始着手绘制细节了。同样使用“画笔工具”来强代明暗关系，如图7所示。 图7 (7)、继续深入，这一步着重表现质感，同样使用“