首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚的照相机软件图标教程

2023-06-23 20:30:13 | 一百分素材网

Photoshop设计时尚的照相机软件图标教程

主要通过不规则形状来完成各种软件图标的绘制,有什么不懂的地方可以下载PSD源文件下载,喜欢的朋友让我们一起来学习吧。

先看看效果图

下面是教程

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

Step02:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为200px,高度为150px,半径10px,并勾选【从中心】,然后点击确定;(PS:因为是不规则形状的主题图标,长宽比采用4:3比例)

Step03:重命名图层为di,右键选择【混合选项】,设置

【描边】:大小为1,位置内部,填充类型为渐变,色值从上到下为 #ededed — #ffffff,,角度为90°

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

再复制图层(快捷键Ctrl+J),重命名为di2,填充颜色改为b9b9b9,并把图层向下移动三像素;一百分素材网

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素:

3、游戏页

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

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚的照相机软件图标教程”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的圆形软件图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的圆形软件图标

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

2023-09-01 23:13:07
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体时尚的软件APP图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计立体时尚的软件APP图标

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

2023-05-29 05:49:49
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚大气的马赛克软件图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚大气的马赛克软件图标

Photoshop设计时尚大气的马赛克软件图标第1步:打开Photoshop,Ctrl+N新建一个文档,文档尺寸可自定义。第2步:按住Alt键双击背景图层,使其转换为普通图层。然后再次双击,打开图层样式面板,为其添加颜色叠加样式,颜色为#262523。继续为其添加渐变叠加,数值如下:再利用内发光中的杂色功能来给背景添加一些杂色,当然你也可以使用滤镜中的添加杂色功能。此时的

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

2023-06-24 12:59:19
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的播放器图标
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标1、在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下。2、考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我画了一个草图。3、新建一个1000*600的文档,设置前景色为白色#ffffff,背景色为#cfcfcf,使用渐变工具,画一个白色到浅灰色的渐变,渐变跟我下图中的箭头差不多就行了。4、下面,我们给背景图层

2023-06-12 07:59:06
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-28 13:28:28