这是一个sony PSP游戏机的界面设计教程，这里只讲述按钮部分的制作，和大家分享一下GUI设计的过程和经验。
我门先看一下最终的效果图。
前边是照片图，后边一个将是我们要用photoshop创造的图片。
1.创建一个新文档使用下面的设置。 背景颜色可以设置为白色或透明。
2.选择椭圆工具（U），打开几何体选项窗口。 选择固定大小，然后设置宽度和高度为74px。 点击您的工作区域，此设置将自动创建一个圆形。#p#分页标题#e#
3.双击，弹出图层样式。 应用下面的图层样式：
你的圆应该和下面的图片完全一样：
4.让我们复制这一层：右键单击它并选择复制图层。 命名此新图层白边。 这个新的复制层具备了所有的样式，但我们只想要圆的形状。 所以，在这个新层右击并选择清除图层样式。
#p#分页标题#e#5.双击白边层，弹出图层样式。 应用下面的图层样式：
我们只想层填充样式没有任何的影响，我们必须设置填充不透明度为0％的高级混合。
你的圆应该和下面的图片完全一样：
6.复制白边层并命名新图层灰色边界。 再次，明确了这层和应用层的风格后，图层新样式如下：#p#分页标题#e#
7.是时候添加游戏机标志性的形状：三角形，方形，圆形和X。
自定义形状工具（U）。 打开自定义形状选择器窗口，点击黑色的小箭头，然后点击选择全部这样所有的形状将出现在选择器窗口，你会发现三角形，圆形和方形框架。 X键在本教程结束后我会告诉你如何创建。设置前景颜色为＃000000，让我们的形状为白色。 选择一些你喜欢的形状，并打开的几何体选项窗口。 选择固定大小，然后设置宽度和高度为40像素。 点击您的工作区域将自动创建形状。
8.我们必须调整在我们中间按钮形状。 按Ctrl +对底层的缩略图点击激活圆的选区。 选择移动工具（V）和选择我们的形状图层。 你会看到你的屏幕上对齐按钮，这样我们将调整到选择的形状。 在此之后，按CTRL + D取消选择。
9.此预设框架有一些僵化。 因此， 选择图层，滤镜>模糊高斯模糊。 设置为0,3 PX的半径。 为了更好地理解这一步需要仔细观察与放大前和应用效果后的形状。
10.我们的按钮看起来过于平坦， 你必须使用纹理来现实更真实的图标。创建一个新图层并命名为纹理。 按Ctrl +点击相应的图层缩略图调出圆的选区。 填充这一新的层颜色＃282828。 按Ctrl + D取消选择。 选择去滤镜>噪音>添加噪声。 设置为46％，高斯。#p#分页标题#e#
光度变化层给5％的不透明度混合模式。
11.复制灰色边层。 这层的图层样式，设置前景到＃000000及以下的图像波纹应用新的样式：
我们要模拟的光线来自左顶部区域，在渐变叠加窗口，还需要移动光标到您的形状左上角的效果。 改变这层不透明度为60％，你会产生：#p#分页标题#e#
12.最后，我们将增加我们的按钮的亮度。 复制刚才的层并命名新图层为光亮。 图层样式如下：
右键点击亮度层，选择转换为智能对象。 再次，右键单击此层，现在选择栅格化图层。我们只是希望未来的光从圆的左上角部分照射：在图像的蓝色区域如下。 因此可以用软刷清除。
现在完成了，复制三个改变中间的图形。
X的制作步骤：
设置前景颜色为＃000000，让我们的形状为白色。 选择矩形工具（U），打开的几何体选项窗口。 选择固定大小，然后设置宽度为4像素，高度为44像素。 点击您的工作空间和此设置将自动创建该矩形的任何地方。 创建另一个矩形反转设置：44px × 4像素。
#p#分页标题#e#现在你有两个方向的矩形：垂直和水平。激活移动工具（V），选择这两个层次，进入编辑>变换>旋转并设置旋转45 °。现在你有你的X框。 摆在你们面前的按钮，记得要运用高斯模糊。
原创文章，作者：admin，如若转载，请注明出处：https://www.2233cn.com/%e7%bb%8f%e5%85%b8%e8%ae%be%e8%ae%a1/1690.html
