首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的牛皮质感图标

2023-05-24 17:20:22 | 一百分素材网

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

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

教程源文件:卡通风格的游戏界面设计PSD源文件一百分素材网

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

项目设计思路的详细过程

1、先确定基本思路

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

2、画第一稿(开始页)

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

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

此页面所含原素:

3、游戏页

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

Photoshop设计复古风格的牛皮质感图标

在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧。

教程素材:复古风格的笔记本图标PSD教程素材

先看看效果图

一、新建文件,显示网格

打开PS,Command/Ctrl-N新建一个文件。按照下图设置参数,单击确定。显示网格(视图>显示>网格),然后对齐到网格(视图>对齐到>网格)。刚开始,你需要一个10px的网格,选择编辑>首选项>参考线,网格和切片,设置网格线间隔为10px,子网格为1,网格颜色为#a7a7a7。注:可以用Command/Ctrl-’ 快捷键来显示或隐藏网格。你也可以打开信息面板(窗口>信息)来查看你绘制的形状的大小和位置。

二、创建封面和封底

步骤 1

将前景色设为#aecef5。选择圆角矩形工具,选择形状图层模式,把 半径设为5px。创建一个 240 x 380px 的圆角矩形,使用对齐到网格可以简化工作。

步骤 2

选择矩形工具。按住Alt 键,创建一个40 x 330px的矩形,如下图。

步骤 3

选择圆角矩形工具,按住Shift 键,,创建一个50 x 20px 的圆角矩形,如下图。

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的牛皮质感图标”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的拳击海报
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的拳击海报

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

2023-05-29 16:58:39
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的花纹图案背景
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的花纹图案背景

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

2023-06-21 04:21:26
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的霓虹灯海报教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的霓虹灯海报教程

Photoshop设计复古风格的霓虹灯海报教程本教程教大家用PS制作时尚男士闪烁的霓虹灯海报效果,类似于电影海报的样子,既复古又时尚,,从场景创建到文字制作都是亲自制作,喜欢的同学可以学习一下。效果图:原图:Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了

2023-06-14 18:50:53
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的游戏标志教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的游戏标志教程

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

2023-06-29 08:44:20
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的谍影重重电影海报
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的谍影重重电影海报

Photoshop设计复古风格的谍影重重电影海报春节期间,每天都会有一篇好莱坞经典大片的海报教程放出,电影质量都相当高,看完再练手,涨姿势放松身心两不误。第二部部电影是豆瓣评分达7.9的《谍影重重》,,热门短评:没有007的日子里,我们有他。效果图:新建一个画布。选好前景色和背景色,新建一层添加云彩。复制当中一小部分我们不需要那么多。稍微加一点点杂色让这个背景有点变化不然太过

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

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

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

2023-09-17 21:38:40