首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的花纹图案背景

2023-06-21 04:21:26 | 一百分素材网

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)一百分素材网

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

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

此页面所含原素:

3、游戏页

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

Photoshop设计复古风格的花纹图案背景

1、新建一个250*250px的文件,添加垂直、水平参考线,位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。

2、第一个几何形状

STEP 1:新建一个组-small pattern。使用椭圆工具,在画布中心画一个直径40px的圆,,填充无,描边2pt,白色。

STEP 2:画另一个较小圆,直径20px,填充无,描边1pt,白色。放在下图的位置,即此圆圆心是大圆顶部和底部的锚点。

STEP 3:同样的,再画个两个更小的圆,直径10px,放在大圆两边。

STEP 4:选中左右两侧的最小圆,复制并旋转30度。最终达到如下效果。

STEP 5:选择多边形工具,画一个六角星,参数如下。

STEP 6:放大来检查,选择视图-显示-像素网格,对六角星的每个锚点进行调整,让每个锚点都对应网格的交叉点。

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的花纹图案背景”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的牛皮质感图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的牛皮质感图标

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

2023-05-24 17:20:22
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的拳击海报
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的拳击海报

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

2023-05-29 16:58:39
Photoshop设计质感的薅羊毛游戏界面 XR场景海报
Photoshop设计质感的薅羊毛游戏界面 XR场景海报

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

2023-07-08 02:00:39
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计多彩绚丽的渐变背景图
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计多彩绚丽的渐变背景图

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

2023-06-28 20:45:27
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的霓虹灯海报教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的霓虹灯海报教程

Photoshop设计复古风格的霓虹灯海报教程本教程教大家用PS制作时尚男士闪烁的霓虹灯海报效果,类似于电影海报的样子,既复古又时尚,,从场景创建到文字制作都是亲自制作,喜欢的同学可以学习一下。效果图:原图:Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了

2023-06-14 18:50:53
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计发光效果的金属版背景
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计发光效果的金属版背景

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-06-08 17:25:43
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的谍影重重电影海报
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的谍影重重电影海报

Photoshop设计复古风格的谍影重重电影海报春节期间,每天都会有一篇好莱坞经典大片的海报教程放出,电影质量都相当高,看完再练手,涨姿势放松身心两不误。第二部部电影是豆瓣评分达7.9的《谍影重重》,,热门短评:没有007的日子里,我们有他。效果图:新建一个画布。选好前景色和背景色,新建一层添加云彩。复制当中一小部分我们不需要那么多。稍微加一点点杂色让这个背景有点变化不然太过

2023-06-26 15:34:12
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计创意的花纹海报教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计创意的花纹海报教程

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

2023-07-11 17:31:03