当前位置: 首页 > 优图知识库  > PS教程 > PS鼠绘教程

PS制作炫彩渐变按钮

2019/1/5 22:53:18 人评论

大家好,今天和大家分享学习彩虹的按钮图标,让我们一起来动手吧!先看下最终的效果图:具体的制作步骤如下:1、建立画布800x600pi,填充颜色为#a846ff。复制一层做一个渐变叠加得到画板效果2、接下来我们做按钮,建立一个圆角矩形308x308pi,半径为683、给椭圆矩形做效果,混合 ...

大家好,今天和大家分享学习彩虹的按钮图标,让我们一起来动手吧!

先看下最终的效果图:

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html

具体的制作步骤如下:

1、建立画布800x600pi,填充颜色为#a846ff。

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

复制一层做一个渐变叠加

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

得到画板效果

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

2、接下来我们做按钮,建立一个圆角矩形308x308pi,半径为68

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

3、给椭圆矩形做效果,混合模式:斜面浮雕——颜色叠加——投影

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程
_ueditor_page_break_tag_

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯模糊15,图层不透明度25%。

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

在复制一层,高斯模糊为20,不透明度15建立剪切蒙版,因为图标是一个椭圆矩形,阴影也要擦出来图标轮廓。

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

4、建立一个225x225的圆形,颜色渐变

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

5、在建立一个226x226的大圆在外面我们只是做外面的轮廓,留下边缘部分

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程
_ueditor_page_break_tag_

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

6、建立112x112,的中心按钮

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

混合模式做图标效果

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

给按钮在做一个阴影,复制一个置于按钮下方。高斯模糊

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程
_ueditor_page_break_tag_

大家看到我给这个圆左右压缩一点,光源从上方打过来,为了过渡自然,我们可以根据情况改变做阴影的形状,做完后图层透明度改为75%。

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

7、做一个96x96的中心圆

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

颜色填充采用叠加效果

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

做渐变叠加最后就是两个旁边显示状态按钮,大小为15x15pi。右边颜色填充为#6fe2fb,左边为描边

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

8、到这里就搞定了以上就是今天分享的教程全部了

PS制作炫彩渐变按钮 优图宝 PS鼠绘教程

喜欢请给我点点赞,更多案例设计分享敬请关注,第一时间观看学习哦!

utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html

相关资讯

    暂无相关的数据...