第三章 开天辟地 1 开天辟地软件的界面设计(1)

这次我们将一起来学习洪恩开天辟地系列软件界面的设计和制作方法，通过这样的实战制作我们可以清楚的了解到整个软件界面的每一步设计思路和制作流程，对我们的实际创作会很有帮助和启示。本实例综合应用了我们前面讲到的各种知识和技巧，从背景的设置到每一个按钮的制作都作了详细的讲解和思路的解剖。创作中，我们需要留意其中每一步的创作思路和设计方法，注意和以前所学过的基础知识结合起来思考。完成的作品如图7-1-1所示。

图 7-1- 1 效果预览

知识提要

◇     透视变形的运用

◇ 路径的简单运用

◇ 图层样式效果的灵活使用

◇ 简单几何图形的绘制

制作步骤

7.1.1 制作背景图案

步骤1 创建新的图像文件

为了适应大多数用户的浏览习惯，我们的软件一般是在800×600的屏幕模式下开发的，所以软件的界面也应该按照这个规格来设计。于是，我们首先执行【文件】菜单中的【新建…】命令，或者按快捷键Ctrl+N，打开“新建”对话框，输入图像的名称为“开天辟地入门篇”，然后把图像的宽度设置为800像素；高度设置为600像素；图像模式设置为RGB颜色。完成后按【好】按钮，如图7-1-2所示。

图 7-1- 2 创建新文件

步骤2 创建图层分组并对其命名

用鼠标点击图层面板上的【创建新组】按钮，新建一个图层分组（如图7-1-3所示），随后双击图层分组缩览图的名称，将其改为“背景图案”，如图7-1-4所示。

图 7-1- 3 创建新的图层分组

图 7-1- 4 分组命名

提示：图层分组功能可以帮助我们有效的管理庞大的图层结构，这在一些拥有大量图层的设计中显得十分必要。它的用法十分简单，大家跟着看下去就知道了。

步骤3 制作背景颜色

接着我们按一下图层面板上的【创建新图层】按钮新建一个图层，这时，新建的图层会自动排列在我们刚刚新建的 “背景图案”中（如图7-1-5所示）。随后我们将前景色设置为灰色（＃E6E6E6）并按快捷键Alt+BackSpace用前景色填充图层。完成后的效果如图7-1-6所示。这作为我们软件界面的第一层底色，接下来我们会在这层底色的基础上再添加其他的画面元素。

提示：在创建了一个图层组后，我们所新建的所有图层都会自动排列在那个图层组中，直至我们再次新建一个图层组或者自己改变图层的叠放顺序为止。

图 7-1- 5 创建新图层

图 7-1- 6 填充图层