PS教程:制作一个比较简单购物按钮

作者 : 99 发布时间: 2019-12-19 本文共354个字,预计阅读时间需要1分钟 共104人阅读

看看效果图

PS教程:制作一个比较简单购物按钮-99素材

第一步建立背景,新建一个400*300像素的画布,渐变填充#046cfa-#074177

PS教程:制作一个比较简单购物按钮-99素材PS教程:制作一个比较简单购物按钮-99素材

新建一个圆角矩形,大小119*73,

PS教程:制作一个比较简单购物按钮-99素材内阴影颜色#71d1ff

PS教程:制作一个比较简单购物按钮-99素材PS教程:制作一个比较简单购物按钮-99素材

添加一个阴影,画上面同样一个圆角矩形,向下移动10个像素,并羽化10个像素,得到以下效果。

PS教程:制作一个比较简单购物按钮-99素材

画下半部分的金额背景,用圆角矩形画出最大圆角矩形一半,并修改圆角,中间两个圆角变成0,下半部分圆角不变。并对形状进行渐变填充#012659-#0044a3

PS教程:制作一个比较简单购物按钮-99素材PS教程:制作一个比较简单购物按钮-99素材

添加金额文字,并对文字添加投影,投影颜色:#072249

PS教程:制作一个比较简单购物按钮-99素材PS教程:制作一个比较简单购物按钮-99素材

我们再来绘制上半部分,用圆角矩形画出最大圆角矩形一半,并修改圆角,中间两个圆角变成0,上半部分圆角不变。并对形状进行渐变填充#198eef-#22b4f4

PS教程:制作一个比较简单购物按钮-99素材PS教程:制作一个比较简单购物按钮-99素材

再来添加文字并添加投影#0146a5

PS教程:制作一个比较简单购物按钮-99素材PS教程:制作一个比较简单购物按钮-99素材

最后添加手点图标

PS教程:制作一个比较简单购物按钮-99素材

做法很简单,需要大家多去尝试,练才会有结果。

声明:本站除原创资源外,所有资源收集于互联网,请勿直接商用!

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 本站提供的素材资源,都不包含技术服务请大家谅解!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6 如遇到加密压缩包,默认解压密码为"www.sucai99.com",如遇到无法解压的请联系管理员!

99素材 » PS教程:制作一个比较简单购物按钮
立即查看