PS设计蓝色通透的游戏开始按钮图标photoshop教程

PS设计蓝色通透的游戏开始按钮图标photoshop教程

PS设计蓝色通透的游戏开始按钮图标-photoshop教程

PS设计蓝,教程,PS教程,PS

按钮创作不难,首先确立具体形状,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教学吧。

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第1张

一、分析图层

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

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第2张

二、创作背景

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

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第3张

三、创作按钮“底层”

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

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第4张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第5张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第6张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第7张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第8张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第9张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第10张

四、创作按钮“反光”

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

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第11张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第12张

五、为按钮添加质感

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

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第13张

六、为按钮添加高光

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

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第14张

PS设计蓝色通透的游戏开始按钮图标photoshop教程 PS教程 第15张

七、添加文字特效

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

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

原文链接:https://www.zzlz.net/archives/608233.html,转载请注明出处。部分文章来自网络,如有侵权请联系邮箱:lianzhi0000@163.com 删除,谢谢!

0

评论0

请先

显示验证码
没有账号? 注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码