PS游戏网站按钮制作步骤

2016-04-05 14:19 78 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的PS游戏网站按钮制作步骤教程,一起来看看吧!超容易上手~

【 tulaoshi.com - ps鼠绘 】

PS游戏网站按钮制作步骤

   游戏按钮制作教程:

  先看下整体效果:

PS游戏网站按钮制作步骤 图老师

  背景部分:

  深色 暖色 纯

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)

  背景很简单,这里不做处理,直接画出一个深色的背景,纯色,未经处理。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)

  形状部分:

  矩形 橡皮红擦 耐心 感觉

  形状一定要画好,这里先画出一个矩形,再用橡皮擦工具,擦出边缘破旧的效果,感觉不对劲的话就多擦几次。

  纹理部分:

  杂色 锐化

  纹理其实很好做,现在也很流行,就是仙童滤镜杂色,这里要注意杂色要用单色,而且不宜过多,锐化选用usm锐化,半径满值!其他根据自己的喜好来调整。

  光影部分:

  叠加 线光 高光面 阴影

  这里主要运用画笔工具来画高光,颜色模式选择叠加,稍微调下透明度,让颜色看起来更柔和点,黑线框很好画,这里就不说明了。

  叠加 杂色 锐化 动感模糊

  线光是用杂色,然后锐化再锐化,动感模(图老师整理)糊,锐化,反复,试试吧,可以调出来的,颜色模式同样的叠加。

  画笔 橡皮擦 用心

  周围的一些黑色很简单,用画笔画出一些不规则的黑快,用橡皮擦擦出效果,放在黑线框附近。

  文字部分:

  汉仪中黑简 微软雅黑 混合选项 渐变

  汉字部分为汉仪中黑简,英文部分是微软雅黑,然后再来调混合选项,一般情况下,我会在混合选项再加点图层叠加,因为觉得调渐变不能调到刚合适,而且每次都双击打开面板太复杂了,还是简单点吧!

  这样就完成收工了哦!

来源:http://www.tulaoshi.com/n/20160405/2123535.html

延伸阅读
我们经常可以看到此类的按钮,他们一般出现在导航上面,那么我们快速的掌握他们的制作技巧会对我们的“工资”有很大的帮助。老板不是总是要求你又快又好嘛。这里就和大家分享一下,制作这类导航按钮两种方法。不要说那种好,那种不好的幼稚话,关键是你要掌握,举一反三。那我们就开始吧,要求是5分钟学会。 用圆角矩形工具画出一个框子出...
标签: PS PS教程
本次海报讲解互联网广告创意形式之一游戏活动首页制作,通过步骤分解,让大家一步步学习一个游戏网站是如何制作而成的。 最终效果   用到的素材下载:http://yunpan.cn/c3WaGL5ge4qbW  访问密码 3cd1 一、海报详情: 二、创意思路推导: 三、创意调性参考: 四、制作步骤分解: 1、首先新建一个1440 * 800的画布,...
标签: PS PS基础
先看看效果图 第一步 新建一个文档(Ctrl+N),命名为button,大小设置为640×480,其余选项留作默认。 第二步 在图层面板中新建一个图层,选择圆角矩形工具(U),半径设置为80像素,画出一个矩形。 第三步 在图层面板中双击layer 1″,打开图层样式对话框。勾选渐变叠加(Gradient Overlay),在渐变叠加面板上点击渐...
PS制作质感按钮教程 教程使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档。 为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工www.tulaoshi.com具,创建按钮的的主要形状,半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#5...
最终效果图 1、首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式Tulaoshi.com做出来的。看到了吗?都用了那几种样式? 2、有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比...

经验教程

17

收藏

23

精华推荐

ps水晶按钮制作教程

ps水晶按钮制作教程

神经质大叔_

PS制作精致推荐按钮

PS制作精致推荐按钮

日后再说cx

PS制作蓝色玻璃按钮

PS制作蓝色玻璃按钮

堕落天使的夜晚

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部