网站导航按钮的制作

 时间:2024-11-01 20:25:41

在制作网站的过程中,总是少不了导航按钮,那么如何制作一款有视觉冲击力的按钮呢?现在蛔糯阚熨本人就利用ps打造一款导航按钮,同时分享制作步骤和截图,希望对你有所帮助。

网站导航按钮的制作

工具/原料

photoshopcs5

方法/步骤

1、双击photoshopcs5快捷方式打开photoshopcs5,执行文件-新建命令,锪者谧桁新建一个大小为800*600,分辨率为72,背景颜色为白色的文档。

网站导航按钮的制作

2、在图层面板中点击创建新图层按钮,新建图层1,点击前景色在弹出的拾色器中设置前景色为自己喜欢的颜色。

网站导航按钮的制作

3、选择工具箱里圆角矩形工具,在画布上绘制一个圆角矩形,并栅格化图层。

网站导航按钮的制作

4、双击图层1弹出图层样式对话框,勾选投影选项,设置混合模式为正片叠底,不透明度为30,角度为120,距离为1,大小为1。

网站导航按钮的制作

5、切换到内发光选项,设置混合模式为滤色,设置图案大小为10。

网站导航按钮的制作

6、接着设置外发光选项,设置混合模式为正常,图案大小为6,点击确定按钮。

网站导航按钮的制作

7、选择工具箱里文本工具,在按钮上输入文字“网站首页”,设置字体为隶书,字号为25,颜色为白色。

网站导航按钮的制作

8、选择除了文字图层之外擢爻充种的图层执行ctrl+e合并图层,选择工具箱里魔棒工具选择圆角矩形执行ctrl+c复制,新建图层1和图层1,执行ctrl+v命令。

网站导航按钮的制作

9、分别选择图层1和图层2,选择工具箱里文本工具,依次输入文字内容“关于我们”、“服务中心”。

网站导航按钮的制作

10、执行文件-另存为命令,在弹出的对话框中输入名称为“按钮”,保存在桌面上即可。

网站导航按钮的制作

美篇访问量要怎么查看 销售技巧:如何识别客户的语言信号 竣腾JTXZS-V绝缘靴(手套)耐压试验装置说明书 如何在钉钉app上查看登录日志? 科技论文写作方法
热门搜索
731电影 包邮图片 室内装修图片大全 北汽汽车报价及图片 胖丫图片