本教程教爱安网的按钮制作学习者使用PS制作buy now购买按钮,教程打造的购物按钮非常精致,buy now矢量图在电商网站设计中很常见,难度不大,非常适合新手入门学习

今天我们来用Photoshop做一个“buy now”的购买按钮,教程制作的效果相对来说比较简单,有金额和buy now文字组成的一个蓝色圆角矩形购物按钮,效果非常精致,话不多说,下面让我们直接上手去做吧。先看一下效果图:

效果图:

主要过程:

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

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

内阴影颜色#71d1ff

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

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

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

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

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

最后添加手点图标

教程结束,以上就是PS制作buy now购买按钮教程的全部内容,希望大家喜欢!

相关教程推荐:

PS怎么画旋钮? PS绘制不锈钢按钮的教程

ps怎么画一款漂亮通透的按钮?

CorelDRAW X8制作金属质感渐变3D立体按钮教程

最新资讯
IDC:2020年全球AR/VR支出将达188亿美元 中国占30%

IDC:2020年全球AR/VR支

至2020年,全球AR/VR(增强与虚拟现实)市场相关支出规模将
互联网的201X年,这些节点时刻你可还记得?

互联网的201X年,这些节

10年一瞥,世事变迁。当2010年1月1日的太阳升起的时候,史
法官直播"带货"1小时狂卖1亿!网友:没李佳琦什么事了

法官直播"带货"1小

12月12日上午9点,浙江省宁波市中级人民法(tian)院(ping)与线上拍卖
Airbnb上市前的最后一搏

Airbnb上市前的最后一

据《Information》报道,2018年,Airbnb在前三个季度的体
三星折叠屏手机销量破百万 华为Mate X仍然抢不到

三星折叠屏手机销量破

Galaxy Fold已于11月8日在中国区正式发售,售价15999元
特斯拉德国工厂计划每年生产50万辆电动汽车

特斯拉德国工厂计划每

马斯克宣布要在德国勃兰登堡州格伦海德建造特斯拉的第
最新文章
ps怎么设计逼真的玻璃质感按钮?

ps怎么设计逼真的玻璃

ps怎么设计逼真的玻璃质感按钮?ps中想要设计一款漂亮的
ps怎么设计立体按键式按钮?

ps怎么设计立体按键式

ps怎么设计立体按键式按钮?想要设计一款圆形立体的按键
PS怎么设计简单的矩形按钮?

PS怎么设计简单的矩形

PS怎么设计简单的矩形按钮?ps中想要设计按钮,该怎么设计
ps怎么设计创意的圆形按钮?

ps怎么设计创意的圆形

ps怎么设计创意的圆形按钮?ps中想要设计按钮,该怎么设计
ps简单制作一枚红色渐变图钉教程

ps简单制作一枚红色渐

本教程教爱安网的按钮制作学习者如何使用ps简单制作一
Photoshop绘制扁平化风格索尼PSP游戏机图标教程

Photoshop绘制扁平化

本教程教爱安网的按钮制作学习者如何用Photoshop绘制