首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 使用PHOTOSHOP设计木制书架

2023-10-15 10:13:01 | 一百分素材网

今天一百分素材网小编整理了Photoshop设计质感的薅羊毛游戏界面 使用PHOTOSHOP设计木制书架相关内容,希望能帮助到大家,一起来看下吧。

Photoshop设计质感的薅羊毛游戏界面 使用PHOTOSHOP设计木制书架

使用PHOTOSHOP设计木制书架

目前,很多小说阅读类APPS界面设计都采用了木质书架,这种方式无疑是一个完美的方式。 今天,我们将指导您在Photoshop中创建一个木质书架。在本教程中,你会学到如何创造木材纹理等许多的方便、快捷的技术。所以,废话不多说,让我们开始吧!



第1步 在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。

 



第2步 首先,我们将制作木质纹理。创建一个新层,选择“图层”>“新建图层”。使用油漆桶工具填充它可与任何颜色。设置前景和#dc8a24的背景颜色#ab540f。现在去“滤镜”>“渲染”>“纤维”。使用以下参数设置。 

Photoshop设计质感的薅羊毛游戏界面 使用PHOTOSHOP设计木制书架一百分素材网



第3步 现在,请按Ctrl +“T”激活“自由变换”工具。把宽度设置为50%,并向左移动到边缘。

 

 

复制纹理层,然后垂直翻转。要做到这一点,请单击“复制的图层,转到”编辑“>”变换“>”垂直翻转。“ 选择这两个纹理层,层上单击右键,然后选择“合并“图层的选项。标记这个新的合并层“木材纹理。” 

第4步 接下来,添加杂色的纹理,去“滤镜”>“杂色”>“添加杂色”使用下面的值。 



第5步 现在,使用“滤镜”>“液化”。使用向前变形工具,设置如下图所示,并将其应用在不同的地方在纹理随机。

 



第6步 调整纹理图层的大小,使用自由变换工具(CTRL +“T”),以及使用的值的宽度为560px和760px的高度。

 



第7步 接下来,我们将制作书架边缘。首先,选择矩形工具画一个矩形,如下图所示。拉标尺线来确定其左右的像素。 



第8步 接下来,内侧的标尺线对齐矩形。现在,矩形的宽度略有增加。

 



 现在,按Ctrl +鼠标左键 点击图层缩略图 ,得到该层选区,选择“木质纹理图层”按Ctrl +“C”复制粘贴Ctrl + “V”到一个新的图层,。标签此层为“左边框内。”

 



第9步 双击“内的左边框”图层,打开图层样式窗口,并使用以下设置颜色叠加。

 



第10步 接下来,阴影部分。按Ctrl + “模糊”“高斯模糊”。这里使用的值为2px,向外拖动以使其可见。

 



第11步 选择“左边框”层,阴影跟该层新建为一个组,复制组,水平翻转。将它放置内的右侧指南的创建相反的货架。

 



第12步 绘制一个矩形,如下图所示。

 

 

现在,按Ctrl + 。现在,点击木质纹理,按Ctrl +“C”复制,然后按Ctrl +“V”粘贴选定的纹理到一个新的层。在那之后,进入“编辑”>“变换”>“旋转90。将它放置在底部的纹理,如下图所示。标签这层“货架前。”然后,隐藏或删除的矩形。 

Photoshop设计质感的薅羊毛游戏界面 使用PHOTOSHOP设计木制书架

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

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

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

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素:

3、游戏页

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

以上就是Photoshop设计质感的薅羊毛游戏界面 使用PHOTOSHOP设计木制书架全部内容,更多相关信息,敬请关注一百分素材网。
与“Photoshop设计质感的薅羊毛游戏界面 使用PHOTOSHOP设计木制书架”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计中秋国庆活动宣传展架
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计中秋国庆活动宣传展架

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

2023-07-21 10:07:20
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计暗黑类游戏官网主页界面
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计暗黑类游戏官网主页界面

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

2023-10-14 12:30:26
Photoshop设计质感的薅羊毛游戏界面 XR场景海报
Photoshop设计质感的薅羊毛游戏界面 XR场景海报

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

2023-07-08 02:00:39
Photoshop设计质感的薅羊毛游戏界面 书法字体设计:用Photoshop设计大气的书法字教程优秀UI教程
Photoshop设计质感的薅羊毛游戏界面 书法字体设计:用Photoshop设计大气的书法字教程优秀UI教程

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

2023-06-18 16:33:38
 使用PHOTOSHOP设计木制书架
使用PHOTOSHOP设计木制书架

photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。&nb

2023-06-22 13:30:21
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-10-13 11:34:39
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计岩石质感的可爱字体
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计岩石质感的可爱字体

Photoshop设计岩石质感的可爱字体今天来点不一样的教程,适合有基础的同学作进阶学习。以往为了打造某种效果,过于强调参数设置,以至于效果出来,思路忘了,下次依然不会做。今天我们抛开技术细节,就单讲思路,帮同学们理解岩石质感的创造过程,至于参数,发挥你的想象力吧。今天我试着做了岩石字体,接下来我要把我的制作过程与大家分享。字体效果:放在背景上的效果首先,合成背景本教程主要介绍

2023-06-11 13:50:52