当前位置:首页 > PS教程 > 设计教程

用PS设计金色主题风格的暂停按钮

  • 2020-09-08 09:06:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用Photoshop设计金色发光效果的暂停按钮教程,整体的教程制作过程很简单的说,感兴趣的朋友一起来学习吧。

先看看效果图

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

首先,打开ps 软件,新建一个图层

声明一下:因为是制作一个界面图标,所以新建一个400*400像素的图层,分辨率是72

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

首先我们填充一个黑色的底,用椭圆选框工具,填充一个白色的圆,加一个外发光效果。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

然后ctrl+J复制一个圆,填充为棕色,按住alt+shift向中心缩小。

叠到白色圆的上方,并且在图层样式填充一个颜色渐变和投影。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

按照上一步,制作一个黄色的圆。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

之后在黄色面上加一些深色的圆斑,模仿类似奶酪的效果。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

圆点加内阴影,注意一下光效来源,圆点也不要画的太小,也不要太密集。

这里要给整个底面加一个矩形反光条

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

直接用矩形选框工具填充纯白色的矩形,之后降低图层透明度。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

这里再加一个圆边,可以直接用圆形选框工具加描边,然后在这个图层上面加一个渐变叠加,或者直接用一个喷枪笔刷去涂抹,这里要记住,锁定透明图层哦~才不会画出圆圈。

最后一步,画暂停键。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

首先用圆角矩形工具

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

再做一个图层颜色叠加和内阴影

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

按照上一个步骤做一个深色的圆角矩形

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

同样按住alt+shift等比例缩小。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

单个做好之后,给这两个图层建一个组,命名为矩形1,然后复制组,水平拖动。

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

给第二个组也命名,建个组。这样,图标就完成了,希望有兴趣的小盆友可以自己尝试做一个

Photoshop设计金色主题风格的暂停按钮教程,PS教程,PS家园网

暂停按钮的制作方法就讲解到这里,大家可以举一反三,设计出其它样式的暂停按钮,也欢迎大家分享投稿自己的制作方法。


(责任编辑:极限)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) 暂停按钮

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?