做好网站导航按钮设计的十二个步骤_博纳网络深圳网站建设公司

当前位置：

主页

网站制作资讯

网站设计

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

发布时间：2019-05-07

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

网页制作怎样做好按钮设计？漂亮的按钮可以修饰网页，能够使得网页图像更加美观、更富立体感。下面讲述几款最常用的网页按钮设计方法。深圳网站设计公司本文主要与各位分享制作导航，按钮制作如图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．在【图层样式】对话框中设置投影效果和内阴影效果时，阴影颜色、混合模式、不透明度、角度和距离的设置是否合理、适当，将对产生的图像效果起着决定性的作用。好了，网站设计公司本文关于“做好网站导航按钮设计的十二个步骤”知识就分享到这里，谢谢关注，博纳网络编辑整理。

当前文章链接：/construction/design/2677.html

上一篇：网站设计十个快速处理图像的步骤详解下一篇：网站设计怎样才页面插入视频解决方案

返回列表