首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计绿色立体风格的水晶球

2023-06-20 21:09:08 | 一百分素材网

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素:

3、游戏页

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

Photoshop设计绿色立体风格的水晶球

1、新建一个900 * 650像素,分辨率为72的画布。选择渐变工具,颜色设置1,然后由中心向边角拉出图2所示的径向渐变作为背景。

2、按Ctrl + R 调出标尺,再用移动工具拉出两条相交的参照线,如下图。

3、新建一个组,命名为“球体”,选择椭圆选框工具,以参照线的交点为圆心,按住Alt + Shift + 按鼠标左键拖动。

4、拉出合适的正圆后松开鼠标及快捷键,然后给组添加图层蒙版。

5、在组里新建一个图层,填充绿色,效果如下图。

6、在背景图层上面新建一个组,命名为“外框”,同上的方法拉一个稍大的正圆,给组添加图层蒙版,然后在组里新建一个图层,填充灰色:#B5B3AE,如下图。

7、在“球体”组里面新建一个图层,选择渐变工具,颜色设置8,然后由中间偏上位置向下拉出图9所示的径向渐变。

8、新建一个图层,填充黄绿色:#E4F001,效果如下图。

9、用椭圆选框工具拉出下图所示的椭圆选区,羽化20个像素后按Delete键删除。

10、取消选区后添加图层蒙版,用透明度较低的黑色画笔把顶部的过渡涂出来。

一百分素材网

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计绿色立体风格的水晶球”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计绿色主题的立体图标教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计绿色主题的立体图标教程

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

2023-09-14 19:44:27
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体橙色质感的网页按钮
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体橙色质感的网页按钮

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

2023-07-04 04:03:45
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体感十足的球状软件图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体感十足的球状软件图标

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

2023-09-11 11:53:29
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计创意风格的立体字教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计创意风格的立体字教程

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

2023-05-30 07:08:40
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体折纸风格的字母海报
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体折纸风格的字母海报

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

2023-07-19 15:18:40
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色立体效果的播放按钮
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色立体效果的播放按钮

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

2023-06-30 21:52:37
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体风格的旋转式图标教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体风格的旋转式图标教程

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

2023-10-13 13:34:29
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计透明风格的蓝色泡泡
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计透明风格的蓝色泡泡

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

2023-09-03 06:51:38