首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的播放器图标

2023-06-12 07:59:06 | 一百分素材网

Photoshop设计时尚质感的播放器图标

1、在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下。

2、考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我画了一个草图。

3、新建一个1000*600的文档,设置前景色为白色#ffffff,背景色为#cfcfcf,使用渐变工具,画一个白色到浅灰色的渐变,渐变跟我下图中的箭头差不多就行了。

4、下面,我们给背景图层添加一点杂色,强化质感。执行“滤镜—杂色—添加杂色”,设置数量为1%,高斯分布,勾选单色。

5、现在,我们开始构建图标的轮廓形状。使用椭圆工具,设置前景色为#cecece,画一个450*450像素的正圆。我把它命名为“外圆”。

6、现在,我们为这个“外圆”添加一个图层样式。

7、接下来,还是用椭圆工具,画一个400*400像素的圆,我将其命名为“内圆”,颜色这里无所谓,等会我会用图层样式修改它的颜色。“内圆”图层的图层样式的设置请看下图。

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素:

3、游戏页

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

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的播放器图标”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的定时器图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的定时器图标

Photoshop设计金属质感的定时器图标本教程主要使用Photoshop巧用图层样式设计金属质感的IOS图标,形状主要使用钢笔来完成,后期的质感表现都是使用图层样式来完成,非常适合新手,教程简单幽默,听说在愉悦的气氛中学习的效率更高哦,一起来看看吧。教程源文件:金属质感的IOS软件图标PSD源文件Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅

2023-09-17 21:38:40
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的圆形软件图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的圆形软件图标

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

2023-09-01 23:13:07
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色立体效果的播放按钮
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色立体效果的播放按钮

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

2023-06-30 21:52:37
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的游戏标志教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的游戏标志教程

Photoshop设计金属质感的游戏标志教程本教程主要使用Photoshop制作金色质感的游戏标志教程,整体的过主要通过图层样式来完成,作者主要完成了背景的制作,字体的制作过程比较的复杂,作者直接就做好了请大家下载uimaker.com/uimakerdown/">素材即可,喜欢的朋友让我们一起来学习吧。教程需要的素材:金色质感的3D立体字教程PS素材Photoshop设计质感的薅羊

2023-06-29 08:44:20
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的派对海报教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的派对海报教程

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

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

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

2023-05-29 05:49:49
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色质感的方形APP图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计蓝色质感的方形APP图标

Photoshop设计蓝色质感的方形APP图标随手制作了一个图标,简单易学一,先ctrl+N(新建文件),新建一个512x512的白色场景二,按快捷键“U”,选择圆角矩形工具,,主要左上方的类型在场景内点一下,弹出选项参数,,创建一个圆角矩形三,找到图层框,双击红色圈圈部分,弹出图层样式颜色叠加,参数步骤如上再回到图层框,选择bg1图层,按&l

2023-06-18 07:26:59
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚动感的光线效果图
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚动感的光线效果图

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

2023-05-24 17:47:13