×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

做好网站导航按钮设计的十二个步骤

文章编辑:网站建设 文章来源:网站设计 浏览量:

 网页制作怎样做好按钮设计?漂亮的按钮可以修饰网页,能够使得网页图像更加美观、更富立体感。下面讲述几款最常用的网页按钮设计方法。深圳网站设计公司本文主要与各位分享制作导航,按钮制作如图12-6所示的网站导航按钮,具体操作步骤如下。
❶打开素材文件,如图12-7所示。
❷选择工具箱中的圆角矩形工具,将【半径】设置为10像素,按住鼠标左键的同时拖动鼠标,绘制一个圆角矩形,如图12-8所示。
❸选择菜单中的【图层】|【图层样式】|【渐变叠加】命令,如图12-9所示。
❹弹出【图层样式】对话框,单击渐变后面的颜色框按钮,如图12-10所示。
❺打开【渐变编辑器】对话框,设置渐变颜色,如图12-11所示。
❻在对话框中选择【斜面和浮雕】选项,设置【高光模式】和【阴影模式】的颜色,如图12-12所示。
❼在对话框中选择【内发光】选项,将其参数设置为如图12-13所示。
❽在对话框中选择【斜面和浮雕】选项,将其参数设置为如图12-14所示。
❾单击【确定】按钮,此时圆角矩形按钮效果如图12-15所示。
❿选择工具箱中的文本工具,在按钮上输入文本“首页”,如图12-16所示。
⓫重复步骤18,复制几个图层,设置阴影,并输入文本,如图12-17所示。
⓬选择菜单中的【文件】|【存储为】命令,弹出【存储为】对话框,如图12-18所示。单击【保存】按钮,保存文档。至此导航按钮制作完成,如图12-6所示。
★网站设计公司提示★
1.当使用圆角矩形工具绘制时,如果按住Shift键,则绘制的是正圆形。
2.图像样式在制作特效文本以及各种形状按钮时非常有用。方法是,先建立一个文本图层或形状图层,然后添加图层样式即可。
3.在【图层样式】对话框中设置投影效果和内阴影效果时,阴影颜色、混合模式、不透明度、角度和距离的设置是否合理、适当,将对产生的图像效果起着决定性的作用。好了,网站设计公司本文关于“
做好网站导航按钮设计的十二个步骤”知识就分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:https://www.198bona.com/construction/design/2677.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。