分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作购买按钮教程

Photoshop 学UI设计 939次浏览 0个评论

 

今天我们来做一个购物按钮,这个相对来说比较简单,我就不分析了,直接上手去做了。

效果图:

PS制作购买按钮教程

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

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

内阴影颜色#71d1ff

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

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

 

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

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

PS制作购买按钮教程

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

最后添加手点图标

 


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (3)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!