10大优享服务
62项会员特权

简单了解水晶按钮的制作流程

发布时间:2021-12-01 07:03:44     阅读次数:12128次     评论数:0次

 水晶按钮的用途是比较多的,在很多的网页制作中都是会用到的。但是也有很多的人们对于水晶按钮的制作是不了解的,制作水晶按钮是要讲究方法和技巧的,这样也可以帮助我们在制作网页的时候节很多的时间。对于水晶按钮的制作一定要注意表现出按钮的光泽度,这样也可以使设计的效果更佳。今天我们就简单的了解一下水晶按钮的制作流程和方法。

简单了解水晶按钮的制作流程


 按钮是一种人工控制的主令电器。主要用来发布操作命令,接通或开断控制电路,控制机械与电气设备的运行。按钮的工作原理很简单。对于常开触头(图a),在按钮未被按下前,电路是断开的,按下按钮后,常开触头被连通,电路也被接通;对于常闭触头(图b),在按钮未被按下前,触头是闭合的,按下按钮后,触头被断开,电路也被分断。由于控制电路工作的需要,一只按钮还可带有多对同时动作的触头(图c)。

 水晶按钮在网页应用中非常广泛,今天就和大家一起来分享如何用ps制作水晶按钮,方法很简单主要利用图层样式来实现,让我们一起来学习吧

 首先我们新建(Ctrl+N)一个600*400的画布,然后用圆角工具在画布中间绘制一个圆角矩形,填充前景色为#1786fc;

 然后我们打看图层样式,选择内发光,设置图素大小为10像素,等高线为锯齿

 选择渐变叠加,混合模式设为正常,不透明度:100%,渐变颜色:#1849a3——#06c0f1,样式:对称,角度-160°,缩放:150%

 选择光泽,设置混合模式为柔光,等高线为画圆步逐,光泽为#64aaf4

 选择投影,设置角度90°,距离:3,大小:5,给按钮添加阴影效果增加立体感

 然后我们选择文本工具,在按钮中间写上文字button,这里选择的字体是Alexis,你也可以根据自己喜好选择

 然后新建图层,用钢笔工具在按钮上部画一个不规则图形,然后填充白色,设置不透明度为20,给按钮增加高光效果

 9.到这里我们的水晶按钮就制作完成了,你也可以选择其它颜色,制作出不同色彩的水晶按钮。

 对于水晶按钮的制作,相信大家也有了基本的了解,如果还是不明白的话,可以去网上找一些制作的视频流程进行观看。如果您有水晶按钮相关设计和制作需求的话,可以来一品威客网发布任务,这里有专业的人士为您提供服务。
本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录