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

巧用PS图层样式绘制精彩色的按钮图标

  • 2020-12-29 21:00:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用Photoshop巧用图层样式绘制精彩色的按钮图标,很多同学问这个按钮效果要怎么实现,今天P大点S微博手把手给同学们临摹了一遍,重点依然是图层样式的运用,附上教程和

本教程主要使用Photoshop巧用图层样式绘制精彩色的按钮图标,很多同学问这个按钮效果要怎么实现,今天P大点S微博手把手给同学们临摹了一遍,重点依然是图层样式的运用,附上教程和源文件下载,想学的一起来试试。

最终效果:

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

新建文档,这里我用的是1000X800像素,创建一个#3d3d42的纯色调整层,添加一个杂色。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

给这个调整层添加一个内阴影。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

画一个黑色的正圆,将填充修改为24%,并添加一个图层样式,圆的大小我用的是500X500像素。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

画一个矩形,应用Ctrl+Alt+Shift+T,你可以轻易的得到跟我图中一样的直线,同时配合蒙版,将在刚才那个圆环外部的部分涂抹掉。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

下面,回到直线的下层,我们画一个圆,添加图层样式。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

接下来,我们来画那个内圆,同样的在直线图层的下层,我画了一个黑色的圆,将填充修改为26%,并添加了一个图层样式。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

下面,我们来画那个按纽,画一个正圆,添加图层样式。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

最后,毫无疑问的,就是添加我们的LOGO了。

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

是不是异常的简单,大功告成!

Photoshop巧用图层样式绘制精彩色的按钮图标,PS教程,PS家园网

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?