首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计扁平化风格的铅笔软件图标

2023-06-12 21:29:10 | 一百分素材网

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素:一百分素材网

3、游戏页

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

Photoshop设计扁平化风格的铅笔软件图标

1、新建500 * 500画布,填充为:#01dbcd。

2、椭圆工具,画一个362 * 362的正圆填充#01dbcd,描边1像素,命名为“圆”。

3、用矩形选框工具画一个长方形,填充为黑色,Ctrl + T 旋转45度左右,大小自己调到合适,然后调到恰当位置,命名为“阴影”。

4、将图层“阴影”移到“圆”的后边,不透明度为8%。

5、用椭圆工具画一个252 * 252的正圆填充为白色,命名为“圆2”。

6、用矩形选框工具画一个细长的长方形,填充#c2c8c8,然后复制多个。

7、选中这几个长条图层,Ctrl + E 合并图层,命名为“线条”,然后选中“线条”图层,按Ctrl + 左击鼠标“图层2”图层,Ctrl + Shift + I 反选,按Delete删除圆外多出的线条。

8、圆角矩形工具,画一个圆角为5像素的长方形,如下图,命名为“铅笔1”。

9、复制这个“铅笔1”图层,按住Alt拖动矩形工具减去一部分,如下图。命名为“铅笔2”。

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计扁平化风格的铅笔软件图标”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计扁平化风格的火箭图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计扁平化风格的火箭图标

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

2023-05-28 09:30:12
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计扁平化风格的雷达图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计扁平化风格的雷达图标

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

2023-06-05 15:55:59
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计颓废风格的软件APP图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计颓废风格的软件APP图标

Photoshop设计颓废风格的软件APP图标下面是教程开始Step01:点击—【文件】—【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。Step02:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出

2023-06-27 02:07:10
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计逼真的游泳圈风格的软件图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计逼真的游泳圈风格的软件图标

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

2023-05-28 13:28:28
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计胖嘟嘟的铅笔UI图标教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计胖嘟嘟的铅笔UI图标教程

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

2023-06-10 16:35:33
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的圆形软件图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的圆形软件图标

Photoshop设计时尚质感的圆形软件图标教程开始,第一步新建,500*500画布拉个白到灰的径向渐变。椭圆工具拉个300*300的圆居中对齐填充灰色。添加图层样式。再画一个较小的圆形。Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望

2023-09-01 23:13:07
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色风格的酷狗软件图标教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色风格的酷狗软件图标教程

Photoshop设计蓝色风格的酷狗软件图标教程本教程主要使用Photoshop设计蓝色风格的酷狗软件图标教程,教程非常简单快速好上手,效果也是九成九像了,刚接触Photoshop的同学,可以一起来学习吧。最终效果:新建一个文档,尺寸1000*1000。拉一个径向渐变。前景色:#f5f5f5背景色:#cccccc用形状工具画一个圆,尺寸800*800。图层样式-内阴影不透

2023-06-24 12:59:19
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计银色拉丝质感的软件APP图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计银色拉丝质感的软件APP图标

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

2023-10-17 17:35:17