Photoshop设计质感的薅羊毛游戏界面 Photoshop设计质感的玻璃透明心形效果

Photoshop设计质感的玻璃透明心形效果

1、打开Photoshop，新建一个文件。设置如下图，像素长宽比选择：方形像素。保存文件并命名为Adv Reflective Clear Style.psd。在工作过程中要记得经常按Ctrl+S保存和更新文件。

2、双击背景层打开图层对话框。更改名字“Gradient bg(渐变BG)”，并单击“确定”。双击“渐变BG”图层打开图层样式对话框，然后选择左边选项栏的渐变叠加。创建一个径向渐变，单击渐变编辑器添加渐变色，具体设置如下。

3、单击左侧栏中的“图案叠加”。点击图案右侧的小三角，调出图案选项，在选项设置中，选择“艺术表面”“小列表”，，然后在图案列表选项中选择“石头”模式。

然后将不透明度降低到10%，因为我们只需要一点点的石头质感就好。再次点击渐变叠加的图层效果，改变其混合模式为正片叠底，将两种图层效果混合在一起。接下来我们要添加内发光，可以让背景更吸引人。一百分素材网

4、内发光是从内边向里发散。我们用这个内发光做一个从边缘开始向内的暗色渐变的效果。设置如下图：混合模式为正片叠底，颜色为RGB(115，17，112)，大小为199像素。

5、为了做出背景中圆点的效果，我们首先要创建一个自定义的形状，并将其保存为图案。然后，我们会用这个圆点形状生成背景圆点的图案效果。创建一个新文件对它进行以下设置。

6、创建一个新的空白层(按Ctrl + Shift + N)。选择椭圆选框工具，在选项栏中单击样式下拉菜单并选择固定大小。然后宽度和高度设置为45px。点击画布的左上角建立一个圆形选区。

如果前景色背景色不是黑白色，按D键来改变前景色和背景色为黑色和白色。然后按(Alt + Backspace)为选区填充黑色，Ctrl + D取消选区。同时选中选区层和背景层，选择移动工具，然后在选项栏中单击垂直居中对齐和水平居中对齐按钮。现在删除背景层，因为不需要它了。然后编辑>定义图案，给它命名为“circle_45px”。这种图案就被保存为新的图案了。

7、在原文件里创建一个新的空白层，用白色填充。双击图层打开图层样式选项框，选择图案叠加，单击左侧的小三角下拉图案选项，选择“circle_45px”，在该图层上你可以用移动工具随意拖动它，位置满意后你可以点击确定。

当然你也可以选择编辑>填充，形成圆点铺满背景的效果，两者的不同之处就是，填充后的图层不像图层样式中图案叠加的那个图层那样是可移动的。但问题是在空白的图层上添加图案叠加后，不会引起任何变化，所以要记得先给图层填充颜色。

Photoshop设计质感的薅羊毛游戏界面

本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面，文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来，希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件，下面一起来学习吧。

教程源文件：卡通风格的游戏界面设计PSD源文件

“薅羊毛”小游戏初稿展示

项目设计思路的详细过程

1、先确定基本思路

流程图画好以后又做了一些小的修改，制作的方向基本是确定了，由于我们的游戏并非真正意义上手机端APP游戏，只是网页或者微信端的小游戏，故而我设定的页面为三个：开始页面、游戏页面、领奖页面。另外此次游戏为“薅羊毛”带有一定恶趣味的感觉，所以定位为Q版画风。

2、画第一稿(开始页)

经验告诉我们，做好先给领导看，是非常正确的。样子定了再说后面的内容。

做好后领导和客户反映还不错，那么就可以继续下面的了，由于此次游戏讲究短频快的原则，所有我把游戏规则直接放在了开始页面，快速读取，快速游戏，背景加了个可爱的小羊，做到吸引点击的作用。

此页面所含原素：

3、游戏页

是整个游戏最复杂的页面，需要从游戏的动态效果来吸引用户，而且这个小游戏的宗旨是以最快速度让用户了解规则，进而为“码上天翼”平台做推广。故而初稿就先做了一只羊，并未制作过多的小羊表情，另外由于在绘画的过程中时间过于紧迫，，第一稿的羊是仿照韩国sheepo又加了些自己的设计。