Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚的低多边形星空海报

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素：

3、游戏页

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

Photoshop设计时尚的低多边形星空海报

掌握最火的设计趋势!今天的教程灵感，取自多边形又不落俗套，作者巧妙地以星系风格展现出来，时尚感与科技感兼备，效果过程不难，还附上星空背景的快速绘制技巧，特别适合新手练习。

教程源文件：打造低多边形星系海报PSD教程源文件

前言

笔刷、纹理、甚至是Photoshop的杂色滤镜都能做出星系的样子，但是我觉得远远不够。它或许不够直接，又很难用任何一种形状就能将它表达完全。所以，我们所画的星系似乎都只是概念中的星系。本教程要教大家用AI和PS来打造一张星系海报，当然，如果用星空做背景那就太平淡了。这次，让我们尝试用低多边形来为星系造型。

教程最终PSD：微盘下载

一、星系的造型

1、打开AI，新建一个任意大小的文档。矢量图的尺寸大小当然不太重要。在此我创建的是800px*800px，我想提醒一下，如果是想要画出非常纤细的星系线条(线条小于1pt)，那么，就请在新建文档时，不要勾选“使新建对象与像素网格对齐”。因为，如果你不这样做，你做出的图形描边很有可能就不会少于1pt。

2、打开多边形工具，画上一个大于8条边的多边形。我在这里画上的是13边形，填充为空，描边黑色0.25pt。如果第一次做这类星系图的童鞋，可以参考我的数值，等以后熟悉了这套路再发散自己的思路。

3、运用直线工具开始画星系。在画星系前最好开启“智能参考线”，智能参考线能帮助你在画线条时识别哪里是端点，哪里应该对齐，哪里是两条路径的交点。画线条的时候尽量保持将这个圆形看做一个三维的球体面，那么这些线条就能表现为一个低多边形组成的三维图形。在这个过程中，维持立体感的视觉非常重要。

4、将中间的线条清除，为接下来要制作的文字符号留出位置。根据你要增加标识的外形而选择要删除的线条。接下来，就利用椭圆工具在每个线条与线条的交汇处画上一个小小的实心圆，实心圆填充黑色。

5、我在这个星系图里画上的是一个“F”，这是我的个人网站()的其中一个字母，我用它来作为我的个人标识。

这样，我们就为这个概念的星系造型完成。

二、海报的制作

1、打开PS，新建一个1000px*1400px的文档。在这里，我的海报只限于网络上使用，所以不需要打印的尺寸。画上一个530px的黑色实心正圆，将刚刚AI里星系文档在PS里打开。星系图层选用“颜色叠加”的混合选项，将颜色换作白色。