• 注册
  • 基础教程 基础教程 关注:7 内容:1144

    P大点S教你绘制一个超漂亮的渐变按钮图标

  • 查看作者
  • 打赏作者
  • P大点S教你绘制一个超漂亮的渐变按钮图标插图

    这是一个朋友在微信后台的提问,这样的图标怎么做?不得不说,这位朋友提供的图真是小到姥姥家了,不过,尝试了一下,效果还算差强人意吧。

    点击下载PSD文档

    这位朋友提供的原图:

    P大点S教你绘制一个超漂亮的渐变按钮图标插图1

    最终效果:

    P大点S教你绘制一个超漂亮的渐变按钮图标插图2

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图3

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图4

    P大点S教你绘制一个超漂亮的渐变按钮图标插图5

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图6

    P大点S教你绘制一个超漂亮的渐变按钮图标插图7

    P大点S教你绘制一个超漂亮的渐变按钮图标插图8

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图9

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图10

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图11

    P大点S教你绘制一个超漂亮的渐变按钮图标插图12

    P大点S教你绘制一个超漂亮的渐变按钮图标插图13

    P大点S教你绘制一个超漂亮的渐变按钮图标插图14

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图15

    P大点S教你绘制一个超漂亮的渐变按钮图标插图16

    P大点S教你绘制一个超漂亮的渐变按钮图标插图17

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图18

    P大点S教你绘制一个超漂亮的渐变按钮图标插图19

    P大点S教你绘制一个超漂亮的渐变按钮图标插图20

    P大点S教你绘制一个超漂亮的渐变按钮图标插图21

    P大点S教你绘制一个超漂亮的渐变按钮图标插图22

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图23

    P大点S教你绘制一个超漂亮的渐变按钮图标插图24

    P大点S教你绘制一个超漂亮的渐变按钮图标插图25

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

    P大点S教你绘制一个超漂亮的渐变按钮图标插图2

    请登录之后再进行评论

    登录
    • 大版主
    • 小版主
  • 官方助手
  • 我爱ps
  • 任务中心
  • 帖子间隔 侧栏位置: