PS教你绘制一枚通透质感的游戏按钮

 

  一、分析图层

  在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有四部分组成,“底层”是用一个图层完成的,并不是多个图层叠加,其它三个图层相对简单,接下来我们分层制作。


  二、制作背景

  新建600px*600px,72分辨率的RGB画布,然后在使用渐变工具(G)做一个径向渐变图层,颜色数值如下,之后在其上方填充一个纹理图层,并适当降低不透明度以增加背景的质感。


  三、制作按钮“底层”

  新建图层,命名为“底层”,使用圆角矩形工具在画布上绘制一个圆角矩形,圆角的半径大家可以多多尝试以达到自己想要的效果,如果是CC版本的话就非常方便了,因为可以在实时形状属性中调整,然后双击打开图层样式进行如下设置(数值仅供参考)


  四、制作按钮“反光”

  “反光”能够使按钮有更进一步的质感效果,新建图层,使用椭圆工具(U)在按钮的下方绘制一个椭圆选区,然后适当羽化并填充白色,最后将其图层模式改为“叠加”适当降低不透明度。


  五、为按钮添加质感

  给按钮加上纹理,一是能让它更加美观,二是能够使它更加具有质感。制作方法很简单,在按钮图层上新建一个图层命名为“纹理”(记得给你的图层命名,否则会很乱的!)然后按住Ctrl键再点击按钮图层会出现它的选区,在纹理图层上填充图案,最后改图层模式为柔光并适当降低不透明度。


  六、为按钮添加高光

  四边的高光:使用钢笔工具在按钮的边缘勾勒出白色线条,注意勾选模拟压力,这样才会有两边细的效果, 然后适当降低不透明即可 半圆形高光:先建立一个椭圆选区,然后再减去按钮形状之外的选区,剩下的就是如图所示的效果。


  七、添加文字特效

  现在整个按钮已经做好了,但它还缺少标志性文字。

  在这里我想把它做成一个开始游戏的按钮,所以我加入了“START”文字,为了使它融入到整个按钮中去我又为其添加了内阴影、颜色叠加、投影,方法比较简单,所以在这里我就不演示了哈。

分类:

  • PS入门教程
时间: 2024-08-03 23:03:57

PS教你绘制一枚通透质感的游戏按钮的相关文章

PS教你绘制一枚清新淡雅的时钟图标

  今天的教程是一个超简单的图标绘制,无任何难度,仅仅是图层样式的应用,适合新手入门临摹练习,源文件已打包,感兴趣的同学来一发. 我们的最终效果: 背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具画一个圆角矩形,这是我们的主体. 为圆角矩形添加一个图层样式.友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想. 下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,执行一个角度为90度,距离为50的动感模糊滤镜,将图层

PS教你绘制一枚酷炫的机械风格图标

  Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为180px,高度为180px,半径20px,并勾选[从中心],然后点击确定; Step 03 重命名图层为di,右键设置图层样式: [斜面和浮雕]:样式:内斜面.方式

PS教你绘制一枚酷炫的多彩圆环

  今天来一个酷炫的圆环教程,教程简单易学,不过里边提到的方法特别使用,无论是绘制图标还是Logo设计都会经常用到,一起跟着Sevenmoly同学来练个手. 注:第3步,得出形状后,形状本身旋转60°即可. 分类: PS入门教程

PS教你绘制一枚扁平的相机图标

  人长得胖,没有关系,PS能帮你瘦身;人长得丑,也没有关系,PS可以帮你美容,总之PS已经强大到生活的各个领域,在这个照片不可信的年代,我们是有必要学一学PS的. Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为20

PS教你绘制一枚写实的皮包图标

  我们的最终效果: 下面,教程开始! 在正式做图标之前,需要先自定义一个图案. 首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后[滤镜]-[杂色]-[添加杂色],给图层添加7%的杂色.完成之后,[编辑]-[自定义图案]添加一个图案,命名为[磨砂纹理] 准备工作做好了,开始画皮包. 新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变. 建一个512×512,半径为90的圆角矩形,并添加图层样式,其中[图案叠加]叠加的是刚才新建的[磨砂纹理

PS教你绘制一枚锤子浏览器图标

  今天的图标教程适合新手临摹,效果是美到爆的Smartisan 浏览器图标.教程过程细致,参数明了,涉及多个快捷键技巧,非常值得练习 >>> 最终效果: 教程开始,第一步新建,500*500画布 拉个白到灰的径向渐变. 椭圆工具拉个300*300的圆居中对齐填充灰色. 添加图层样式. 再画一个较小的圆形. 添加图层样式:内阴影和投影. 复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl+t按住alt+shift同比缩小2到4px左右. 给黑圆添加渐变,注意是角度渐变. 添加渐变后的

PS教你绘制一枚经典的写实日历图标

  写实图标流行时,这几类效果很受欢迎(绳索.金属环.纸边撕裂等),今天这个教程把这些效果全收了,也是以前特别经典的一个日历图标,虽然现在是扁平化时代,不过写实图标这部分,新手最好掌握起来.把这个练完,绝对有不一样的收获! 1.观察这个图标 我们将它分成三个部分来制作,如下图所示. ①日历的卷页 ②日历的夹子和金属环 ③底座 2.开始动手 新建一个700*800的画布,如下图所示: 3.日历的卷页 (1)新建一个圆角矩形作为日历卷页的最后一页.如下图所示: (2)为圆角矩形添加图层样式. 内发光

PS教你绘制一枚QQ旋风图标

  这个是原图标 这个是我们的临摹成果 背景的创建没什么好说的,只是渐变,然后加了个图案而已.文档大小的话,请随意,本人用的1500*1000像素.首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐,选择椭圆工具,画一个圆. 为这个圆添加一个渐变叠加. 添加一个1像素的描边. 添加一个投影. 目前效果如下: 还是使用椭圆工具画出内部的这个圆. 给内部的这个圆添加一个径向渐变. 添加一个描边. 添加一个内阴影. 添加一个外发光,模拟原图标灰色描边外面的白色高光. 现在,我们得到如下的效果.

PS教你绘制一枚淡雅的播放器图标

  第一步: 新建画布,大小自定,填充一个淡色. 第二步: 画一个圆形,大小自定,填充如下. 接上边的数值. 第三步: 复制底圆,然后Ctrl+T,调整他的大小,添加图层样式. 接上数值: 第四步: 再画一个圆形,调整大小位置. 图层样式数值. 第五步: 再画一个圆形,加渐变效果. 渐变数值: 第六步: 画一个三角形,填充自己喜爱的颜色,添加样式. 第七步: 画一个这样的圆环. 第八步: 处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下. 数值: 第九步: 右下角画一个这样的,方法参照上面