首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计颓废风格的软件APP图标

2023-06-27 02:07:10 | 一百分素材网

Photoshop设计颓废风格的软件APP图标

下面是教程开始

Step01:点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。

Step02:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为180px,高度为180px,半径20px,,并勾选【从中心】,然后点击确定;

Step03:重命名图层为di,右键设置图层样式:

【斜面和浮雕】:样式:内斜面、方式:平滑、深度100%、方向:上、大小3、软化1、阴影角度90°、勾选【使用全局光】、高度30°、高光模式颜色#dedede、阴影模式颜色#262626、

【渐变叠加】:线性渐变,色值从上到下为 #333333 — #c6c6c6,角度为90°;

复制di图层重命名为di_bian,选择右键清除图层样式,填充颜色改为# 616161;按住Ctrl键点击图层载入选区,向上移动两像素,再反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】;

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素:

3、游戏页

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

一百分素材网

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计颓废风格的软件APP图标”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计银色拉丝质感的软件APP图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计银色拉丝质感的软件APP图标

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

2023-10-17 17:35:17
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体时尚的软件APP图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体时尚的软件APP图标

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

2023-05-29 05:49:49
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计颓废主题风格的电子公章
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计颓废主题风格的电子公章

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

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

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

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

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

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

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

2023-09-01 23:13:07
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计奶酪和盘子组成的APP软件图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计奶酪和盘子组成的APP软件图标

Photoshop设计奶酪和盘子组成的APP软件图标本教程主要使用Photoshop设计立体奶酪风格的软件图标教程,整体的设计风格很不错,主要通过图层样式来完成,喜欢的朋友让我们一起来学习吧。教程源文件:立体的奶酪盘子软件图标教程源文件Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思

2023-06-11 19:18:46
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色风格的酷狗软件图标教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色风格的酷狗软件图标教程

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

2023-06-24 12:59:19