1. 首页
  2. 实例教程

利用ps设计制作简洁清晰的网页小按钮

利用ps设计制作简洁清晰的网页小按钮,主要就是利用ps混合模式中的各项属性实现。

先看效果:

利用PhotoShop设计网页小按钮效果

第一、新建一张300*300的画布。填充背景颜色为灰色(#eaeaea),然后利用圆角矩形工具,在画布上画一个适当大小的按钮形状,大小可以自行把握。并设置其混合属性”内阴影、渐变叠加”效果,参数设置和效果如下图:

PhotoShop设计简洁清新的小按钮

PhotoShop设计简洁清新的小按钮利用ps设计制作简洁清晰的网页小按钮

第二、在里面在做一个圆角矩形,然后复制一层,好准备做按下去的按钮效果。该图层混合模式属性参数设置如下:

PhotoShop设计简洁清新的小按钮PhotoShop设计简洁清新的小按钮PhotoShop设计简洁清新的小按钮PhotoShop设计简洁清新的小按钮

PhotoShop设计简洁清新的小按钮

第三、加上按钮文字,然后制作按下去的效果。如下:

PhotoShop设计简洁清新的小按钮

注:其实你会发现,只要复制上面制好的,然后修改一下里面矩形的属性就行,然后进行修改即可。具体参数设置如下:

PhotoShop设计简洁清新的小按钮PhotoShop设计简洁清新的小按钮PhotoShop设计简洁清新的小按钮

学习中遇到什么问题可以留言或者加入QQ群

本教程学习素材及psd设计源文件:本地下载

三人行ps学堂photoshop技术交流QQ群178898086 

原创文章,作者:admin,如若转载,请注明出处:https://www.ren3.cn/777.htm

发表评论

电子邮件地址不会被公开。

联系我们

181-7282-8533

在线咨询:点击这里给我发消息

邮件:154526627@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code